@import url("https://fonts.googleapis.com/css2?family=Lustria&family=Nunito:wght@300;400;500;600;700&family=Cutive+Mono&display=swap");

:root{
  --verde-esc:#3A4A19; --verde-med:#525D3B; --verde-clr:#7E8F63; --verde-sutil:#9DAE7E;
  --verde-palido:#E7FFC2; --caramelo:#DBB172; --caramelo-esc:#9a6a1d;
  --creme:#f4f1e8; --creme-card:#faf8f2; --creme-brd:#e4ddcb;
  --texto:#37451f; --texto-sutil:#55603c; --texto-leve:#828d64;
  --sombra:0 6px 30px rgba(58,74,25,.10); --sombra-sm:0 3px 16px rgba(58,74,25,.07);
  --emb-verde:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20120%20120%22%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%280%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%2830%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%2860%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%2890%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%28120%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%28150%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%28180%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%28210%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%28240%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%28270%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%28300%2060%2060%29%22/%3E%3Cellipse%20cx%3D%2260%22%20cy%3D%2227%22%20rx%3D%227.5%22%20ry%3D%2218%22%20fill%3D%22none%22%20stroke%3D%22%233A4A19%22%20stroke-width%3D%223.4%22%20transform%3D%22rotate%28330%2060%2060%29%22/%3E%3Ccircle%20cx%3D%2260%22%20cy%3D%2260%22%20r%3D%2212%22%20fill%3D%22%23DBB172%22/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--creme);font-family:'Nunito',sans-serif;font-weight:400;color:var(--texto);line-height:1.8;-webkit-font-smoothing:antialiased}
.app{display:flex;flex-direction:column;align-items:center;overflow:hidden}
img{max-width:100%;display:block}

.diamante{display:flex;align-items:center;justify-content:center;gap:14px;margin:26px auto}
.diamante::before,.diamante::after{content:'';width:46px;height:1.5px;background:rgba(126,143,99,.5)}
.diamante i{width:9px;height:9px;background:var(--caramelo);transform:rotate(45deg);display:block}

