/* Site público (/quote e /quote/book). Layout no estilo da Housekeep, com a identidade
   visual da Favorite Clean (Empresa OS/6 Marca/Guia visual - Logotipo.pdf):
   - cores: azul #00249C, turquesa #00C7B1, creme #F2F1F0, preto e branco;
   - tipografia de apoio Kanit (a Plein é só do logotipo — aqui o logo vai como imagem);
   - contrastes permitidos pelo guia: no azul, texto branco/creme/turquesa; no turquesa,
     texto azul/preto; no branco/creme, texto azul/preto (turquesa só em destaque grande);
   - logo nunca sobre foto ou fundo complexo; elementos de apoio: a gota e a estrela. */
:root{
  color-scheme:light;
  --azul:#00249C; --azul-escuro:#001A73; --azul-claro:#E5E9F5;
  --turquesa:#00C7B1; --turquesa-claro:#DDF6F2;
  --creme:#F2F1F0; --creme-claro:#F8F7F5;
  --texto:#16181D; --texto-2:#4B505B; --cinza:#7E8490; --linha:#E2E1DD;
  --branco:#FFFFFF; --erro:#C93B3B; --erro-fundo:#FDECEC; --ok:#00897A; --ok-fundo:#DDF6F2;
  --sombra:0 6px 24px rgba(0,36,156,.08); --sombra-forte:0 12px 36px rgba(0,36,156,.13);
  --fonte:'Kanit',-apple-system,system-ui,Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--branco);color:var(--texto);font-family:var(--fonte);font-size:16px;font-weight:400;line-height:1.55}
