/* ALABASTER Commercial Cleaning — folha de estilo compartilhada
   Paleta oficial: Carvão #202020 · Dourado #BA9961 · Creme #F4EDE0 · Branco Pedra #FBF8F2 · Grafite #2B2B2B
   Títulos: serifada elegante (Georgia/Playfair) · Texto: sans limpa (Segoe UI/Montserrat) · Letras grandes */
:root{
  --carvao:#202020; --dourado:#BA9961; --creme:#F4EDE0; --pedra:#FBF8F2; --grafite:#2B2B2B;
}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI','Montserrat',Arial,Helvetica,sans-serif;background:var(--pedra);color:var(--grafite);font-size:20px;line-height:1.65;}
h1,h2,h3{font-family:Georgia,'Playfair Display','Times New Roman',serif;font-weight:600;letter-spacing:.01em;color:var(--carvao);}
h1{font-size:44px;line-height:1.2;}
h2{font-size:34px;line-height:1.25;margin-bottom:18px;}
h3{font-size:25px;margin-bottom:10px;}
p{margin-bottom:16px;}
a{color:var(--dourado);}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px;}
section{padding:64px 0;}
section.tight{padding:44px 0;}
.gold{color:var(--dourado);}
.center{text-align:center;}
/* HEADER */
header{background:var(--carvao);padding:20px 0 16px;}
header .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;}
header img.logo{height:76px;width:auto;display:block;}
.hdr-right{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.hdr-phone{color:var(--creme);font-size:20px;text-decoration:none;letter-spacing:.02em;}
.hdr-phone strong{color:var(--dourado);}
nav{border-top:1px solid rgba(186,153,97,.35);margin-top:14px;padding-top:12px;}
nav a{color:var(--creme);text-decoration:none;margin-right:26px;font-size:17px;letter-spacing:.05em;text-transform:uppercase;}
nav a:hover{color:var(--dourado);}
/* BUTTONS */
.btn{display:inline-block;background:var(--dourado);color:var(--carvao);font-weight:700;text-decoration:none;
  padding:15px 30px;border-radius:6px;font-size:19px;letter-spacing:.02em;border:2px solid var(--dourado);}
.btn:hover{background:transparent;color:var(--dourado);}
.btn.ghost{background:transparent;color:var(--creme);border:2px solid var(--creme);}
.btn.ghost:hover{color:var(--dourado);border-color:var(--dourado);}
.btn-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:26px;}
/* HERO */
.hero{background:var(--carvao);color:var(--pedra);padding:0 0 64px;}
.hero .banner{display:block;width:100%;max-height:340px;object-fit:cover;}
.hero h1{color:var(--pedra);margin:44px 0 18px;max-width:820px;}
.hero h1 em{color:var(--dourado);font-style:normal;}
.hero p.lead{font-size:22px;max-width:760px;color:var(--creme);}
.hero.small{padding-bottom:48px;}
.hero.small h1{font-size:38px;}
/* BANDS */
.band-dark{background:var(--carvao);color:var(--pedra);}
.band-dark h2{color:var(--pedra);}
.band-cta{background:var(--carvao);color:var(--pedra);text-align:center;}
.band-cta h2{color:var(--pedra);font-size:36px;}
.band-cream{background:var(--creme);}
/* ARTE OFICIAL — REGRA DA DONA (22/10/2026): a arte do logo aparece sempre PLENA, sem véu (overlay) e sem texto por cima.
   Os textos vivem em faixas de cor sólida; a arte entra como bloco de imagem próprio (.art-strip), como no banner do hero. */
.art-strip{display:block;width:100%;max-height:340px;object-fit:cover;}
/* CARDS */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;margin-top:30px;}
.card{background:#fff;border:1px solid #e6dcc8;border-top:5px solid var(--dourado);border-radius:10px;padding:30px 28px;}
.card h3{color:var(--carvao);}
.card a.more{font-weight:700;text-decoration:none;letter-spacing:.02em;}
/* LISTS */
ul.checks{list-style:none;margin:10px 0 6px;}
ul.checks li{padding:9px 0 9px 34px;position:relative;border-bottom:1px solid #eee3cf;}
ul.checks li::before{content:"◆";color:var(--dourado);position:absolute;left:4px;font-size:15px;top:13px;}
ul.plain{margin:0 0 16px 22px;}
ul.plain li{margin-bottom:8px;}
.two-col{columns:2;column-gap:44px;}
@media(max-width:720px){.two-col{columns:1;} h1{font-size:34px;} h2{font-size:28px;}}
/* STEPS */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:26px;}
.step{background:#fff;border:1px solid #e6dcc8;border-radius:10px;padding:28px;}
.step .num{font-family:Georgia,serif;font-size:42px;color:var(--dourado);display:block;margin-bottom:6px;}
/* PHOTO SLOT — marcador de rascunho: substituir por foto real antes de publicar */
.photo-slot{border:3px dashed var(--dourado);background:repeating-linear-gradient(45deg,#fbf8f2,#fbf8f2 14px,#f4ede0 14px,#f4ede0 28px);
  border-radius:10px;padding:38px 24px;text-align:center;color:var(--grafite);margin:26px 0;}
.photo-slot strong{display:block;font-size:21px;letter-spacing:.03em;color:var(--carvao);}
.photo-slot span{font-size:17px;color:#6d6257;}
/* AREAS */
.areas-list{font-size:21px;line-height:1.9;}
.areas-list strong{color:var(--carvao);}
/* FORM */
form.walk{display:grid;gap:16px;max-width:640px;}
form.walk label{font-weight:600;font-size:18px;display:block;margin-bottom:6px;}
form.walk input,form.walk select,form.walk textarea{width:100%;padding:13px 14px;font-size:19px;border:1px solid #cbbfa5;border-radius:6px;background:#fff;font-family:inherit;}
.contact-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;align-items:start;}
.big-phone{font-family:Georgia,serif;font-size:32px;color:var(--carvao);text-decoration:none;}
/* FOOTER */
footer{background:var(--carvao);color:var(--creme);padding:48px 0 36px;margin-top:0;}
footer .brand{font-family:Georgia,serif;letter-spacing:.14em;font-size:22px;color:var(--pedra);}
footer .brand small{display:block;letter-spacing:.34em;font-size:13px;color:var(--dourado);margin-top:4px;}
footer a{color:var(--creme);text-decoration:none;}
footer a:hover{color:var(--dourado);}
footer .cols{display:flex;justify-content:space-between;flex-wrap:wrap;gap:26px;}
footer .fine{font-size:16px;color:#b9ac97;margin-top:22px;}