/* =========================================================================
   TÂNIA YAMAGUTI · SITE
   Agência RCA · v2.0
   PASTA: /assets/site.css
   Mesma paleta e tipografia da página de links aprovada.
   ========================================================================= */
:root{
  --papel:#f8f3ec; --creme:#f2ebe0; --areia:#efe5d8; --salvia:#e3e2d6; --rosa:#ecd6cb;
  --tinta:#2b2621; --texto:#5a5048; --suave:#8a7d70;
  --verde:#4f5b44; --verde-esc:#3f4936; --verde-claro:#e6ead9;
  --ouro:#b39062; --ouro-claro:#d7c09a; --terra:#c27c5c;
  --borda:rgba(179,144,98,.35);
  --sombra:0 14px 34px -20px rgba(74,58,40,.42);
  --env:1120px; --raio:20px;
  --mola:cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;overflow-x:clip;scroll-behavior:smooth}
body{background:var(--papel);color:var(--texto);font:16.5px/1.6 "Lora",Georgia,serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
ul,ol{list-style:none}
:focus-visible{outline:2px solid var(--ouro);outline-offset:3px}
.env{width:100%;max-width:var(--env);margin:0 auto;padding:0 24px}
.estreito{max-width:820px}
.ico{flex:none}

/* ── tipografia ── */
.rotulo{display:inline-flex;align-items:center;gap:12px;font:600 11.5px "Raleway",sans-serif;letter-spacing:.3em;text-transform:uppercase;color:var(--ouro)}
.rotulo::before{content:"";width:32px;height:1px;background:currentColor}
h1,h2,h3,.titulo{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;color:var(--tinta);line-height:1.04;letter-spacing:-.005em}
.titulo{font-size:clamp(32px,4.6vw,46px);margin-top:10px}
.cab{text-align:center;margin-bottom:42px}
.cab .rotulo{justify-content:center}
.cab-esq{text-align:left;margin-bottom:28px}
.cab-esq p{margin-top:8px;color:var(--suave);max-width:60ch}

/* ── botões (raio 12, sem seta) ── */
.botao{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:10px;font:500 16px "Lora",serif;cursor:pointer;border:1px solid transparent;transition:transform .35s var(--mola),box-shadow .35s,background .3s,color .3s,border-color .3s;position:relative;overflow:hidden}
.botao-cheio{background:linear-gradient(180deg,#58654c,var(--verde-esc));color:#f6efe3;box-shadow:0 14px 26px -16px rgba(52,62,42,.8),inset 0 1px 0 rgba(255,255,255,.12)}
.botao-cheio::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.14),transparent);transform:skewX(-18deg);transition:left .8s var(--mola)}
.botao-linha{border-color:var(--borda);color:var(--tinta);background:rgba(255,255,255,.45)}
.botao-claro{background:#f6efe3;color:var(--verde-esc)}
.botao-areia{background:#f3e8d8;color:var(--verde-esc);border:1.5px solid #9a7a4a;font-weight:500;box-shadow:0 12px 24px -16px rgba(74,58,40,.6)}
.botao-areia .seta-desce{transition:transform .35s var(--mola)}
@media (hover:hover){.botao-areia:hover{background:#ecdfcb;border-color:#a3824f}.botao-areia:hover .seta-desce{transform:translateY(3px)}}
.botao-grande{min-height:58px;font-size:18px;padding:0 26px}
@media (hover:hover){
  .botao:hover{transform:translateY(-2px)}
  .botao-cheio:hover{box-shadow:0 20px 32px -16px rgba(52,62,42,.85)}
  .botao-cheio:hover::after{left:130%}
  .botao-linha:hover{border-color:var(--ouro);background:#fff}
  .botao-claro:hover{background:#fff}
}
.botao:active{transform:scale(.98)}
.botao .seta{transition:transform .35s var(--mola)}
@media (hover:hover){.botao:hover .seta{transform:translateX(4px)}}

/* ── prévia ── */
.previa{background:var(--tinta);color:#efe6d6;text-align:center;font:500 13px "Raleway",sans-serif;padding:8px 16px;letter-spacing:.02em}

/* ── cabeçalho ── */
.topo{position:sticky;top:0;z-index:40;background:rgba(248,243,236,.9);backdrop-filter:saturate(1.2) blur(10px);-webkit-backdrop-filter:saturate(1.2) blur(10px);border-bottom:1px solid transparent;transition:border-color .3s,box-shadow .3s,background .3s}
.topo.rolou{border-color:var(--borda);box-shadow:0 10px 30px -24px rgba(60,48,34,.5)}
.topo-in{max-width:1320px;margin:0 auto;padding:14px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.marca{display:flex;align-items:center;gap:12px;color:var(--tinta)}
.marca-ico{color:var(--ouro);transition:transform .6s var(--mola)}
.marca:hover .marca-ico{transform:rotate(-6deg) scale(1.05)}
.marca span{display:flex;flex-direction:column;line-height:1.15}
.marca b{font:500 20px "Cormorant Garamond",serif;letter-spacing:.08em;text-transform:uppercase}
.marca small{font:500 10.5px "Raleway",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--suave)}
.menu{display:flex;align-items:center;gap:2px}
.menu>a:not(.botao){position:relative;padding:8px 16px;font-size:15.5px;white-space:nowrap;color:var(--texto);transition:color .25s}
.menu>a:not(.botao)::after{content:"";position:absolute;left:16px;right:16px;bottom:2px;height:1.5px;background:var(--tinta);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--mola)}
.menu>a:not(.botao):hover,.menu>a[aria-current]{color:var(--tinta)}
.menu>a:not(.botao):hover::after,.menu>a[aria-current]::after{transform:scaleX(1)}
.menu-cta{white-space:nowrap;min-height:46px;margin-left:24px;font-size:14.5px;padding:0 20px;border:1px solid rgba(215,192,154,.55)!important}
.abre-menu{display:none;background:none;border:1px solid var(--borda);border-radius:12px;width:46px;height:46px;align-items:center;justify-content:center;color:var(--tinta);cursor:pointer}
.abre-menu .i-fecha{display:none}
@media (max-width:1180px){.menu>a:not(.botao){padding:8px 9px;font-size:14px}.menu>a:not(.botao)::after{left:9px;right:9px}.menu-cta{margin-left:12px}}

/* ── entrada e revelação (só com JS confirmado) ── */
.sobe{opacity:0;transform:translateY(14px);animation:sobe .8s var(--mola) forwards}
.d1{animation-delay:.1s}.d2{animation-delay:.22s}.d3{animation-delay:.34s}.d4{animation-delay:.46s}.d5{animation-delay:.58s}
html.js .revela{opacity:0;transform:translateY(22px);transition:opacity .9s var(--mola),transform .9s var(--mola)}
html.js .revela.visto{opacity:1;transform:none}
@keyframes sobe{to{opacity:1;transform:none}}
@keyframes balanca{0%,100%{transform:rotate(0)}50%{transform:rotate(-2.4deg)}}
@keyframes respira{from{transform:scale(1.08)}to{transform:scale(1)}}

/* ── seções ── */
.secao{padding:92px 0}
.secao-tinta{background:var(--creme)}

/* ── hero (home) ── */
.hero{position:relative;padding:28px 0 72px;overflow:hidden}
.hero-in{display:grid;grid-template-columns:minmax(0,460px) 1fr;gap:64px;align-items:center}
.hero-foto{border-radius:0 0 34px 34px;overflow:hidden;box-shadow:0 30px 60px -32px rgba(60,48,34,.6);aspect-ratio:600/663}
.hero-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 0;animation:respira 1.8s var(--mola) both}
.hero-texto h1{font-size:clamp(56px,7.4vw,92px);line-height:.92;margin:14px 0 22px}
.hero-sub{font-size:19px;max-width:36ch}
.hero-acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.hero-palavras{margin-top:26px;font:28px "Allura",cursive;color:var(--ouro)}
.hero-folhas{position:absolute;top:-10px;right:-20px;width:200px;opacity:.95;pointer-events:none;transform-origin:85% 0;animation:balanca 9s ease-in-out infinite}

/* ── faixa verde ── */
.faixa{background:radial-gradient(600px 260px at 0% 100%,rgba(255,255,255,.07),transparent 70%),linear-gradient(135deg,#5b6850,#3f4936);color:#efe6d6}
.faixa-in{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;align-items:center;padding-top:48px;padding-bottom:48px}
.faixa-frase{font:italic 500 32px/1.2 "Cormorant Garamond",serif;padding-right:36px;border-right:1px solid rgba(239,230,214,.25)}
.pilares{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;font:500 13px "Raleway",sans-serif;letter-spacing:.02em}
.pilares li{display:flex;flex-direction:column;align-items:center;gap:12px;transition:transform .4s var(--mola)}
.pilares .ico{color:var(--ouro-claro)}
.pilares li:hover{transform:translateY(-4px)}

/* ── grupos de atendimento (home) ── */
.grupos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.grupo{border-radius:var(--raio);overflow:hidden;box-shadow:var(--sombra);display:flex;flex-direction:column;transition:transform .45s var(--mola),box-shadow .45s}
.grupo.g1{background:var(--areia)}.grupo.g2{background:var(--salvia)}.grupo.g3{background:var(--rosa)}
.grupo-foto{display:block;aspect-ratio:16/10;overflow:hidden}
.grupo-foto img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--mola)}
.grupo-corpo{padding:24px 24px 28px;display:flex;flex-direction:column;gap:10px}
.grupo h3{font-size:28px}
.grupo p{font-size:15px;color:var(--texto)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.chips a{display:inline-block;padding:7px 13px;border-radius:12px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8);font-size:14px;color:var(--tinta);transition:background .25s,transform .3s var(--mola)}
.chips a:hover{background:#fff;transform:translateY(-2px)}
@media (hover:hover){.grupo:hover{transform:translateY(-4px);box-shadow:0 26px 44px -24px rgba(74,58,40,.5)}.grupo:hover .grupo-foto img{transform:scale(1.05)}}

/* ── passos ── */
.passos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:p}
.passos li{background:var(--papel);border-radius:var(--raio);padding:30px 26px;border:1px solid var(--borda)}
.passos span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--verde);color:#f6efe3;font:600 22px "Cormorant Garamond",serif;margin-bottom:16px}
.passos h3{font-size:25px;margin-bottom:6px}
.passos p{font-size:15.5px}

/* ── sobre ── */
.sobre-in{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:64px;align-items:center}
.sobre-foto{position:relative;border-radius:50% 50% 30px 30px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--sombra)}
.sobre-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.sobre-texto p{margin-top:16px;font-size:17.5px;max-width:52ch}
.sobre-texto .botao{margin-top:26px}
.sobre-hero{padding:40px 0 90px}
.sobre-hero h1{font-size:clamp(42px,5.6vw,64px);margin-top:12px}
.assinatura-tania{font:38px "Allura",cursive!important;color:var(--ouro);margin-top:20px!important}

/* ── depoimentos ── */
.depos-lista{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}
.depo{background:#fff;border-radius:var(--raio);padding:28px;box-shadow:var(--sombra);display:flex;flex-direction:column;gap:16px}
.depo blockquote{font:italic 500 21px/1.4 "Cormorant Garamond",serif;color:var(--tinta)}
.depo blockquote::before{content:"\201C";display:block;font-size:56px;line-height:.6;color:var(--ouro-claro)}
.depo figcaption{display:flex;flex-direction:column;font-size:14px}
.depo figcaption b{color:var(--tinta);font-weight:500}
.depo figcaption span{color:var(--suave)}

/* ── faq ── */
.faq .cab,.faq .rotulo{text-align:center}
.faq .rotulo{display:flex;justify-content:center}
.faq .titulo{text-align:center;margin-bottom:34px}
.faq-lista{display:flex;flex-direction:column;gap:12px}
.faq details{background:#fff;border:1px solid var(--borda);border-radius:16px;transition:box-shadow .3s,border-color .3s}
.faq details[open]{box-shadow:var(--sombra);border-color:transparent}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font:500 21px/1.3 "Cormorant Garamond",serif;color:var(--tinta)}
.faq summary::-webkit-details-marker{display:none}
.faq-ico{color:var(--ouro);transition:transform .35s var(--mola)}
.faq details[open] .faq-ico{transform:rotate(45deg)}
.faq details p{padding:0 24px 22px;font-size:16px}

/* ── chamada final ── */
.chamada{padding:20px 0 96px}
.chamada-in{position:relative;text-align:center;background:radial-gradient(500px 240px at 100% 0%,rgba(255,255,255,.08),transparent 70%),linear-gradient(135deg,#5b6850,#3f4936);color:#efe6d6;border-radius:30px;padding:64px 28px;box-shadow:0 30px 60px -36px rgba(52,62,42,.85);overflow:hidden}
.chamada-ico{color:var(--ouro-claro);margin:0 auto 14px}
.chamada h2{color:#fff;font-size:clamp(34px,4.4vw,48px)}
.chamada p{max-width:52ch;margin:14px auto 28px;color:#e2d9c8}

/* ── topo de página interna ── */
.topo-pagina{padding:56px 0 36px;text-align:center}
.topo-pagina .rotulo{justify-content:center}
.topo-pagina h1{font-size:clamp(40px,5.4vw,62px);max-width:20ch;margin:14px auto 18px}
.topo-pagina p{max-width:58ch;margin:0 auto;font-size:17.5px}

/* ── hub ── */
.hub-grupo{padding:48px 0}
.hub-grupo:nth-of-type(odd){background:var(--creme)}
.at-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px}
.at-grade.tres{grid-template-columns:repeat(3,1fr)}
.at-cartao{display:flex;flex-direction:column;gap:8px;padding:26px 24px 24px;border-radius:var(--raio);background:#fff;border:1px solid rgba(179,144,98,.18);box-shadow:var(--sombra);transition:transform .45s var(--mola),box-shadow .45s,border-color .3s}
.at-ico{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--areia);color:var(--verde);margin-bottom:6px;transition:background .35s,color .35s,transform .5s var(--mola)}
.at-cartao b{font:500 26px/1.15 "Cormorant Garamond",serif;color:var(--tinta)}
.at-cartao span:not(.at-ico){font-size:15px;color:var(--texto);flex:1}
.at-cartao em{font:600 12px "Raleway",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);font-style:normal;margin-top:8px}
@media (hover:hover){.at-cartao:hover{transform:translateY(-4px);border-color:var(--ouro-claro);box-shadow:0 26px 44px -24px rgba(74,58,40,.5)}.at-cartao:hover .at-ico{background:var(--verde);color:#f6efe3;transform:rotate(-6deg)}}
.aviso-saude{margin-top:24px;font-size:14px;color:var(--suave);padding-top:18px;border-top:1px solid var(--borda);max-width:80ch}

/* ── página de atendimento ── */
.at-hero{padding:24px 0 30px}
.at-hero-in{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.trilha{display:flex;gap:8px;font-size:13.5px;color:var(--suave);margin-bottom:22px}
.trilha a:hover{color:var(--tinta)}
.at-hero h1{font-size:clamp(46px,6.4vw,78px);line-height:.95;margin:12px 0 18px}
.at-resumo{font-size:19px;max-width:40ch}
.at-info{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.at-info li{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;background:var(--areia);font-size:14.5px;color:var(--tinta)}
.at-info .ico{color:var(--ouro)}
.at-hero .botao-grande{margin-top:30px}
.at-hero-foto{position:relative;border-radius:30px;overflow:hidden;aspect-ratio:5/4;box-shadow:0 30px 60px -32px rgba(60,48,34,.6)}
.at-hero-foto img{width:100%;height:100%;object-fit:cover;animation:respira 1.8s var(--mola) both}
.at-hero-ico{position:absolute;left:20px;bottom:20px;display:grid;place-items:center;width:68px;height:68px;border-radius:50%;background:rgba(248,243,236,.92);color:var(--verde);box-shadow:var(--sombra)}
.at-blocos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.at-bloco{background:#fff;border-radius:var(--raio);padding:30px 28px;box-shadow:var(--sombra)}
.at-bloco-ico{display:grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--verde-claro);color:var(--verde);margin-bottom:16px}
.at-bloco h2{font-size:28px;margin-bottom:10px}
.at-bloco p+p{margin-top:12px}
.at-bloco p{font-size:16px}

/* ── contato ── */
.contato-secao{padding-top:24px}
.contato-grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px}
.contato-cartao{display:flex;flex-direction:column;gap:6px;padding:28px 24px;border-radius:var(--raio);background:#fff;box-shadow:var(--sombra);transition:transform .45s var(--mola),box-shadow .45s}
.contato-cartao .ico{color:var(--ouro);margin-bottom:8px}
.contato-cartao b{font:500 26px "Cormorant Garamond",serif;color:var(--tinta)}
.contato-cartao span{font-size:15px;word-break:break-word}
.contato-cartao em{font:600 12px "Raleway",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);font-style:normal;margin-top:10px}
.contato-cartao.destaque{background:linear-gradient(135deg,#5b6850,#3f4936);color:#efe6d6}
.contato-cartao.destaque b{color:#fff}
.contato-cartao.destaque .ico,.contato-cartao.destaque em{color:var(--ouro-claro)}
a.contato-cartao:hover{transform:translateY(-4px)}
.mapa{display:block;width:100%;height:380px;border:0;border-radius:var(--raio);margin-top:24px;box-shadow:var(--sombra)}

/* ── rodapé ── */
.rodape{position:relative;z-index:5;margin-top:-2px;background:linear-gradient(175deg,#3f4a34,#323b29);color:#d9d0bd;font-size:15px}
.rodape-in{max-width:1180px;margin:0 auto;padding:60px 32px 40px;display:grid;grid-template-columns:1.45fr 1fr 1.1fr 1.2fr;gap:48px}
.rodape .marca{color:#f6efe3}
.rodape .marca-ico{color:var(--ouro-claro)}
.rodape .marca small{color:#cdbf9f}
.rodape-sobre>p{margin:16px 0 20px;max-width:28ch;font:italic 500 19px/1.35 "Cormorant Garamond",serif;color:#e6d3ae}
.rodape-redes{display:flex;gap:10px}
.rodape-redes a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e6d3ae;color:#3a4530;transition:transform .4s var(--mola),background .3s}
.rodape-redes a:hover{background:#fff;transform:translateY(-3px)}
.rodape-col{display:flex;flex-direction:column;align-items:flex-start;gap:9px}
.rodape h2{font:600 11px "Raleway",sans-serif;letter-spacing:.26em;text-transform:uppercase;color:var(--ouro-claro);margin:6px 0 8px;padding-bottom:10px;border-bottom:1px solid rgba(215,192,154,.25);align-self:stretch}
.rodape-col a{color:#e3dac8;transition:color .25s,transform .35s var(--mola)}
.rodape-col a:hover{color:#fff;transform:translateX(3px)}
.rodape-mais{display:inline-flex;align-items:center;gap:6px;color:var(--ouro-claro)!important}
.rodape-faixa{max-width:1180px;margin:0 auto;padding:0 32px}
.rodape-faixa p{display:flex;align-items:center;justify-content:center;text-align:center;gap:10px;padding:16px 0;border-top:1px solid rgba(239,230,214,.12);border-bottom:1px solid rgba(239,230,214,.12);font-size:13.5px;color:#b9b09c}
.rodape-faixa .ico{color:var(--ouro-claro);flex:none;margin-top:2px}
.rodape-pe{max-width:1180px;margin:0 auto;padding:16px 32px 22px;text-align:center;font-size:13px;color:#a9a08d}
.rodape-pe span{margin:0 8px;opacity:.6}
.rodape-rca{color:#efe3c8;font-weight:400;text-decoration:none;transition:color .25s}
.rodape-rca:hover{color:#fff}
@media (max-width:900px){.rodape-in{grid-template-columns:1fr 1fr}.rodape-sobre{grid-column:1/-1}}
@media (max-width:560px){
  .rodape-in{grid-template-columns:1fr 1fr;gap:30px 20px;padding:44px 20px 28px}
  .rodape-col:last-child{grid-column:1/-1}
  .rodape-faixa{padding:0 20px}
  .rodape-pe{padding:16px 20px 96px;line-height:1.8}
}

/* ── botão flutuante ── */
.flutuante{position:fixed;right:22px;bottom:22px;z-index:45;display:grid;place-items:center;width:60px;height:60px;border-radius:50%;background:#25d366;box-shadow:0 0 0 4px rgba(255,255,255,.9),0 0 0 5px rgba(37,211,102,.35),0 14px 28px -10px rgba(0,0,0,.45);transition:transform .4s var(--mola),box-shadow .3s;animation:flut-entra .6s .8s var(--mola) both}
.flutuante::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(37,211,102,.5);animation:flut-pulso 2.6s 2s ease-out infinite;pointer-events:none}
.flutuante:hover{transform:translateY(-3px) scale(1.04)}
@keyframes flut-entra{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@keyframes flut-pulso{0%{transform:scale(1);opacity:.8}70%,100%{transform:scale(1.45);opacity:0}}

/* ── aviso de cookies ── */
.aviso-cookies{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:540px;margin:0 auto;display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:16px;background:rgba(43,38,33,.95);color:#f3ece0;font-size:13.5px;line-height:1.45;box-shadow:0 18px 40px -18px rgba(0,0,0,.6)}
.aviso-cookies[hidden]{display:none}
.aviso-cookies p{flex:1}
.aviso-cookies div{display:flex;gap:8px;flex:none}
.aviso-cookies button{font:inherit;font-size:13px;border:1px solid rgba(243,236,224,.35);background:transparent;color:inherit;border-radius:12px;padding:8px 12px;cursor:pointer}
.aviso-cookies button[data-consentir="sim"]{background:var(--ouro-claro);border-color:var(--ouro-claro);color:#2b2621}

/* ── pagamento ── */
.pg-pagar{min-height:100vh;background:radial-gradient(900px 600px at 10% 90%,rgba(120,130,100,.18),transparent 60%),var(--creme)}
.pagar{max-width:480px;margin:0 auto;padding:28px 18px 40px;display:flex;flex-direction:column;align-items:center;gap:22px}
.pagar-cartao{width:100%;background:#fff;border-radius:26px;padding:30px 26px;box-shadow:0 30px 60px -34px rgba(60,48,34,.55);text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.pagar-cartao .rotulo{justify-content:center}
.pagar-cartao h1{font-size:32px}
.pagar-para{color:var(--suave);font-size:15px}
.pagar-valor{font:600 46px "Cormorant Garamond",serif;color:var(--verde-esc);font-variant-numeric:lining-nums}
.pagar-qr{width:230px;height:230px;margin:6px auto;padding:10px;border-radius:16px;border:1px solid var(--borda);background:#fff}
.pagar-qr svg{width:100%;height:100%}
.pagar-dica{font-size:14px;color:var(--suave);max-width:34ch}
.pagar-codigo{width:100%;display:flex;flex-direction:column;gap:8px;text-align:left;margin-top:8px}
.pagar-codigo>span{font:600 11.5px "Raleway",sans-serif;letter-spacing:.2em;text-transform:uppercase;color:var(--ouro)}
.pagar-codigo input{width:100%;font:13px ui-monospace,Menlo,monospace;color:var(--texto);background:var(--papel);border:1px solid var(--borda);border-radius:12px;padding:12px}
.pagar-codigo .botao{width:100%}
.botao.copiado{background:var(--ouro);border-color:var(--ouro)}
.pagar-recebedor{font-size:14px}
.pagar-passo{width:100%;margin-top:14px;padding-top:20px;border-top:1px solid var(--borda);display:flex;flex-direction:column;align-items:center;gap:6px}
.pagar-passo b{font:500 24px "Cormorant Garamond",serif;color:var(--tinta)}
.pagar-passo p{font-size:15px}
.pagar-passo .botao{margin-top:10px}
.pagar-estado{display:flex;align-items:center;gap:12px;text-align:left;padding:16px 18px;border-radius:16px;background:var(--areia);margin:10px 0}
.pagar-estado.ok{background:var(--verde-claro);color:#3f5734}
.pagar-estado.ok .ico{color:var(--verde)}
.pagar-pe{font-size:12.5px;color:var(--suave)}
.pagar-pe a{color:var(--ouro)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .sobe{opacity:1;transform:none}
  html.js .revela{opacity:1;transform:none}
}

/* ── tablet ── */
@media (max-width:1020px){
  .hero-in,.sobre-in{gap:40px}
  .faixa-in{grid-template-columns:1fr;text-align:center;gap:28px}
  .faixa-frase{border-right:0;padding-right:0;border-bottom:1px solid rgba(239,230,214,.25);padding-bottom:24px}
  .grupos,.at-blocos{grid-template-columns:1fr 1fr}
  .grupo.g3{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}
  .grupo.g3 .grupo-foto{aspect-ratio:auto;height:100%}
}

/* ── celular ── */
@media (max-width:820px){
  .abre-menu{display:inline-flex}
  .menu{position:fixed;inset:0 0 auto 0;top:0;flex-direction:column;align-items:stretch;gap:4px;padding:88px 24px 28px;background:var(--papel);box-shadow:0 30px 50px -30px rgba(60,48,34,.5);transform:translateY(-130%);visibility:hidden;transition:transform .5s var(--mola),visibility 0s .5s;z-index:-1}
  .menu>a:not(.botao){font:500 26px "Cormorant Garamond",serif;padding:10px 4px;border-bottom:1px solid var(--borda)}
  .menu>a:not(.botao)::after{display:none}
  .menu-cta{margin:14px 0 0;min-height:52px;font-size:17px}
  body.menu-aberto .menu{transform:none;visibility:visible;transition:transform .5s var(--mola),visibility 0s}
  body.menu-aberto .abre-menu .i-abre{display:none}
  body.menu-aberto .abre-menu .i-fecha{display:block}
  .topo-in{padding:10px 16px}
  .env{padding:0 18px}
  .secao{padding:64px 0}
  .hero{padding:0 0 52px}
  .hero-in,.sobre-in,.at-hero-in{grid-template-columns:1fr;gap:0}
  .hero-foto{margin:0 -18px;border-radius:0 0 30px 30px;aspect-ratio:5/5.2}
  .hero-texto{margin-top:-64px;position:relative;z-index:2;padding:0 4px}
  .hero-foto{position:relative}
  .hero-foto::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(248,243,236,.85) 85%,var(--papel))}
  .hero-texto h1{font-size:clamp(52px,15vw,66px)}
  .hero-sub{font-size:17px}
  .hero-acoes{flex-direction:column}
  .hero-acoes .botao{width:100%}
  .hero-folhas{width:130px;right:-26px;top:-6px}
  .hero-palavras{font-size:24px}
  .faixa-frase{font-size:27px}
  .pilares{grid-template-columns:repeat(2,1fr);gap:22px}
  .grupos,.passos,.at-blocos,.at-grade.tres{grid-template-columns:1fr}
  .grupo.g3{display:flex}
  .grupo.g3 .grupo-foto{aspect-ratio:16/10;height:auto}
  .sobre-foto{max-width:340px;margin:0 auto 34px;width:100%}
  .sobre-hero{padding:24px 0 60px}
  .at-hero-foto{order:-1;margin:0 -18px 26px;border-radius:0 0 30px 30px;aspect-ratio:4/3}
  .at-hero-ico{width:58px;height:58px;left:18px;bottom:16px}
  .at-hero .botao-grande{width:100%}
  .trilha{margin-bottom:14px}
  .topo-pagina{padding:40px 0 20px}
  .chamada{padding:0 0 70px}
  .chamada-in{border-radius:24px;padding:48px 22px}
  .faq summary{font-size:19px;padding:18px}
  .faq details p{padding:0 18px 18px}
  .aviso-cookies{flex-direction:column;align-items:stretch}
  .aviso-cookies div{justify-content:flex-end}
}
@media (max-width:820px) and (min-width:1px){.flutuante{right:14px;bottom:14px}}

/* v2.1 */
.grupo-mais{align-self:flex-start;margin-top:6px;font:600 12px "Raleway",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ouro);border-bottom:1px solid transparent;transition:border-color .25s}
.grupo-mais:hover{border-color:var(--ouro)}
.acoes-404{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:28px}
@media (max-width:820px){.acoes-404 .botao{width:100%}}

/* v3 · menu recolhido a partir de 1060px (7 itens + botão) */
@media (max-width:1000px){
  .abre-menu{display:inline-flex}
  .menu{position:fixed;inset:0 0 auto 0;top:0;flex-direction:column;align-items:stretch;gap:4px;padding:92px 24px 28px;background:var(--papel);box-shadow:0 30px 50px -30px rgba(60,48,34,.5);transform:translateY(-130%);visibility:hidden;transition:transform .5s var(--mola),visibility 0s .5s;z-index:-1}
  .menu>a:not(.botao){font:500 26px "Cormorant Garamond",serif;padding:10px 4px;border-bottom:1px solid var(--borda)}
  .menu>a:not(.botao)::after{display:none}
  .menu-cta{margin:14px 0 0;min-height:52px;font-size:17px}
  body.menu-aberto .menu{transform:none;visibility:visible;transition:transform .5s var(--mola),visibility 0s}
  body.menu-aberto .abre-menu .i-fecha{display:block}
  body.menu-aberto .abre-menu .i-abre{display:none}
  .topo-in{padding:12px 20px}
}
@media (max-width:820px){.marca b{font-size:17px}.marca small{font-size:9.5px}.marca-ico{width:38px;height:25px}}

/* v3.2 · cabeçalho verde, separado da capa */
.topo{background:linear-gradient(180deg,#56634a,#4a573f);backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid rgba(215,192,154,.22)}
.topo.rolou{border-color:rgba(215,192,154,.3);box-shadow:0 12px 30px -20px rgba(30,36,22,.7)}
.topo .marca{color:#f6efe3}
.topo .marca-ico{color:var(--ouro-claro)}
.topo .marca small{color:#cdbf9f}
.menu>a:not(.botao){color:#e6dcc8}
.menu>a:not(.botao)::after{background:var(--ouro-claro)}
.menu>a:not(.botao):hover,.menu>a[aria-current]{color:#fff}
.topo .menu-cta{background:#f6efe3;color:var(--verde-esc);border:1px solid #f6efe3!important;box-shadow:0 12px 24px -16px rgba(0,0,0,.6)}
.topo .menu-cta::after{background:linear-gradient(100deg,transparent,rgba(179,144,98,.18),transparent)}
@media (hover:hover){.topo .menu-cta:hover{background:#fff}}
.abre-menu{color:#f6efe3;border-color:rgba(239,230,214,.35)}
@media (max-width:1060px){
  .menu{background:linear-gradient(180deg,#56634a,#45523a);box-shadow:0 30px 50px -30px rgba(30,36,22,.7)}
  .menu>a:not(.botao){color:#f6efe3;border-bottom-color:rgba(239,230,214,.18)}
}

/* v3.6 · texto legal */
.texto-legal{padding-top:20px}
.texto-legal h2{font-size:28px;margin:36px 0 10px}
.texto-legal h2:first-child{margin-top:0}
.texto-legal p{font-size:17px;line-height:1.75;color:#4f463e}
.texto-legal p+p{margin-top:12px}
.texto-legal a{color:var(--verde-esc);text-decoration:underline;text-decoration-color:var(--ouro);text-underline-offset:3px}
.texto-legal-data{margin-top:34px!important;font-size:14px!important;color:var(--suave)!important}
.aviso-cookies a{color:var(--ouro-claro);text-decoration:underline}

/* ── chamada final padrão (todas as páginas) ── */
.cta-f{position:relative;z-index:4;margin-top:-34px;padding:66px 0 72px;overflow:hidden;color:#f6e9dc;background:radial-gradient(500px 240px at 50% 0%,rgba(255,255,255,.07),transparent 70%),linear-gradient(100deg,#9f5c3e,#ae6a4a 50%,#a2603f);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath d='M0 22C240 4 520 30 760 18S1220 2 1440 26V300H0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 300' preserveAspectRatio='none'%3E%3Cpath d='M0 22C240 4 520 30 760 18S1220 2 1440 26V300H0Z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.cta-f+.rodape,.cta-f~.rodape{margin-top:-1px}
.cta-f .ramo{position:absolute;color:#f0d3b6;opacity:.42;pointer-events:none}
.cta-f-ramo1{left:-20px;top:10px;width:150px;transform:rotate(-12deg)}
.cta-f-ramo2{right:2%;top:16px;width:130px;transform:scaleX(-1)}
.cta-f-in{max-width:1180px;display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:center}
.cta-f .rotulo,.cta-f .rotulo.sem-traco{color:#f0d6bb;font-size:12px;letter-spacing:.24em}
.cta-f .rotulo::before{display:none}
.cta-f h2{margin-top:10px;font:italic 500 clamp(30px,2.8vw,42px)/1.12 "Cormorant Garamond",serif;color:#fff;max-width:21ch}
.cta-f-dir p{font-size:17.5px;line-height:1.55;color:#f6e9dc;max-width:42ch}
.cta-f-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.cta-f-acoes .botao{white-space:nowrap}
.cta-f .botao-cheio{border:1px solid rgba(240,214,187,.55)}
@media (max-width:1000px){.cta-f-in{grid-template-columns:1fr;gap:20px}}
@media (max-width:760px){.cta-f{padding:70px 0 64px;margin-top:-50px}.cta-f-ramo1,.cta-f-ramo2{display:none}.cta-f h2 br{display:none}.cta-f .botao{width:100%}.cta-f-dir p{font-size:17px}}
@media (max-width:760px){.rodape-pe{display:flex;flex-wrap:wrap;justify-content:center;gap:2px 8px}.rodape-pe span{display:none}}
.rodape-ico{display:inline-flex;align-items:center;gap:10px}.rodape-ico svg{flex:none;color:var(--ouro-claro)}

/* ── auditoria 09/10: quebra de linha e toque ── */
h1,h2,h3,.titulo,blockquote p,.s-destaque,.a-lead{text-wrap:balance}
p,li,figcaption{text-wrap:pretty}
.botao{text-wrap:balance;white-space:nowrap;max-width:100%}
@media (max-width:380px){.botao{white-space:normal!important}}
@media (max-width:820px){
  .rodape-col{gap:2px}
  .rodape-col a{display:inline-flex;align-items:center;min-height:42px}
  .rodape-redes{gap:12px}
  .rodape-redes a{width:44px;height:44px}
  .rodape-col a,.rodape-ico{font-size:16px!important}
  .rodape-rca{display:inline-block;padding:10px 2px}
  .a-mais{min-height:44px;font-size:16px!important}
  .a-cartao-corpo p,.c-cartao-corpo p,.h-cartao-corpo>span,.s-pilares-lista p,.a-info-lista p,.h-benef-lista p,.h-passos p{font-size:16px!important}
  .c-avisa{font-size:16px!important}
  .h-comeco-item.duvida small{font-size:16px!important}
  .h-cartao-corpo em{font-size:16px!important}
  .contato-cartao span{font-size:16px!important}
}
@media (max-width:820px){.rodape-rca{font-size:14px}}
.botao-terra{background:linear-gradient(180deg,#b06a49,#9c5a3d);color:#fbf3ea;border:1px solid #8f5136;box-shadow:0 14px 26px -16px rgba(120,64,38,.8),inset 0 1px 0 rgba(255,255,255,.14)}
.botao-terra .seta{transition:transform .4s var(--mola)}
@media (hover:hover){.botao-terra:hover{background:linear-gradient(180deg,#a3603f,#8a4e33);transform:translateY(-2px)}.botao-terra:hover .seta{transform:translateX(4px)}}
@media (min-width:1001px) and (max-width:1240px){.cta-f-acoes{flex-direction:column;align-items:flex-start}}

/* ── hero claro das páginas internas (banners de 09/10) ── */
.s-hero,.a-hero{background:#f6ead9!important;color:var(--tinta)}
.s-hero-fundo::after,.a-hero-fundo::after{display:none!important}
.s-hero-fundo img,.a-hero-fundo img{object-position:100% 50%!important}
.s-hero .rotulo.sem-traco,.a-hero .rotulo.sem-traco{color:#86663b!important}
.s-hero-texto h1,.a-hero-texto h1{color:#27221d!important}
.s-hero-texto p:not(.rotulo):not(.s-assina),.a-hero-texto>p:not(.rotulo){color:#4f463e!important}
.s-assina{color:#b58a5a!important}
@media (max-width:760px){
  .s-hero,.a-hero{padding-bottom:56px}
  .s-hero-fundo,.a-hero-fundo{height:auto!important;aspect-ratio:900/406}
  .s-hero-fundo img,.a-hero-fundo img{object-position:50% 50%!important}
  .s-hero-in,.a-hero-in{margin-top:22px!important}
}
@media (min-width:761px) and (max-width:1280px){
  .s-hero-fundo::after,.a-hero-fundo::after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,234,217,.97) 0%,rgba(246,234,217,.9) 42%,rgba(246,234,217,.35) 62%,rgba(246,234,217,0) 76%)!important}
}
.desliza-dica{display:none}
@media (min-width:1281px){
  .s-hero-fundo::after,.a-hero-fundo::after{display:block!important;content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,234,217,.9) 0%,rgba(246,234,217,.7) 34%,rgba(246,234,217,0) 54%)!important}
  .s-hero-texto p:not(.rotulo):not(.s-assina){max-width:44ch!important}
}
.rodape-priv{color:inherit;text-decoration:none}.rodape-priv:hover{color:#fff}
.rodape-quebra{display:none}
@media (min-width:761px){.rodape-pe .rodape-priv,.rodape-pe .rodape-priv+span{display:none}}
@media (max-width:760px){.rodape-quebra{display:block;height:2px}.rodape-priv{text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(215,192,154,.4)}}
/* sem quadrado de toque e foco só no teclado */
a,button,summary,[role=button]{-webkit-tap-highlight-color:transparent}
:focus:not(:focus-visible){outline:none}
.marca-ico{width:46px;height:30px;flex:none}
.rodape-rca{font-weight:400!important;margin-left:5px;color:#d3c8b0!important;-webkit-font-smoothing:antialiased}
.rodape-rca:hover{color:#fff!important}
@media (min-width:761px){.rodape-sobre>p,.rodape-redes{margin-left:58px}}
/* sombra mais leve nos botões verdes */
.botao-cheio,main .botao-cheio{box-shadow:0 8px 16px -10px rgba(52,62,42,.45),inset 0 1px 0 rgba(255,255,255,.12)!important}
@media (hover:hover){.botao-cheio:hover{box-shadow:0 12px 22px -12px rgba(52,62,42,.5),inset 0 1px 0 rgba(255,255,255,.12)!important}}
/* desktop: a arte dos banners já traz o degradê, sem véu extra */
@media (min-width:761px){.s-hero-fundo::after,.a-hero-fundo::after{display:none!important}}
/* traço do menu fino */
.menu>a:not(.botao)::after{height:1px!important;bottom:4px!important;background:var(--ouro-claro)!important;opacity:.9}
/* dúvidas em Atendimentos: lista enxuta com fios */
.pg-atend .faq{padding:30px 0 120px;background:#fbf6ee}
.pg-atend .faq .rotulo{font-size:12px;letter-spacing:.24em;color:#86663b}
.pg-atend .faq .rotulo::before{display:none}
.pg-atend .faq .titulo{margin-bottom:26px}
.pg-atend .faq-lista{gap:0;border-top:1px solid rgba(160,122,73,.3)}
.pg-atend .faq details{background:none;border:0;border-bottom:1px solid rgba(160,122,73,.3);border-radius:0;box-shadow:none!important}
.pg-atend .faq summary{padding:18px 4px;font-size:20px}
.pg-atend .faq details p{padding:0 4px 18px;font-size:16px;line-height:1.6;color:#5f544a}
.rodape-ico span{display:inline-block;line-height:1.4}
.rodape-ico:has(span){align-items:flex-start}.rodape-ico:has(span) svg{margin-top:4px}
.rodape-ponto{display:none;font-weight:400}.rodape-sep{font-style:normal}
@media (max-width:760px){.rodape-sep{display:none}.rodape-ponto{display:inline}}
/* rodapé mais baixo (desktop) */
@media (min-width:761px){
  .rodape{font-size:14px}
  .rodape-in{padding:44px 32px 28px!important;gap:40px!important}
  .rodape-col{gap:5px!important}
  .rodape-col a{line-height:1.45}
  .rodape h2{margin:2px 0 6px!important;padding-bottom:8px!important}
  .rodape-sobre>p{margin-top:12px!important;margin-bottom:14px!important;font-size:17px!important;line-height:1.3!important}
  .rodape-redes a{width:34px!important;height:34px!important}
  .rodape-faixa p{padding:12px 0!important;font-size:12.5px!important}
  .rodape-pe{padding:12px 32px 16px!important;font-size:12.5px!important}
}

/* ── sem branco puro: tudo em creme/bege ── */
::selection{background:#e6d3ae;color:#2f2a25}
.topo .marca,.topo .marca b,.rodape .marca,.rodape .marca b{color:#eadcbf!important}
.menu>a:not(.botao):hover,.menu>a[aria-current]{color:#f1e4c8!important}
.botao-claro:hover,.botao-linha:hover,.chips a:hover{background:#efe3cf!important}
@media (hover:hover){.topo .menu-cta:hover{background:#efe3cf!important}}
.rodape-redes a:hover{background:#f1e4c8!important}
.rodape-col a:hover,.rodape-priv:hover,.rodape-rca:hover{color:#f1e4c8!important}
.cta-f h2,.chamada h2,.c-novidades h2,.a-verso h3,.contato-cartao.destaque b{color:#fbf1e1!important}
.faq details,.depo,.at-bloco,.contato-cartao{background:#fbf6ee!important}
.a-pratica[open]{background:#fbf6ee!important}
a:active,button:active{background-color:transparent}
.botao:active{filter:brightness(.97)}

/* 404: cartões sem branco puro */
.at-cartao{background:#fbf6ee}

/* 404: só o aviso, com respiro até o rodapé */
.pg-404 .topo-pagina{padding:120px 0 150px}