/* Pet dos Principes, variante A: tudo abaixo da primeira tela */
.secao{padding:64px 0}
.secao--branca{background:#fff}
.secao-topo{text-align:center;max-width:680px;margin:0 auto 34px}
.secao-topo > p{color:var(--texto-suave)}
.secao-topo .coroa{width:34px;height:34px;margin:0 auto 6px;color:var(--primaria)}
h2{font-size:clamp(1.75rem,6.4vw,2.6rem)}
h3{font-size:1.2rem}
.tarja{display:inline-block;background:var(--primaria);color:var(--sobre-primaria);padding:.02em .32em .08em;border-radius:10px;margin-top:.12em}
.faixa-azul .tarja,.final .tarja{background:#fff;color:var(--secundaria)}
.etiqueta{display:inline-flex;align-items:center;gap:.4em;background:#fff;color:var(--secundaria);font:600 .95rem/1 var(--f-titulo);padding:.55em .95em;border-radius:12px;margin-bottom:14px}
.etiqueta .ico{width:1.15em;height:1.15em;color:var(--primaria)}
.acoes{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:30px;text-align:center}
.microtexto{font-size:.92rem;color:var(--texto-suave);margin:.8em 0 0}
.centro{text-align:center}
.estreito{max-width:820px}

/* Serviços: cartões com ícone em quadrado arredondado */
.servicos{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.servico{display:flex;flex-direction:column;background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:22px 22px 18px;transition:transform .2s,box-shadow .2s}
.servico:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(6,30,60,.1)}
.servico-ico{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--primaria);color:var(--sobre-primaria);margin-bottom:14px}
.servico-ico .ico{width:28px;height:28px}
.servico h3{margin-bottom:.3em}
.servico p{color:var(--texto-suave);margin-bottom:14px;flex:1}
.servico-pe{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px dashed var(--linha);padding-top:12px}
.servico-preco{font:600 .95rem/1.2 var(--f-titulo);color:var(--secundaria)}
.link-whats{display:inline-flex;align-items:center;gap:.35em;min-height:44px;font:600 1rem/1 var(--f-titulo);color:var(--primaria);text-decoration:none}
.link-whats:hover{text-decoration:underline}
.servico--mais{background:var(--degrade);border:0;color:#fff}
.servico--mais h3{color:#fff}
.servico--mais p{color:#E6F2FA}
.servico--mais .servico-ico{background:#fff;color:var(--primaria)}
.servico--mais .servico-pe{border-top-color:rgba(255,255,255,.35)}

/* Leva e traz */
.faixa-azul{color:#fff}
.faixa-azul h2{color:#fff}
.leva{display:grid;gap:32px;align-items:center}
.leva-txt{text-align:center}
.leva-txt p{color:#E6F2FA;max-width:52ch;margin-inline:auto}
.leva-info{display:inline-flex;align-items:center;gap:.4em;font-weight:700;color:#fff!important}
.leva-passos{list-style:none;margin:0;padding:0;display:grid;gap:12px;counter-reset:p}
.leva-passos li{display:flex;align-items:center;gap:14px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);border-radius:var(--raio);padding:14px 18px;font:600 1.1rem/1.2 var(--f-titulo)}
.leva-passos span{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;background:#fff;color:var(--primaria)}

/* Ofertas e data especial */
.ofertas{display:grid;gap:16px}
.oferta{background:#fff;border-radius:var(--raio);padding:24px;border:2px solid var(--primaria)}
.oferta .etiqueta{background:var(--primaria-suave)}
.oferta-beneficio{font:700 1.4rem/1.2 var(--f-titulo);color:var(--primaria)}
.oferta-validade{display:flex;align-items:center;gap:.4em;font-weight:700}
.duo{display:grid;gap:40px;align-items:center}
.duo .almofada{aspect-ratio:1;width:min(84vw,440px);margin:20px auto 0}

/* Galeria: mosaico de almofadas com legenda em tarja */
.galeria{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.galeria figure{position:relative;margin:0;aspect-ratio:1;border-radius:var(--raio);overflow:hidden;background:var(--primaria-suave)}
.galeria picture,.galeria img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.galeria li:hover img{transform:scale(1.05)}
.galeria figcaption{position:absolute;left:10px;bottom:10px;max-width:calc(100% - 20px);background:#fff;color:var(--secundaria);font:600 .85rem/1.2 var(--f-titulo);padding:.4em .7em;border-radius:10px}

/* Avaliações */
.selo-google--claro{background:var(--primaria-suave);margin:4px 0 0}
.depos{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.depo{display:flex;flex-direction:column;background:#fff;border-radius:var(--raio);padding:24px;border:1px solid var(--linha)}
.depo-estrelas{display:flex;gap:2px;color:#E0A100;margin-bottom:10px}
.depo-estrelas .ico{width:20px;height:20px}
.depo blockquote{margin:0;flex:1}
.depo blockquote p{font-size:1.05rem}
.depo-autor{font:600 1rem/1.2 var(--f-titulo);color:var(--secundaria);margin:0}
.depo-autor span{font-weight:400;color:var(--texto-suave)}
.depo--destaque{background-image:var(--patas),var(--degrade);background-size:120px 120px,auto;border:0;color:#fff;justify-content:center}
.depo--destaque blockquote p{font:600 clamp(1.3rem,4.6vw,1.75rem)/1.3 var(--f-titulo)}
.depo--destaque .depo-autor{color:#fff}
.depo--destaque .depo-autor span{color:#CFE6F5}
.depo--destaque .depo-estrelas{color:#FFD45C}

/* Sobre */
.almofada--coroa{overflow:visible}
.fatos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0 0}
.fatos div{background:var(--primaria-suave);border-radius:16px;padding:14px 10px;text-align:center}
.fatos dd{margin:0;font:700 clamp(1.05rem,4.4vw,1.35rem)/1.1 var(--f-titulo);color:var(--primaria)}
.fatos dt{font-size:.85rem;color:var(--texto-suave);margin-top:4px}

/* Como agendar */
.passos{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.passos li{position:relative;background:#fff;border-radius:var(--raio);padding:26px 22px 20px;border:1px solid var(--linha);text-align:center}
.passo-num{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 12px;border-radius:16px;background:var(--degrade);color:#fff;font:700 1.4rem/1 var(--f-titulo);transform:rotate(-6deg)}
.passos p{color:var(--texto-suave);margin:0}

/* FAQ */
.faq{display:grid;gap:10px}
.faq details{background:var(--fundo);border-radius:16px;border:1px solid var(--linha)}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:12px 18px;cursor:pointer;list-style:none;font:600 1.1rem/1.3 var(--f-titulo);color:var(--secundaria)}
.faq summary::-webkit-details-marker{display:none}
.faq-seta{color:var(--primaria);transition:transform .2s}
.faq details[open] .faq-seta{transform:rotate(180deg)}
.faq details p{padding:0 18px 16px;margin:0}

/* Localização */
.local{display:grid;gap:28px;align-items:stretch}
.local h2{text-align:center}
.local address{display:flex;gap:10px;font-style:normal;margin-bottom:22px}
.local address .ico{color:var(--primaria);margin-top:2px}
.horarios-titulo{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:1.15rem}
.horarios-titulo .ico{color:var(--primaria)}
.aberto-agora{font:600 .8rem/1 var(--f-texto);padding:.4em .7em;border-radius:999px}
.aberto-agora.is-aberto{background:#DDF5E6;color:#14653A}
.aberto-agora.is-fechado{background:#FBE3E3;color:#8E2424}
.horarios{width:100%;border-collapse:collapse;margin-bottom:22px}
.horarios th,.horarios td{padding:10px 4px;border-bottom:1px solid var(--linha);text-align:left}
.horarios td{text-align:right}
.horarios th{font-weight:700}
.horarios tr.is-hoje th::after{content:var(--txt-hoje);margin-left:8px;font:600 .75rem/1 var(--f-texto);background:var(--primaria);color:var(--sobre-primaria);padding:.3em .55em;border-radius:6px;vertical-align:middle}
.horarios tr.is-fechado td{color:var(--texto-suave)}
.local-botoes{display:flex;flex-wrap:wrap;gap:12px}
.local-botoes .btn{flex:1 1 180px}
.mapa{position:relative;min-height:300px;border-radius:var(--raio);overflow:hidden;display:grid;place-items:center;gap:14px;align-content:center}
.mapa-pino{display:grid;place-items:center;width:72px;height:72px;border-radius:24px 24px 24px 4px;background:#fff;color:var(--primaria);transform:rotate(-45deg)}
.mapa-pino .ico{width:38px;height:38px;transform:rotate(45deg)}
.mapa.is-carregado{display:block}
.mapa iframe{width:100%;height:100%;min-height:340px;border:0;display:block}

/* Chamada final */
.final{color:#fff;text-align:center;padding:70px 0}
.final h2{color:#fff}
.final p{color:#E6F2FA;max-width:46ch;margin-inline:auto;margin-bottom:24px}
.final-coroa{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:50%;background:#fff;color:var(--primaria)}
.final-coroa .ico{width:38px;height:38px}

/* Rodapé */
.rodape{background:var(--secundaria);color:var(--sobre-secundaria);padding:52px 0 96px}
.rodape a{color:var(--sobre-secundaria)}
.rodape-grid{display:grid;gap:28px}
.rodape-marca{display:flex;align-items:center;gap:14px}
.rodape-marca img{width:64px;height:64px;border-radius:50%;background:#fff}
.rodape-marca .marca-nome{color:var(--sobre-secundaria)}
.rodape-marca p{margin:0}
.rodape-titulo{font-size:1.1rem;color:var(--sobre-secundaria);margin-bottom:.6em}
.rodape address{font-style:normal}
.rodape-links{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.rodape-links a{display:inline-flex;align-items:center;gap:.5em;min-height:40px;text-decoration:none}
.rodape-links a:hover{text-decoration:underline}
.rodape-copy{text-align:center;font-size:.9rem;color:var(--sobre-secundaria-suave);margin:36px 0 0;padding:0 20px}

/* Entrada ao rolar */
.revela{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;transition-delay:var(--atraso,0ms)}
.revela.is-visivel{opacity:1;transform:none}

@media (min-width:700px){
  .servicos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .servicos[data-r2="1"] .servico:last-child{grid-column:1/-1}
  .galeria{grid-template-columns:repeat(3,minmax(0,1fr))}
  .depos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .depo--destaque{grid-column:1/-1}
  .depos[data-impar="1"] .depo:last-child{grid-column:1/-1}
  .passos{grid-template-columns:repeat(var(--n,3),minmax(0,1fr))}
  .passos[data-n="3"]{--n:3}.passos[data-n="4"]{--n:2}.passos[data-n="2"]{--n:2}
  .ofertas{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
  .rodape-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:1000px){
  .secao{padding:88px 0}
  .servicos{grid-template-columns:repeat(3,minmax(0,1fr))}
  .servicos[data-r2="1"] .servico:last-child{grid-column:auto}
  .servicos[data-r3="1"] .servico:last-child{grid-column:1/-1}
  .servicos[data-r3="2"] .servico:last-child{grid-column:span 2}
  .galeria{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
  .depos{grid-template-columns:1.2fr 1fr 1fr}
  .depo--destaque{grid-column:1;grid-row:span 2}
  .depos[data-impar="1"] .depo:last-child{grid-column:2/-1}
  .leva{grid-template-columns:1.2fr .8fr;gap:56px}
  .leva-txt{text-align:left}
  .leva-txt p{margin-inline:0}
  .duo{grid-template-columns:.9fr 1.1fr;gap:64px}
  .duo .almofada{margin:0 auto}
  .local{grid-template-columns:1fr 1fr;gap:48px}
  .local h2{text-align:left}
  .passos[data-n="4"]{--n:4}
  .rodape-grid{grid-template-columns:1.3fr 1fr 1fr 1fr}
}
@media (max-width:999px){
  .duo > div:last-child{text-align:center}
  .fatos{text-align:center}
}

/* Ajustes: serviços compactos no celular, pino do mapa e avaliação em destaque */
@media (max-width:699px){
  .servico{display:grid;grid-template-columns:48px 1fr;column-gap:14px;padding:18px}
  .servico-ico{width:48px;height:48px;margin:0;grid-row:span 2}
  .servico h3{align-self:center;margin:0 0 .2em}
  .servico p{grid-column:2;margin-bottom:10px}
  .servico-pe{grid-column:1/-1}
}
.mapa{gap:30px}
.mapa-pino{width:64px;height:64px}
.depo--destaque blockquote{flex:none;margin-bottom:18px}