h1,h2,h3{margin:0;font-family:var(--fonte);line-height:1.1;text-wrap:balance}
h1,h2{font-weight:700;letter-spacing:-.015em}
h3{font-weight:600;font-size:1.15rem;line-height:1.3}
p{margin:10px 0 0}
a{color:var(--azul)}
[hidden]{display:none !important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--turquesa);outline-offset:2px}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;font:inherit;font-weight:500;font-size:1rem;padding:11px 20px;cursor:pointer;text-decoration:none;touch-action:manipulation;transition:background .15s,border-color .15s,color .15s;white-space:nowrap}
.btn-azul{background:var(--azul);color:#fff}
.btn-azul:hover{background:var(--azul-escuro)}
.btn-ciano{background:var(--turquesa);color:var(--azul)}
.btn-ciano:hover{background:#24D6C2}
.btn-borda{background:#fff;color:var(--azul);border-color:var(--azul)}
.btn-borda:hover{background:var(--azul-claro)}
.btn-grande{font-size:1.15rem;padding:14px 28px;margin-top:28px}
.btn-bloco{width:100%;font-size:1.15rem;padding:15px 20px}
.btn:disabled{opacity:.6;cursor:wait}

/* ---------- topo (sempre branco: o logo não vai sobre a foto) ---------- */
.nav-topo{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;padding:12px max(20px,env(safe-area-inset-left));background:#fff;border-bottom:1px solid var(--linha)}
.marca{display:block;line-height:0}
.marca img{height:46px;width:auto}
.links{display:flex;gap:28px;margin-left:auto}
.links a{color:var(--texto);text-decoration:none;font-weight:400}
.links a:hover{color:var(--azul)}
.btn-nav{margin-left:8px}
@media (max-width:860px){
  .links{display:none}
  .btn-nav{margin-left:auto;padding:9px 14px}
  .marca img{height:38px}
}

/* ---------- herói: azul da marca + foto recortada na gota ---------- */
.hero{position:relative;background:var(--azul);color:#fff;overflow:hidden}
.hero-estrela-fundo{position:absolute;right:-60px;bottom:-90px;width:420px;height:420px;fill:none;stroke:rgba(255,255,255,.14);stroke-width:1.2;stroke-linejoin:round;pointer-events:none}
.hero-conteudo{position:relative;z-index:1;max-width:1240px;margin:0 auto;padding:72px max(20px,env(safe-area-inset-left)) 80px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center}
.hero-selo{display:inline-block;margin:0 0 18px;font-weight:500;font-size:.95rem;color:var(--azul);background:var(--turquesa);border-radius:99px;padding:4px 14px}
.hero h1{font-size:clamp(2.7rem,6vw,4.6rem);max-width:13ch}
.hero h1 span{color:var(--turquesa)}
.hero-sub{font-size:clamp(1.1rem,2.2vw,1.3rem);font-weight:300;margin-top:18px;line-height:1.5;color:var(--creme)}
.hero-gota{position:relative;justify-self:center;width:min(100%,430px);aspect-ratio:.82}
.hero-foto{position:absolute;inset:0;background:url(/site/hero.jpg) 86% 68%/150% auto no-repeat;background-color:var(--creme);clip-path:url(#gota)}
.hero-estrela{position:absolute;width:26%;right:14%;bottom:16%;fill:var(--turquesa);transform:rotate(12deg);filter:drop-shadow(0 6px 16px rgba(0,0,0,.18))}
@media (max-width:860px){
  .hero-conteudo{grid-template-columns:1fr;padding-top:44px;padding-bottom:48px;gap:36px}
  .hero-gota{width:min(78%,320px)}
  .hero-estrela-fundo{width:300px;height:300px}
}

/* caixa de postcode (herói e "Ready to get started?") */
.caixa-postcode{position:relative;display:flex;align-items:center;gap:10px;background:#fff;border:2px solid var(--turquesa);border-radius:10px;padding:8px 8px 8px 18px;margin-top:30px;max-width:560px;box-shadow:var(--sombra)}
.caixa-postcode .lupa{width:22px;height:22px;flex-shrink:0;fill:none;stroke:var(--azul);stroke-width:2.4;stroke-linecap:round}
.caixa-postcode input{flex:1;min-width:0;border:none;outline:none;font:inherit;font-size:1.15rem;color:var(--texto);background:transparent;padding:12px 4px;text-transform:uppercase}
.caixa-postcode input::placeholder{text-transform:none;color:#9A9FA8}
.caixa-postcode .btn{font-size:1.1rem;padding:14px 26px}
.pc-erro{position:absolute;left:0;top:calc(100% + 8px);margin:0;background:var(--erro);color:#fff;font-weight:500;font-size:.9rem;border-radius:6px;padding:6px 10px}
@media (max-width:520px){
  .caixa-postcode{flex-wrap:wrap;padding:8px}
  .caixa-postcode .lupa{display:none}
  .caixa-postcode input{flex-basis:100%;padding:12px}
  .caixa-postcode .btn{flex:1}
}

/* faixa abaixo do herói */
.faixa-inclui{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 44px;background:var(--creme);padding:24px 20px;font-weight:500}
.faixa-inclui span{display:inline-flex;align-items:center;gap:10px}
.faixa-inclui .faixa-titulo{font-weight:600;font-size:1.1rem;color:var(--azul)}
.faixa-inclui svg{width:26px;height:26px;fill:none;stroke:var(--azul);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* ---------- seções ---------- */
.secao{padding:96px max(20px,env(safe-area-inset-left));text-align:center}
.secao>*{max-width:1240px;margin-left:auto;margin-right:auto}
.fundo-claro{background:var(--creme)}
.fundo-azul{background:var(--azul);color:#fff}
.rotulo{margin:0 auto 12px;color:var(--azul);font-size:1.05rem;font-weight:500;letter-spacing:.02em}
.rotulo::before{content:"";display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--turquesa);margin-right:10px;vertical-align:1px}
.rotulo-ciano,.fundo-azul .rotulo-ciano{color:var(--turquesa)}
.secao h2{font-size:clamp(2.2rem,5vw,3.6rem);color:var(--azul)}
.fundo-azul h2{color:#fff}
.intro{max-width:720px;font-size:1.15rem;font-weight:300;line-height:1.6;margin-top:22px}
.centro{text-align:center}
@media (max-width:700px){.secao{padding:64px 20px}}

/* como funciona */
.tres-passos{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:56px}
.tres-passos h3{margin-top:32px;color:var(--azul)}
.tres-passos p{max-width:330px;margin:12px auto 0;font-weight:300}
.maquete{background:var(--turquesa-claro);border-radius:18px;aspect-ratio:1.12;display:grid;place-items:center;padding:24px}
.mq-cartao{background:#fff;box-shadow:var(--sombra);border-radius:10px;padding:20px 22px;display:grid;gap:8px;text-align:left;width:min(100%,260px)}
.mq-centro{text-align:center;justify-items:center}
.mq-titulo{font-size:1.3rem;font-weight:700;line-height:1.1;color:var(--azul)}
.mq-dica{font-size:.8rem;color:var(--texto-2)}
.mq-input{border:2px solid var(--azul);border-radius:6px;padding:10px 12px;font-weight:600;font-size:.9rem;box-shadow:0 4px 10px rgba(0,36,156,.12)}
.mq-check{font-size:.85rem;color:var(--texto-2);display:flex;gap:8px;align-items:center}
.mq-check::before{content:"✓";display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--turquesa);color:var(--azul);font-size:.7rem;font-weight:700}
.mq-check b{color:var(--texto);font-weight:600}
.mq-fotos{display:flex;gap:8px}
.mq-fotos span{width:84px;height:64px;border-radius:6px;background:#C9CCD3;display:grid;place-items:end start;padding:4px 6px;font-size:.65rem;font-weight:600;color:#fff}
.mq-fotos .depois{background:var(--turquesa);color:var(--azul)}
.mq-aspas{font-size:1.3rem;line-height:1;color:var(--azul)}
.mq-estrelas{color:var(--turquesa);letter-spacing:3px}
@media (max-width:860px){.tres-passos{grid-template-columns:1fr;gap:44px;max-width:420px}}

/* duas colunas (diferenciais / extras) */
.dupla{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;text-align:left;max-width:none}
.dupla>*{margin:0}
.dupla>div:first-child{justify-self:end;max-width:540px}
.dupla h2{font-size:clamp(2.2rem,4.6vw,3.4rem)}
.dupla p{font-size:1.12rem;font-weight:300;line-height:1.6}
.dupla .rotulo{margin:0 0 12px}
.cartao-lista{background:#fff;border-radius:16px;box-shadow:var(--sombra-forte);padding:44px 50px;max-width:460px;justify-self:start;border-top:6px solid var(--turquesa)}
.cartao-lista h3{font-size:1.15rem;margin-bottom:18px;color:var(--azul)}
@media (max-width:860px){
  .dupla{grid-template-columns:1fr;gap:40px}
  .dupla>div:first-child,.cartao-lista{justify-self:stretch;max-width:none}
  .cartao-lista{padding:28px 24px}
}

/* listas com check */
.checks{list-style:none;padding:0;margin:0;display:grid;gap:12px;text-align:left}
.checks li{position:relative;padding-left:32px;line-height:1.4}
.checks li::before{content:"";position:absolute;left:2px;top:2px;width:14px;height:8px;border-left:2.5px solid var(--turquesa);border-bottom:2.5px solid var(--turquesa);transform:rotate(-45deg)}

/* cômodos */
.comodos{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:56px;max-width:1280px}
.comodos article{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--sombra);text-align:left}
.comodos img{width:100%;height:auto;aspect-ratio:1.55;object-fit:cover;display:block}
.comodos h3{margin:22px 26px 16px;color:var(--azul)}
.comodos .checks{font-size:.98rem;font-weight:300;padding:0 26px 30px}
@media (max-width:1100px){.comodos{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.comodos{grid-template-columns:1fr}}

/* seção azul: extras + celular */
.fundo-azul p{color:var(--creme)}
.caixa-pedidos{background:rgba(255,255,255,.1);border-left:4px solid var(--turquesa);border-radius:0 12px 12px 0;padding:24px 28px;margin-top:56px}
.caixa-pedidos h3{font-size:1.15rem;color:#fff}
.caixa-pedidos p{font-size:1rem;margin-top:10px}
.celular{justify-self:start;width:300px;border:10px solid #10131C;border-radius:44px;background:#fff;box-shadow:0 30px 60px rgba(0,0,0,.3);overflow:hidden}
.celular-tela{padding:22px 18px 24px;color:var(--texto);display:grid;gap:12px}
.cel-topo{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--linha);padding-bottom:12px}
.cel-topo img{height:30px;width:auto}
.cel-topo span{font-size:.8rem;color:var(--azul);font-weight:600}
.fundo-azul .cel-rotulo{color:var(--texto-2);font-size:.78rem;margin:4px 0 0}
.fundo-azul .cel-rotulo b{color:var(--texto)}
.cel-extras{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cel-extras span{border:1px solid var(--linha);border-radius:8px;display:grid;justify-items:center;gap:4px;padding:8px 2px;font-size:.6rem;text-align:center}
.cel-extras span.sel{border:2px solid var(--azul)}
.cel-extras i{display:block;width:34px;height:34px}
.cel-horas{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cel-horas span{border:1px solid var(--linha);border-radius:8px;text-align:center;padding:8px;font-size:.8rem;font-weight:500}
.cel-horas .sel{border:2px solid var(--azul);color:var(--azul)}
.cel-botao{background:var(--azul);color:#fff;text-align:center;border-radius:8px;padding:11px;font-size:.85rem;font-weight:500;margin-top:6px}
@media (max-width:860px){.celular{justify-self:center}}

/* confiança */
.confianca{display:grid;grid-template-columns:1fr 1fr;gap:56px 64px;margin-top:64px;max-width:960px;text-align:left}
.confianca>div{display:grid;grid-template-columns:88px 1fr;column-gap:26px;align-items:start}
.confianca .ico-quadro{grid-row:span 2;width:88px;height:88px;border-radius:50%;background:var(--azul);display:grid;place-items:center}
.confianca svg{width:40px;height:40px;fill:none;stroke:var(--turquesa);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.confianca h3{margin-top:6px;color:var(--azul)}
.confianca p{margin-top:8px;color:var(--texto-2);font-weight:300}
@media (max-width:760px){.confianca{grid-template-columns:1fr;gap:36px}.confianca>div{grid-template-columns:68px 1fr;column-gap:18px}.confianca .ico-quadro{width:68px;height:68px}.confianca svg{width:32px;height:32px}}

/* FAQ */
.faq-secao{display:grid;grid-template-columns:1fr 1fr;gap:56px;text-align:left;align-items:start}
.faq-secao>*{margin:0}
.faq-secao h2{justify-self:end;width:100%;max-width:540px}
.acordeao{display:grid;gap:14px;max-width:560px}
.acordeao details{background:#fff;border-radius:12px}
.acordeao summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;padding:20px 26px;font-weight:500;font-size:1.05rem}
.acordeao summary::-webkit-details-marker{display:none}
.acordeao summary::after{content:"";flex-shrink:0;width:9px;height:9px;border-right:2px solid var(--azul);border-bottom:2px solid var(--azul);transform:rotate(45deg) translate(-2px,-2px);transition:transform .2s}
.acordeao details[open] summary::after{transform:rotate(-135deg) translate(-2px,-2px)}
.acordeao details p{margin:0;padding:0 26px 22px;color:var(--texto-2);font-weight:300}
@media (max-width:860px){.faq-secao{grid-template-columns:1fr;gap:28px}.faq-secao h2{justify-self:stretch}.acordeao{max-width:none}.acordeao summary{padding:18px 20px}.acordeao details p{padding:0 20px 20px}}

/* suporte */
.suporte{display:flex;justify-content:center;gap:24px;margin-top:44px}
.cartao-suporte{background:#fff;border-radius:16px;box-shadow:var(--sombra-forte);width:290px;padding:32px 28px;display:grid;justify-items:center;gap:24px}
.cartao-suporte svg{width:64px;height:64px;fill:none;stroke:var(--azul);stroke-width:1.4;stroke-linejoin:round}
.cartao-suporte .btn{width:100%}

/* pronto pra começar */
.pronto{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;text-align:left}
.pronto>*{margin:0}
.pronto h2{justify-self:end;width:100%;max-width:540px;font-size:clamp(2.1rem,4vw,3rem)}
.pronto .caixa-postcode{margin:0}
@media (max-width:860px){.pronto{grid-template-columns:1fr;gap:24px}.pronto h2{justify-self:stretch}}

/* rodapé: azul, logo branco */
.rodape{background:var(--azul);color:#fff;padding:64px max(20px,env(safe-area-inset-left)) calc(32px + env(safe-area-inset-bottom))}
.rodape-colunas{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:32px}
.rodape-marca img{height:56px;width:auto}
.rodape-marca p{color:var(--creme);margin-top:14px}
.rodape h3{font-size:1.05rem;margin-bottom:16px;color:var(--turquesa)}
.rodape a{display:block;color:#fff;text-decoration:none;font-weight:300;margin-bottom:10px}
.rodape a:hover{color:var(--turquesa)}
.rodape p{margin:0;line-height:1.7;font-weight:300}
.rodape-fim{max-width:1240px;margin:48px auto 0 !important;padding-top:24px;border-top:1px solid rgba(255,255,255,.2);color:var(--creme);font-size:.92rem}
.rodape-fim a{display:inline;color:var(--turquesa)}
.rodape-fim .link-cookies{color:var(--turquesa);text-decoration:none}
/* razão social (Companies House) em todo rodapé do site: rodapé azul e rodapé simples */
.rodape .rodape-legal{max-width:1240px;margin:14px auto 0;font-size:.8rem;line-height:1.55;color:var(--creme)}
.rodape-simples .rodape-legal{margin:8px 0 0;font-size:.8rem;line-height:1.55}
/* botão com cara de link (Cookie settings: rodapé e política de privacidade) */
.link-cookies{font:inherit;color:inherit;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
@media (max-width:860px){.rodape-colunas{grid-template-columns:1fr 1fr}.rodape-marca{grid-column:1/-1}}
@media (max-width:520px){.rodape-colunas{grid-template-columns:1fr}}

/* =================== formulário (/quote/book) =================== */
.reserva{background:#fff}
.nav-branca{position:static}
.etapas{display:flex;justify-content:center;gap:40px;border-bottom:1px solid var(--linha);padding:0 20px;overflow-x:auto}
.etapas span{display:flex;align-items:center;gap:10px;padding:18px 0;color:var(--cinza);white-space:nowrap;border-bottom:3px solid transparent;margin-bottom:-1px}
.etapas i{width:22px;height:22px;border:1.5px solid var(--linha);border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:.7rem}
.etapas .atual{color:var(--azul);font-weight:500;border-bottom-color:var(--turquesa)}
.etapas .atual i{border:2px solid var(--azul)}
.etapas .feita{color:var(--texto)}
.etapas .feita i{background:var(--turquesa);border-color:var(--turquesa);color:var(--azul);font-weight:700}
.etapas .feita i::before{content:"✓"}
@media (max-width:520px){.etapas{gap:20px;justify-content:flex-start}.etapas span{font-size:.9rem}}

.reserva-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;max-width:1240px;margin:0 auto;padding:48px max(20px,env(safe-area-inset-left)) 64px;align-items:start}
.reserva-form{max-width:720px;width:100%;min-width:0}
.reserva-form h1{font-size:clamp(2.1rem,4.5vw,3rem);margin-bottom:28px;color:var(--azul)}
.reserva-form hr{border:none;border-top:1px solid var(--linha);margin:32px 0}
.bloco{display:block;margin-bottom:28px}
.pergunta{display:block;margin:0 0 12px;font-size:1.08rem;font-weight:400}
.pergunta b{font-weight:600;color:var(--azul)}
.opcional{color:var(--cinza);font-weight:300}
.dica{color:var(--cinza);font-size:.95rem;font-weight:300;margin-top:12px}
.dica-azul{color:var(--azul);font-size:.95rem;font-weight:300;margin:-6px 0 14px;opacity:.85}
.input-forte{width:100%;font:inherit;font-size:1.1rem;font-weight:400;color:var(--texto);background:#fff;border:1px solid #B9BDC5;border-radius:8px;padding:14px 16px;min-height:54px}
.input-forte:focus{outline:none;border:2px solid var(--azul);padding:13px 15px}
textarea.input-forte{resize:vertical;font-weight:300}
.linha-2{display:grid;grid-template-columns:1fr 1fr;column-gap:16px}
@media (max-width:560px){.linha-2{grid-template-columns:1fr}}
#postcode{text-transform:uppercase}

/* tiles */
.tile{font:inherit;color:var(--texto);background:#fff;border:1px solid var(--linha);border-radius:10px;cursor:pointer;touch-action:manipulation;transition:border-color .15s,box-shadow .15s,background .15s}
.tile:hover{border-color:#9AA6D6}
.tile.sel{border:2px solid var(--azul);box-shadow:0 4px 14px rgba(0,36,156,.13)}
.servicos-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.servicos-tiles .tile{display:grid;justify-items:center;gap:4px;padding:16px 8px 14px;text-align:center}
.servicos-tiles .tile b{font-weight:500;font-size:.95rem;line-height:1.2}
.servicos-tiles .tile small{color:var(--cinza);font-size:.82rem;font-weight:300}
.servicos-tiles .tile.sel b,.servicos-tiles .tile.sel small{color:var(--azul)}
@media (max-width:600px){.servicos-tiles{grid-template-columns:1fr 1fr}}
.ic{width:52px;height:52px;display:block}
.ic .ic-cor{fill:var(--turquesa);stroke:none}
.ic .ic-linha{fill:none;stroke:var(--azul);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.ic .ic-branco{fill:#fff}
.ic .ic-ponto{fill:var(--azul)}
.cel-extras .ic{width:34px;height:34px}

.contador{display:grid;grid-template-columns:62px 1fr 62px;border:1px solid #B9BDC5;border-radius:8px;overflow:hidden;min-height:58px}
.contador button{border:none;background:var(--creme-claro);font:inherit;font-size:1.7rem;font-weight:300;color:var(--azul);cursor:pointer;touch-action:manipulation}
.contador button:hover{background:var(--azul-claro)}
.contador button:first-child{border-right:1px solid #B9BDC5}
.contador button:last-child{border-left:1px solid #B9BDC5}
.contador output{display:grid;place-items:center;font-weight:500;font-size:1.1rem}

.extras-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.extras-tiles .tile{display:grid;justify-items:center;gap:8px;padding:14px 6px 12px;background:var(--creme-claro);font-size:.88rem;font-weight:500}
.extras-tiles .tile.sel{background:#fff;color:var(--azul)}
@media (max-width:600px){.extras-tiles{grid-template-columns:repeat(3,1fr)}}

/* carpete, tapete e sofá (limpeza pesada, fim de contrato e pós-obra) */
.carpete-extras{grid-template-columns:repeat(4,1fr)}
.carpete-extras .tile{gap:4px}
.carpete-extras .tile small{color:var(--cinza);font-size:.82rem;font-weight:300}
.carpete-extras .tile.sel small{color:var(--azul)}
@media (max-width:600px){.carpete-extras{grid-template-columns:1fr 1fr}}
.sub-bloco{margin-top:22px}
.lista-qtd{display:grid;gap:8px}
.linha-qtd{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--creme-claro);border:1px solid var(--linha);border-radius:10px;padding:10px 10px 10px 16px}
.linha-qtd.sel{background:#fff;border:2px solid var(--azul);padding:9px 9px 9px 15px}
.linha-qtd > span{font-weight:500}
.linha-qtd.sel > span{color:var(--azul)}
.linha-qtd small{display:block;color:var(--cinza);font-size:.82rem;font-weight:300}
.mini-contador{display:grid;grid-template-columns:40px 36px 40px;align-items:center;flex-shrink:0}
.mini-contador button{height:40px;border:1px solid #B9BDC5;background:#fff;font:inherit;font-size:1.3rem;color:var(--azul);cursor:pointer;touch-action:manipulation}
.mini-contador button:first-child{border-radius:8px 0 0 8px}
.mini-contador button:last-child{border-radius:0 8px 8px 0}
.mini-contador button:disabled{color:#C4C8D0;cursor:default}
.mini-contador output{text-align:center;font-weight:600}

.horas-tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.horas-tiles .tile{padding:15px 6px;background:var(--creme-claro);font-weight:500;font-size:1.05rem}
.horas-tiles .tile.sel{background:#fff;color:var(--azul)}
.horas-tiles.quartos-tiles{grid-template-columns:repeat(4,1fr)}
.horas-tiles .tile.rec:not(.sel){border-color:var(--turquesa)}
.horas-tiles .tile-mais{background:#fff;color:var(--cinza)}
@media (max-width:600px){.horas-tiles{grid-template-columns:repeat(3,1fr)}}

.botoes-par{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.botoes-par .tile{padding:16px 10px;background:var(--creme-claro);font-weight:500;font-size:1.02rem}
.botoes-par .tile.sel{background:#fff;color:var(--azul)}
.sem-limpar{grid-template-columns:repeat(3,1fr)}
.sem-limpar .tile{display:grid;gap:2px}
.incluido-cartao{background:#fff;border-radius:12px;box-shadow:var(--sombra);border:1px solid var(--linha);padding:20px 22px}
.incluido-cartao > b{display:block;font-weight:600;color:var(--azul);margin-bottom:14px}
.checks-incluido{gap:9px}
.incluido-cartao > b.incluido-sub{margin:20px 0 14px}
.checks-incluido li{position:relative;padding-left:28px;font-size:.97rem;font-weight:300;line-height:1.4}
.link-mais{font:inherit;font-weight:500;color:var(--azul);background:none;border:none;padding:0;margin-top:14px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.sem-limpar .tile b{font-weight:500}
.sem-limpar .tile small{color:var(--cinza);font-size:.85rem;font-weight:300}
.sem-limpar .tile.sel small{color:var(--azul)}
@media (max-width:520px){.botoes-par{grid-template-columns:1fr}}

.freq-cartao{position:relative;display:block;width:100%;text-align:left;font:inherit;color:inherit;background:var(--creme-claro);border:1px solid var(--linha);border-radius:12px;padding:22px 20px 20px;margin-bottom:16px;cursor:pointer}
.freq-cartao.sel{background:#fff;border:2px solid var(--azul);padding:21px 19px 19px}
.freq-titulo{display:block;font-size:1.1rem;font-weight:600;color:var(--azul);margin-bottom:14px}
.selo-best{position:absolute;top:-12px;right:16px;background:var(--turquesa);color:var(--azul);font-size:.8rem;font-weight:600;border-radius:99px;padding:2px 12px}
.checks-pequenos{gap:10px;margin-bottom:4px}
.checks-pequenos li{padding-left:28px}
.checks-pequenos li::before{width:12px;height:7px}
.checks-pequenos b{display:block;font-weight:500;font-size:.95rem;color:var(--texto)}
.checks-pequenos span{display:block;font-size:.92rem;font-weight:300;color:var(--texto-2)}
.segmentado{display:grid;grid-template-columns:repeat(3,1fr);margin-top:18px;max-width:440px}
.segmentado .tile{border-radius:0;padding:12px 8px;font-weight:500;font-size:.95rem;margin-left:-1px}
.segmentado .tile:first-child{border-radius:8px 0 0 8px;margin-left:0}
.segmentado .tile:last-child{border-radius:0 8px 8px 0}
.segmentado .tile.sel{position:relative;z-index:1;color:var(--azul)}
.freq-avulsa .checks-pequenos{margin:0}


#escopo{margin-bottom:4px}
.dica-ambientes{margin:18px 0 12px}
.ambientes-tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.ambientes-tiles .tile{padding:14px 8px;background:var(--creme-claro);font-weight:500;font-size:.95rem}
.ambientes-tiles .tile.sel{background:#fff;color:var(--azul)}
.ambientes-tiles .tile.sel::before{content:"✓ ";color:var(--turquesa);font-weight:700}
@media (max-width:600px){.ambientes-tiles{grid-template-columns:1fr 1fr}}

.isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.erro{background:var(--erro-fundo);color:var(--erro);border-radius:8px;padding:12px 14px;font-weight:500;margin:0 0 16px}

/* barra do botão: presa embaixo (no computador o formulário é longo e o "Continue" sumia); no celular leva o preço */
.barra-acao{margin-top:12px;position:sticky;bottom:0;z-index:20;background:#fff;padding:12px 0;border-top:1px solid var(--linha)}
html:has(#barra-acao){scroll-padding-bottom:calc(var(--altura-barra, 86px) + 8px)} /* foco do Tab não cai atrás da barra */
.barra-acao .erro{margin:0 0 12px} /* erro do envio fica junto dos botões */
.barra-preco{display:none}
.barra-botoes{display:flex;gap:12px}
.barra-botoes .btn-borda{flex:0 0 auto;padding:15px 22px;font-size:1.1rem}
.concluido .barra-acao,.concluido .lateral{display:none}

/* lateral */
.lateral{position:sticky;top:24px;display:grid;gap:24px}
.cartao-resumo,.cartao-ajuda{background:#fff;border-radius:16px;box-shadow:var(--sombra-forte);padding:24px}
.cartao-resumo{border-top:6px solid var(--turquesa)}
.cartao-ajuda{background:var(--creme);box-shadow:none}
.lateral h2{font-weight:600;font-size:1.15rem;letter-spacing:0;margin-bottom:14px;color:var(--azul)}
.cartao-resumo dl{margin:0;border-top:1px solid var(--linha);padding-top:10px}
.cartao-resumo dl div{display:flex;justify-content:space-between;gap:12px;padding:6px 0;font-size:.95rem}
.cartao-resumo dt{color:var(--texto-2);font-weight:300}
.cartao-resumo dd{margin:0;text-align:right;font-weight:500}
.resumo-preco{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--linha);margin-top:12px;padding-top:14px;color:var(--azul)}
.resumo-preco span{font-weight:600;font-size:1.15rem}
.resumo-preco b{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}
.resumo-detalhe{list-style:none;padding:0;margin:8px 0 0;font-size:.88rem;font-weight:300;color:var(--cinza)}
.resumo-detalhe li{display:flex;justify-content:space-between;gap:12px;font-variant-numeric:tabular-nums;padding:2px 0}
.resumo-detalhe li > span:first-child small{display:block;font-size:.8rem;line-height:1.35;margin-top:1px}
.resumo-detalhe .resumo-nota{justify-content:flex-end;font-style:italic}
.cartao-ajuda p{margin:0 0 12px;font-size:.95rem;font-weight:300}
.acordeao-pequeno{gap:0}
.acordeao-pequeno details{background:transparent;border-radius:0;border-top:1px solid #DAD8D3}
.acordeao-pequeno summary{padding:14px 0;font-weight:400;font-size:.92rem}
.acordeao-pequeno summary::after{width:7px;height:7px}
.acordeao-pequeno details p{padding:0 0 14px;font-size:.9rem}

/* enviado */
.enviado{text-align:center;padding:24px 0;outline:none}
.enviado h1{margin:16px 0 0}
.enviado p{max-width:460px;margin:16px auto 28px;font-size:1.1rem;font-weight:300}
.enviado-icone{display:inline-grid;place-items:center;width:72px;height:72px;border-radius:50%;background:var(--turquesa);color:var(--azul);font-size:2.2rem;font-weight:700}

.rodape-simples{background:var(--azul);color:var(--creme);padding:28px max(20px,env(safe-area-inset-left)) calc(28px + env(safe-area-inset-bottom));font-size:.9rem;font-weight:300}

@media (max-width:960px){
  .reserva-grade{grid-template-columns:1fr;gap:32px;padding-top:32px}
  .lateral{position:static}
  .barra-acao{position:sticky;bottom:0;z-index:20;margin:12px -20px 0;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--linha);box-shadow:0 -6px 18px rgba(0,36,156,.08);display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px}
  .barra-acao .erro{order:-1;flex-basis:100%;margin:0;padding:10px 12px;font-size:.95rem} /* acima do preço e dos botões */
  .barra-preco:not(:empty){display:grid;line-height:1.15;flex-shrink:0}
  .barra-preco span{font-size:.8rem;color:var(--cinza)}
  .barra-preco b{font-size:1.3rem;color:var(--azul)}
  .barra-preco small{font-size:.75rem;color:var(--cinza)}
  .barra-botoes{flex:1}
  .barra-botoes .btn-bloco{padding:14px 12px;font-size:1.05rem}
  .barra-botoes .btn-borda{padding:14px 16px;font-size:1.05rem}
}

/* ---------- WhatsApp (verde do próprio WhatsApp, pra ser reconhecido de longe) ---------- */
.btn-whatsapp{background:#25D366;color:#0B3B24}
.btn-whatsapp:hover{background:#3BDD78}
.icone-wa{fill:#25D366}
.icone-wa .fone{fill:#fff}
.cartao-suporte .icone-wa{fill:#25D366;stroke:none}
.cartao-suporte .icone-wa .fone{fill:#fff}
.wa-flutuante{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:calc(18px + env(safe-area-inset-bottom));z-index:60;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#25D366;box-shadow:0 8px 24px rgba(0,0,0,.2);transition:transform .15s}
.wa-flutuante:hover{transform:scale(1.06)}
.wa-flutuante .icone-wa{width:34px;height:34px;fill:#fff}
.wa-flutuante .icone-wa .fone{fill:#25D366}
@media (max-width:640px){.suporte{flex-direction:column;align-items:center}}

/* ---------- aviso de cookies (Google Ads) ---------- */
.aviso-cookies{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(16px + env(safe-area-inset-bottom));z-index:70;width:min(640px,calc(100% - 32px));background:#fff;border:1px solid var(--linha);border-radius:14px;box-shadow:var(--sombra-forte);padding:16px 18px;display:flex;align-items:center;gap:16px}
.aviso-cookies p{margin:0;font-size:.92rem;font-weight:300;color:var(--texto-2)}
.aviso-botoes{display:flex;gap:10px;flex-shrink:0}
.aviso-botoes .btn{padding:9px 18px}
/* no celular: uma faixa baixa colada no rodapé da tela, pra não cobrir o botão do herói nem os horários */
@media (max-width:560px){
  .aviso-cookies{flex-direction:row;align-items:center;bottom:0;width:100%;border-radius:14px 14px 0 0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));gap:10px}
  .aviso-cookies p{font-size:.8rem;line-height:1.35}
  .aviso-botoes{gap:6px}
  .aviso-botoes .btn{flex:0 0 auto;padding:10px 12px;min-height:44px}
}
/* o aviso sobe acima das barras presas embaixo: botões do formulário e "Get my price" */
/* só no formulário (privacy/terms/404 também são body.reserva, sem barra); --altura-barra vem do quote.js e cresce com o erro */
body.reserva:has(#barra-acao) .aviso-cookies{bottom:calc(var(--altura-barra, calc(84px + env(safe-area-inset-bottom))) + 12px)}
@media (max-width:700px){.com-barra .aviso-cookies{bottom:calc(84px + env(safe-area-inset-bottom))}}
/* acima de uma barra o aviso flutua: volta a ter os 4 cantos e uma margem dos lados */
@media (max-width:560px){body.reserva:has(#barra-acao) .aviso-cookies,.com-barra .aviso-cookies{width:calc(100% - 16px);border-radius:14px;padding-bottom:10px}}
.rodape-simples a{color:var(--creme)}

/* ---------- política de privacidade ---------- */
.texto-legal{max-width:760px;margin:0 auto;padding:48px 20px 72px}
.texto-legal h1{color:var(--azul);font-size:2.2rem}
.texto-legal h2{color:var(--azul);font-size:1.3rem;margin-top:36px}
.texto-legal h3{color:var(--azul);font-size:1.05rem;margin-top:24px} /* formulário de cancelamento em /terms */
.texto-legal p,.texto-legal li{font-weight:300;color:var(--texto-2)}
.texto-legal ul{padding-left:20px}
.texto-legal li{margin-top:6px}
.texto-legal .atualizado{color:var(--cinza);font-size:.9rem}
.texto-legal .link-cookies{color:var(--azul)}
.nao-encontrada{text-align:center;padding-top:96px;min-height:60vh}
.botoes-404{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.link-conta{color:var(--azul);text-decoration:none;font-weight:500;white-space:nowrap}
.link-conta:hover{text-decoration:underline}
.links + .link-conta{margin-left:4px}
@media (max-width:860px){.link-conta{margin-left:auto}.link-conta + .btn-nav{margin-left:0}}
.enviado-conta{font-size:1rem !important;margin-top:-12px !important}
.enviado-botoes{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* =================== serviços e preços (página inicial e páginas de cada serviço) =================== */
.servicos-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:48px;text-align:left}
.cartao-servico{flex:0 1 228px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-top:5px solid var(--turquesa);border-radius:14px;padding:24px 22px 22px;color:var(--texto);text-decoration:none;box-shadow:var(--sombra);transition:transform .15s,box-shadow .15s}
.cartao-servico:hover{transform:translateY(-2px);box-shadow:var(--sombra-forte)}
.cartao-servico h3{color:var(--azul)}
.cartao-servico p{flex:1;margin-top:8px;color:var(--texto-2);font-weight:300;font-size:.97rem}
.cartao-servico-preco{margin-top:18px;font-size:1.45rem;font-weight:600;color:var(--azul)}
.cartao-servico-link{margin-top:6px;font-weight:500;font-size:.92rem;color:var(--azul);text-decoration:underline;text-underline-offset:3px}
@media (max-width:560px){.cartao-servico{flex-basis:100%}}
.nota-servicos{max-width:820px;margin-top:28px;color:var(--texto-2);font-size:.95rem;font-weight:300}

/* tabela de preços */
.tabela-rolagem{max-width:820px;margin-top:40px;overflow-x:auto}
.tabela-precos{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden;box-shadow:var(--sombra);text-align:left}
.tabela-precos th,.tabela-precos td{padding:14px 16px;border-bottom:1px solid var(--linha)}
.tabela-precos thead th{background:var(--azul);color:#fff;font-weight:500;font-size:.95rem}
.tabela-precos tbody th{font-weight:400}
.tabela-precos td{font-weight:600;color:var(--azul);white-space:nowrap}
.tabela-precos tbody tr:last-child>*{border-bottom:none}
.notas-preco{list-style:none;padding:0;max-width:820px;margin:18px auto 0;text-align:left;color:var(--texto-2);font-size:.92rem;font-weight:300;display:grid;gap:6px}
.nota-tabela{max-width:820px;margin-top:18px;color:var(--texto-2);font-size:.95rem;font-weight:300}
@media (max-width:560px){.tabela-precos th,.tabela-precos td{padding:11px 10px;font-size:.88rem}}

/* páginas de serviço */
.pagina-servico .hero h1{font-size:clamp(2.4rem,5vw,3.8rem);max-width:15ch}
.migalhas{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;font-size:.92rem;color:var(--creme)}
.migalhas a{color:var(--turquesa);text-decoration:none}
.migalhas a:hover{text-decoration:underline}
.cartao-lista-azul{color:var(--texto)}
.nota-inclui{margin-top:18px;font-size:.92rem;color:var(--texto-2);font-weight:300}
.checks-centro{max-width:620px;margin-top:28px}
.confianca-3{grid-template-columns:repeat(3,1fr);max-width:1100px;gap:40px}
.confianca-3>div{grid-template-columns:1fr;justify-items:center;text-align:center}
.confianca-3 .ico-quadro{grid-row:auto;margin-bottom:16px}
.confianca-4{grid-template-columns:repeat(4,1fr);max-width:1180px;gap:32px}
@media (max-width:1100px){.confianca-4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:860px){.confianca-3{grid-template-columns:1fr;gap:32px}.confianca-3>div{grid-template-columns:1fr}}
.passos-curtos{list-style:none;counter-reset:passo;padding:0;margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;text-align:left}
.passos-curtos li{counter-increment:passo;background:var(--creme-claro);border-radius:14px;padding:26px 24px}
.passos-curtos li::before{content:counter(passo);display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--turquesa);color:var(--azul);font-weight:700;margin-bottom:14px}
.passos-curtos b{display:block;font-size:1.15rem;font-weight:600;color:var(--azul)}
.passos-curtos span{display:block;margin-top:8px;color:var(--texto-2);font-weight:300}
@media (max-width:860px){.passos-curtos{grid-template-columns:1fr;max-width:480px}}

/* =================== dia e horário do agendamento (/quote/book e /booking/:token) =================== */
.dias-rolagem{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 10px;margin:0 -2px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
/* no computador a roda do mouse não rola a faixa de lado: mostra todos os dias em grade */
@media (min-width:961px){.dias-rolagem{flex-wrap:wrap;overflow-x:visible}}
.dia-tile{flex:0 0 68px;scroll-snap-align:start;display:grid;justify-items:center;gap:0;padding:10px 4px;background:var(--creme-claro);line-height:1.15}
.dia-tile b{font-size:1.45rem;font-weight:600;font-variant-numeric:tabular-nums}
.dia-tile small{font-size:.8rem;color:var(--cinza);font-weight:400}
.dia-tile.sel{background:#fff;color:var(--azul)}
.dia-tile.sel small{color:var(--azul)}
.horarios-tiles .tile{font-variant-numeric:tabular-nums}
.dica-quando{margin:-8px 0 0}
.sub-etapa{font-size:1.5rem;color:var(--azul);margin:0 0 22px}

/* =================== conversão (16/10/2026) =================== */
/* garantias logo abaixo da caixa de postcode (herói da home e das páginas de serviço) */
.hero-garantias{list-style:none;display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0 0;padding:0;color:var(--creme);font-size:.98rem;font-weight:400}
.hero-garantias li{display:inline-flex;align-items:center;gap:8px}
.hero-garantias li::before{content:"";width:12px;height:7px;border-left:2.2px solid var(--turquesa);border-bottom:2.2px solid var(--turquesa);transform:rotate(-45deg) translateY(-2px)}

/* "Don't just trust us. See it." — passos do cliente + maquete da página de acompanhamento */
.linha-cliente{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:0}
.linha-cliente li{position:relative;padding:0 0 18px 40px}
.linha-cliente li:last-child{padding-bottom:0}
.linha-cliente li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--turquesa)}
.linha-cliente li::after{content:"";position:absolute;left:7px;top:8px;width:7px;height:4px;border-left:2px solid var(--azul);border-bottom:2px solid var(--azul);transform:rotate(-45deg)}
.linha-cliente li:not(:last-child) b::after{content:"";position:absolute;left:10px;top:26px;bottom:2px;width:2px;background:var(--turquesa);opacity:.45}
.linha-cliente b{display:block;font-size:1.12rem;font-weight:600;color:var(--azul)}
.linha-cliente span{display:block;margin-top:2px;color:var(--texto-2);font-weight:300}
.acompanhar .btn-grande{margin-top:32px}
.celular-rastreio{width:310px}
.cr-cartao{border:2px solid var(--azul);border-radius:14px;padding:14px 14px 12px;display:grid;gap:12px}
.cr-cab{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}
.cr-cab b{display:block;font-size:.95rem;color:var(--texto)}
.cr-cab small{display:block;font-size:.75rem;color:var(--texto-2);font-weight:300}
.cr-pill{font-size:.66rem;font-weight:600;color:var(--azul);background:var(--turquesa-claro);border-radius:99px;padding:3px 9px}
.cr-linha{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.cr-linha li{position:relative;padding-left:24px;line-height:1.2}
.cr-linha li::before{content:"✓";position:absolute;left:0;top:0;width:15px;height:15px;border-radius:50%;background:var(--turquesa);color:var(--azul);font-size:.55rem;font-weight:700;display:grid;place-items:center}
.cr-linha b{display:block;font-size:.78rem;font-weight:500}
.cr-linha small{display:block;font-size:.68rem;color:var(--texto-2);font-weight:300}
.cr-fotos{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.cr-fotos span{aspect-ratio:1;border-radius:8px;background:var(--creme) center/cover no-repeat;display:grid;align-items:end;overflow:hidden}
.cr-fotos i{font-style:normal;font-size:.56rem;font-weight:500;color:#fff;background:linear-gradient(transparent,rgba(0,26,115,.75));padding:10px 6px 4px}
@media (max-width:860px){.celular-rastreio{justify-self:center;width:min(310px,100%)}}

/* suporte: WhatsApp + "Already booked?" */
.cartao-suporte{text-align:center}
.cartao-suporte h3{color:var(--azul)}
.cartao-suporte p{margin-top:6px;color:var(--texto-2);font-weight:300;font-size:.97rem}
.cartao-suporte svg:not(.icone-wa){stroke-width:1.5;stroke-linecap:round}

/* como funciona: maquetes mais baixas no celular */
@media (max-width:860px){.maquete{aspect-ratio:auto;padding:32px 20px}.tres-passos h3{margin-top:22px}}

/* cômodos: no celular viram carrossel (antes eram 4 cartões altos, um embaixo do outro) */
@media (max-width:620px){
  .comodos{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:84%;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:40px -20px 0;padding:4px 20px 18px;scroll-padding:0 20px;-webkit-overflow-scrolling:touch;scrollbar-width:none}
  .comodos::-webkit-scrollbar{display:none}
  .comodos article{scroll-snap-align:start}
  .comodos h3{margin:18px 20px 12px}
  .comodos .checks{padding:0 20px 22px;gap:9px}
}
.dica-rolar{display:none;margin-top:6px;color:var(--cinza);font-size:.9rem;font-weight:300}
@media (max-width:620px){.dica-rolar{display:block}}

/* barra fixa no celular depois do herói: "Get my price" + WhatsApp (some o botão redondo) */
.barra-cta{display:none}
@media (max-width:700px){
  .barra-cta{position:fixed;left:0;right:0;bottom:0;z-index:60;display:flex;gap:10px;align-items:center;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.96);-webkit-backdrop-filter:saturate(1.6) blur(12px);backdrop-filter:saturate(1.6) blur(12px);border-top:1px solid var(--linha);transform:translateY(110%);transition:transform .25s ease;visibility:hidden}
  .barra-cta .btn{flex:1;font-size:1.08rem;padding:14px 16px}
  .barra-cta-wa{flex-shrink:0;display:grid;place-items:center;width:52px;height:52px;border-radius:12px;background:#25D366}
  .barra-cta-wa .icone-wa{width:30px;height:30px;fill:#fff}
  .barra-cta-wa .icone-wa .fone{fill:#25D366}
  .com-barra .barra-cta{transform:none;visibility:visible}
  .com-barra .wa-flutuante{opacity:0;pointer-events:none}
  .com-barra .rodape{padding-bottom:calc(96px + env(safe-area-inset-bottom))}
}
@media (prefers-reduced-motion:reduce){.barra-cta{transition:none}}