/* navbar */
.nav-site{width:100%;background:rgba(250,248,242,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--creme-brd);box-shadow:var(--sombra-sm);position:sticky;top:0;z-index:40}
.nav-inner{max-width:1060px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 30px;flex-wrap:wrap;gap:10px 24px}
.nav-marca{display:flex;align-items:center;gap:12px;font-family:'Lustria',serif;text-transform:uppercase;letter-spacing:2.5px;font-size:18px;color:var(--verde-esc);text-decoration:none;white-space:nowrap}
.nav-marca::before{content:'';width:30px;height:30px;background:var(--emb-verde) center/contain no-repeat;flex:0 0 30px}
.nav-links{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.nav-links a{font-size:14.5px;color:var(--texto-sutil);text-decoration:none;letter-spacing:.2px;transition:color .15s}
.nav-links a:hover{color:var(--verde-clr)}
.nav-links a.cta{color:#fff;background:var(--verde-esc);padding:10px 22px;border-radius:6px;font-weight:600;letter-spacing:.3px}
.nav-links a.cta:hover{background:var(--verde-med);color:#fff}
@media(max-width:600px){.nav-inner{justify-content:center;padding:12px 20px}.nav-links{gap:18px;justify-content:center}.nav-marca{font-size:16px}}

/* HERO da home (aquarela CLARA com detalhe) */
.hero-home{width:100%;text-align:center;padding:86px 24px 92px;position:relative;overflow:hidden;
  background:radial-gradient(ellipse 76% 60% at 50% 46%, rgba(247,244,236,.82) 0%, rgba(247,244,236,.5) 46%, rgba(247,244,236,.15) 78%), url("assets/textura-hero.jpg");background-size:cover;background-position:center}
.hero-home .marca-logo{width:330px;max-width:76%;margin:0 auto 4px}
.hero-home h1{font-family:'Lustria',serif;font-weight:400;font-size:33px;line-height:1.42;color:var(--verde-esc);max-width:600px;margin:12px auto 0;letter-spacing:.2px}
.hero-home .hero-sub{font-size:15px;color:var(--texto-sutil);line-height:1.9;max-width:460px;margin:16px auto 0}

/* seções da home */
.secao{width:100%;max-width:680px;padding:60px 30px 0}
.secao-rotulo{font-size:12px;letter-spacing:5px;text-transform:uppercase;color:var(--verde-clr);font-weight:700;margin-bottom:12px}
.secao-titulo{font-family:'Lustria',serif;font-size:30px;font-weight:400;color:var(--verde-esc);line-height:1.28;margin-bottom:20px}
.secao p{font-size:16.5px;color:var(--texto);margin-bottom:16px}
.secao p.suave{color:var(--texto-sutil)}
.secao .link-linha{color:var(--verde-med);text-decoration:none;font-weight:600;border-bottom:1.5px solid var(--caramelo);padding-bottom:1px}
.secao .link-linha:hover{color:var(--verde-esc)}
.destaque{font-weight:600;color:var(--verde-med)}

/* faixa (aquarela clara variada) */
.faixa{width:100%;display:flex;flex-direction:column;align-items:center;margin-top:64px;padding:8px 0 20px}
.faixa.clara{position:relative;padding:24px 0 44px;
  background:radial-gradient(ellipse 80% 62% at 50% 50%, rgba(247,244,236,.8) 0%, rgba(247,244,236,.45) 50%, rgba(247,244,236,.12) 82%), url("assets/textura-faixa.jpg");background-size:cover;background-position:center}
.faixa .secao{padding-top:48px}

/* como funciona */
.func{width:100%;max-width:680px;background:var(--creme-card);border:1px solid var(--creme-brd);border-radius:12px;padding:6px 30px;margin-top:26px;box-shadow:var(--sombra)}
.func-item{padding:18px 0;border-top:1px solid #ece6d5;display:flex;gap:18px;align-items:baseline}
.func-item:first-child{border-top:none}
.func-rot{flex:0 0 108px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--caramelo-esc);font-weight:700;padding-top:3px}
.func-txt{font-size:15.5px;color:var(--texto);line-height:1.7}

/* CTA */
.cta{width:100%;max-width:680px;padding:70px 30px 8px;text-align:center}
.cta-titulo{font-family:'Lustria',serif;font-size:30px;font-weight:400;color:var(--verde-esc);margin-bottom:12px}
.cta-sub{font-size:15.5px;color:var(--texto-sutil);line-height:1.85;max-width:480px;margin:0 auto 30px}
.btn-grande{display:inline-block;background:var(--verde-esc);color:#fff;font-family:'Nunito',sans-serif;font-size:15px;letter-spacing:.6px;font-weight:600;text-decoration:none;padding:17px 38px;border-radius:8px;transition:.2s;box-shadow:0 8px 22px rgba(58,74,25,.18)}
.btn-grande:hover{background:var(--verde-med);transform:translateY(-1px)}
.contato{margin-top:30px;font-size:15px;color:var(--texto-sutil);line-height:2.1}
.contato a{color:var(--verde-med);text-decoration:none;font-weight:600}
.contato a:hover{text-decoration:underline}

/* topo (internas) */
.topo{width:100%;max-width:700px;display:flex;justify-content:space-between;align-items:center;padding:22px 30px 0}
.topo-logo{display:flex;align-items:center;gap:10px;font-family:'Lustria',serif;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;font-size:14px;color:var(--verde-esc);text-decoration:none}
.topo-logo::before{content:'';width:26px;height:26px;background:var(--emb-verde) center/contain no-repeat}
.topo-logo span{display:block;font-family:'Lustria',serif;font-style:italic;font-weight:400;letter-spacing:1px;text-transform:none;font-size:11px;color:var(--verde-clr)}
.topo-voltar{font-size:12px;letter-spacing:1px;color:var(--verde-clr);text-decoration:none}
.topo-voltar:hover{color:var(--verde-med)}

/* hero de conceito (significado, aquarela clara) — variações */
.hero{width:100%;max-width:700px;margin-top:22px;padding:56px 34px 50px;position:relative;overflow:hidden;
  background:radial-gradient(ellipse 82% 70% at 50% 46%, rgba(247,244,236,.78) 0%, rgba(247,244,236,.42) 52%, rgba(247,244,236,.1) 84%), url("assets/textura-clara.jpg");background-size:cover;background-position:center;
  border:1px solid var(--creme-brd);border-radius:14px;box-shadow:var(--sombra)}
.hero.vb{background:radial-gradient(ellipse 82% 70% at 50% 46%, rgba(247,244,236,.78) 0%, rgba(247,244,236,.42) 52%, rgba(247,244,236,.1) 84%), url("assets/textura-clara-2.jpg");background-size:cover;background-position:center}
.hero.vc{background:radial-gradient(ellipse 82% 70% at 50% 46%, rgba(247,244,236,.78) 0%, rgba(247,244,236,.42) 52%, rgba(247,244,236,.1) 84%), url("assets/textura-clara-3.jpg");background-size:cover;background-position:center}
.hero-rotulo{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:5px;text-transform:uppercase;color:var(--verde-clr);font-weight:700;margin-bottom:20px}
.hero-rotulo::after{content:'';flex:1;height:1px;background:rgba(126,143,99,.4)}
.hero-palavra{font-family:'Lustria',serif;font-size:58px;line-height:1.06;color:var(--verde-esc);font-weight:400}
.hero-silaba{font-family:'Cutive Mono',monospace;font-size:15px;color:var(--texto-leve);margin-top:12px;letter-spacing:3px}
.hero-orig{font-size:13px;color:var(--texto-leve);font-style:italic;margin-top:4px}
.hero-essencia{font-family:'Lustria',serif;font-size:19px;font-style:italic;color:var(--verde-med);line-height:1.65;margin-top:22px;max-width:540px}

.bloco{width:100%;max-width:700px;padding:44px 34px 0}
.bloco-rotulo{font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--verde-clr);font-weight:700;margin-bottom:12px}
.bloco h2{font-family:'Lustria',serif;font-size:26px;font-weight:400;color:var(--verde-esc);line-height:1.3;margin-bottom:16px}
.bloco p{font-size:16.5px;color:var(--texto);margin-bottom:16px}
.bloco p.suave{color:var(--texto-sutil)}

.clinica{width:100%;max-width:700px;margin-top:40px;padding:30px 34px;background:rgba(126,143,99,.12);border-left:3px solid var(--verde-clr);border-radius:0 10px 10px 0}
.clinica .bloco-rotulo{color:var(--verde-med)}
.clinica h2{font-family:'Lustria',serif;font-size:22px;color:var(--verde-esc);margin-bottom:12px}
.clinica p{font-size:16px;color:var(--texto);margin-bottom:12px}

.citacao{width:100%;max-width:700px;margin:34px 0 0;padding:4px 34px}
.citacao blockquote{font-family:'Lustria',serif;font-size:19px;font-style:italic;color:var(--verde-esc);line-height:1.72;border-left:3px solid var(--caramelo);padding:8px 0 8px 22px}
.citacao .fonte{font-size:12.5px;color:var(--texto-leve);margin-top:10px;padding-left:22px;font-style:normal}

.malentendido{width:100%;max-width:700px;margin-top:40px;padding:26px 30px;background:rgba(219,177,114,.14);border:1px solid rgba(219,177,114,.5);border-radius:12px}
.malentendido .bloco-rotulo{color:var(--caramelo-esc)}
.malentendido p{font-size:15.5px;color:#5a4a22;margin-bottom:0;line-height:1.75}

.biblio{width:100%;max-width:700px;margin-top:46px;padding:26px 34px 0;border-top:1px solid var(--creme-brd)}
.biblio .bloco-rotulo{margin-bottom:14px}
.biblio ul{list-style:none}
.biblio li{font-size:13.5px;color:var(--texto-sutil);line-height:1.7;margin-bottom:12px;padding-left:18px;position:relative}
.biblio li::before{content:"";position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--verde-sutil)}

.navp{width:100%;max-width:700px;margin-top:46px;padding:26px 34px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;border-top:1px solid var(--creme-brd)}
.navp a{font-size:13.5px;letter-spacing:.5px;color:var(--verde-med);text-decoration:none;font-weight:600}
.navp a:hover{color:var(--verde-esc)}
.navp .central{color:var(--verde-clr)}

/* hub (aquarela CLARA + logo verde) */
.hub-hero{width:100%;text-align:center;padding:74px 26px 66px;position:relative;overflow:hidden;
  background:radial-gradient(ellipse 78% 62% at 50% 48%, rgba(247,244,236,.82) 0%, rgba(247,244,236,.48) 48%, rgba(247,244,236,.12) 80%), url("assets/textura-hub.jpg");background-size:cover;background-position:center}
.hub-hero .marca-logo{width:290px;max-width:72%;margin:0 auto}
.hub-hero h1{font-family:'Lustria',serif;font-size:36px;font-weight:400;color:var(--verde-esc);line-height:1.3;max-width:580px;margin:20px auto 0}
.hub-hero .sub{font-size:15px;color:var(--texto-sutil);line-height:1.9;max-width:500px;margin:16px auto 0}

.grade{width:100%;max-width:720px;padding:48px 30px 0;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.cartao{display:block;background:var(--creme-card);border:1px solid var(--creme-brd);border-radius:12px;padding:26px 24px;text-decoration:none;transition:border-color .15s,transform .15s,box-shadow .15s;box-shadow:var(--sombra-sm)}
.cartao:hover{border-color:var(--verde-clr);transform:translateY(-3px);box-shadow:var(--sombra)}
.cartao .palavra{font-family:'Lustria',serif;font-size:23px;color:var(--verde-esc);line-height:1.2}
.cartao .orig{font-size:12px;font-style:italic;color:var(--texto-leve);margin-top:4px}
.cartao .linha{font-size:14px;color:var(--texto-sutil);margin-top:12px;line-height:1.6}

.acao{width:100%;max-width:700px;padding:30px 34px 0}
.botao{display:inline-block;background:var(--verde-esc);color:#fff;font-family:'Nunito',sans-serif;font-size:15px;letter-spacing:.5px;font-weight:600;text-decoration:none;padding:15px 30px;border-radius:8px;transition:.2s;box-shadow:0 8px 22px rgba(58,74,25,.16)}
.botao:hover{background:var(--verde-med);transform:translateY(-1px)}
.acao .alt{margin-top:14px;font-size:14.5px;color:var(--texto-sutil)}
.acao .alt a{color:var(--verde-med);text-decoration:none;font-weight:600}

.lembrete{width:100%;max-width:700px;text-align:center;padding:56px 34px 0;font-family:'Lustria',serif;font-style:italic;font-size:18px;color:var(--verde-med);line-height:1.7}
.lembrete::before{content:'';display:block;width:9px;height:9px;background:var(--caramelo);transform:rotate(45deg);margin:0 auto 18px}

/* rodapé (aquarela verde texturizada) */
.rodape{width:100%;text-align:center;margin-top:72px;padding:52px 24px 44px;position:relative;color:#fff;
  background:linear-gradient(rgba(30,40,16,.4),rgba(24,32,12,.52)),url("assets/textura-escura.jpg");background-size:cover;background-position:center}
.rodape .marca-logo{width:230px;margin:0 auto 18px}
.rodape p{font-size:12px;color:rgba(245,242,232,.78);letter-spacing:1px;line-height:1.9}
.rodape a{color:rgba(245,242,232,.9);text-decoration:none}
.rodape a:hover{text-decoration:underline}

@media(max-width:600px){
  .hero-home{padding:60px 20px 64px}
  .hero-home h1{font-size:25px}
  .hero-palavra{font-size:42px}
  .secao,.cta{padding-left:20px;padding-right:20px}
  .func{padding:6px 18px}
  .func-item{flex-direction:column;gap:4px}
  .func-rot{flex:none}
  .grade{grid-template-columns:1fr}
  .hub-hero h1{font-size:27px}
  .secao-titulo,.cta-titulo{font-size:25px}
}

/* --- reforço de legibilidade: véu creme mais forte sobre as aquarelas --- */
.hero-home{background:radial-gradient(ellipse 72% 60% at 50% 42%, rgba(248,245,238,.5) 0%, rgba(248,245,238,0) 72%), linear-gradient(rgba(246,243,235,.6),rgba(246,243,235,.68)), url("assets/textura-hero.jpg");background-size:cover;background-position:center}
.faixa.clara{background:radial-gradient(ellipse 78% 64% at 50% 46%, rgba(248,245,238,.44) 0%, rgba(248,245,238,0) 74%), linear-gradient(rgba(246,243,235,.6),rgba(246,243,235,.66)), url("assets/textura-faixa.jpg");background-size:cover;background-position:center}
.hub-hero{background:radial-gradient(ellipse 74% 60% at 50% 46%, rgba(248,245,238,.5) 0%, rgba(248,245,238,0) 72%), linear-gradient(rgba(246,243,235,.62),rgba(246,243,235,.7)), url("assets/textura-hub.jpg");background-size:cover;background-position:center}
.hero{background:radial-gradient(ellipse 80% 70% at 50% 44%, rgba(248,245,238,.46) 0%, rgba(248,245,238,0) 78%), linear-gradient(rgba(246,243,235,.58),rgba(246,243,235,.64)), url("assets/textura-clara.jpg");background-size:cover;background-position:center}
.hero.vb{background:radial-gradient(ellipse 80% 70% at 50% 44%, rgba(248,245,238,.46) 0%, rgba(248,245,238,0) 78%), linear-gradient(rgba(246,243,235,.58),rgba(246,243,235,.64)), url("assets/textura-clara-2.jpg");background-size:cover;background-position:center}
.hero.vc{background:radial-gradient(ellipse 80% 70% at 50% 44%, rgba(248,245,238,.46) 0%, rgba(248,245,238,0) 78%), linear-gradient(rgba(246,243,235,.58),rgba(246,243,235,.64)), url("assets/textura-clara-3.jpg");background-size:cover;background-position:center}