/* ============================================================
   RAÍZES DO BEM — identidade: editorial botânico em papel
   Paleta oficial da marca:
   #144c7c azul · #e43464 rosa · #fca424 âmbar · #54bc5c verde · #c4dcfc céu
   ============================================================ */

:root{
  --tinta:#144c7c;
  --tinta-900:#0e3557;
  --tinta-700:#1b5c93;
  --tinta-300:#7ba6cd;

  --rosa:#e43464;
  --rosa-800:#c22350;
  --ambar:#fca424;
  --ambar-900:#8a5304;
  --verde:#54bc5c;
  --verde-800:#2f7f3a;
  --ceu:#c4dcfc;

  --papel:#faf5ec;
  --papel-2:#f3eade;
  --papel-3:#ece0cf;
  --branco:#fffdf9;

  --texto:#22323f;
  --texto-suave:#5c6b76;

  --fonte-display:"Fraunces",Georgia,"Times New Roman",serif;
  --fonte-corpo:"Karla","Segoe UI",-apple-system,sans-serif;

  --borda:1px solid color-mix(in srgb,var(--tinta) 14%,transparent);
  --sombra-sutil:0 1px 2px rgba(20,76,124,.05),0 4px 12px rgba(20,76,124,.06);
  --sombra-media:0 2px 4px rgba(20,76,124,.06),0 12px 28px rgba(20,76,124,.10);
  --sombra-alta:0 4px 8px rgba(20,76,124,.08),0 24px 56px rgba(20,76,124,.16);

  --raio:18px;
  --raio-g:28px;
  --limite:1220px;
  --gutter:clamp(20px,5vw,64px);

  --folha:64% 36% 58% 42%/44% 58% 42% 56%;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0}

html{
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  font-family:var(--fonte-corpo);
  font-size:clamp(1rem,.97rem + .16vw,1.075rem);
  line-height:1.68;
  color:var(--texto);
  background:var(--papel);
  overflow-x:clip;
  position:relative;
  -webkit-font-smoothing:antialiased;
  padding-left:env(safe-area-inset-left);
  padding-right:env(safe-area-inset-right);
}

/* grão de papel sobre tudo ------------------------------------- */
body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  opacity:.5;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E");
}

h1,h2,h3,h4{
  font-family:var(--fonte-display);
  font-variation-settings:"SOFT" 28,"WONK" 1,"opsz" 90;
  font-weight:600;
  line-height:1.06;
  letter-spacing:-.018em;
  color:var(--tinta);
  text-wrap:balance;
  scroll-margin-top:104px;
}

h1{font-size:clamp(2.6rem,1.5rem + 4.9vw,5rem);font-weight:700}
h2{font-size:clamp(2rem,1.35rem + 2.9vw,3.4rem)}
h3{font-size:clamp(1.25rem,1.1rem + .7vw,1.6rem);font-variation-settings:"SOFT" 20,"WONK" 0,"opsz" 30}
h4{font-size:1.075rem;font-variation-settings:"SOFT" 20,"WONK" 0,"opsz" 20}

p{text-wrap:pretty}
img{max-width:100%;height:auto;display:block}
strong{font-weight:700;color:var(--tinta)}

a{color:var(--rosa-800);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--tinta)}

:focus-visible{
  outline:3px solid var(--rosa-800);
  outline-offset:3px;
  border-radius:6px;
}

::selection{background:var(--ambar);color:var(--tinta-900)}

.pular{
  position:absolute;left:-9999px;top:0;
  background:var(--tinta);color:var(--branco);
  padding:14px 22px;border-radius:0 0 12px 0;z-index:10000;font-weight:700;
}
.pular:focus{left:0}

/* utilitários -------------------------------------------------- */
.env{width:100%;max-width:var(--limite);margin-inline:auto;padding-inline:var(--gutter)}
.secao{padding-block:clamp(72px,9vw,132px);position:relative}

.olho{
  display:inline-flex;align-items:center;gap:10px;
  font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--rosa-800);margin-bottom:22px;
}
.olho::before{
  content:"";width:26px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--ambar),var(--rosa));
}
.olho--claro{color:var(--ambar)}

.lead{
  font-size:clamp(1.08rem,1rem + .5vw,1.3rem);
  line-height:1.6;color:var(--texto-suave);max-width:62ch;
}

.num{font-variant-numeric:tabular-nums}

/* botões ------------------------------------------------------- */
.btn{
  --bg:var(--rosa-800);--fg:var(--branco);--bd:var(--rosa-800);
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  min-height:52px;padding:14px 26px;
  font-family:var(--fonte-corpo);font-size:1rem;font-weight:700;
  line-height:1.2;text-decoration:none;text-align:center;
  color:var(--fg);background:var(--bg);
  border:2px solid var(--bd);border-radius:999px;
  cursor:pointer;touch-action:manipulation;
  transition:transform .18s cubic-bezier(.34,1.4,.5,1),box-shadow .18s ease,background-color .18s ease,color .18s ease,border-color .18s ease;
  box-shadow:0 2px 0 rgba(14,53,87,.18),var(--sombra-sutil);
}
.btn:hover{--bg:#a91b42;--bd:#a91b42;color:var(--fg);transform:translateY(-2px);box-shadow:0 4px 0 rgba(14,53,87,.2),var(--sombra-media)}
.btn:active{transform:translateY(0);box-shadow:0 1px 0 rgba(14,53,87,.2)}

.btn--linha{--bg:transparent;--fg:var(--tinta);--bd:color-mix(in srgb,var(--tinta) 30%,transparent);box-shadow:none}
.btn--linha:hover{--bg:var(--tinta);--fg:var(--branco);--bd:var(--tinta);box-shadow:var(--sombra-media)}

.btn--claro{--bg:var(--ambar);--fg:#3a2400;--bd:var(--ambar)}
.btn--claro:hover{--bg:#ffb84d;--bd:#ffb84d;--fg:#3a2400}

.btn--fantasma{--bg:transparent;--fg:var(--papel);--bd:rgba(250,245,236,.4);box-shadow:none}
.btn--fantasma:hover{--bg:var(--papel);--fg:var(--tinta-900);--bd:var(--papel)}

.btn svg{width:19px;height:19px;flex:none}

/* raiz que cresce ao longo da página (assinatura da marca) ------ */
.raiz{
  position:absolute;top:0;left:calc(50% - 760px);
  width:280px;height:100%;
  z-index:0;pointer-events:none;
  opacity:.5;
}
.raiz path{
  fill:none;
  stroke-linecap:round;
  vector-effect:non-scaling-stroke;
  stroke-dasharray:1;
  stroke-dashoffset:calc(1 - var(--p,0));
}
@media (max-width:1500px){.raiz{display:none}}

/* ============================ HEADER ========================== */
.topo{
  position:sticky;top:0;z-index:900;
  background:color-mix(in srgb,var(--papel) 86%,transparent);
  backdrop-filter:blur(14px) saturate(140%);
  -webkit-backdrop-filter:blur(14px) saturate(140%);
  border-bottom:1px solid transparent;
  transition:border-color .25s ease,box-shadow .25s ease;
  padding-top:env(safe-area-inset-top);
}
.topo[data-preso="sim"]{
  border-bottom-color:color-mix(in srgb,var(--tinta) 12%,transparent);
  box-shadow:0 6px 24px rgba(20,76,124,.07);
}
.topo__grade{
  display:flex;align-items:center;gap:20px;
  min-height:76px;
}
.topo__logo{display:flex;align-items:center;flex:none;border-radius:8px}
.topo__logo img{height:44px;width:auto}

.nav{
  margin-left:auto;
  display:flex;align-items:center;gap:4px;
}
.nav a:not(.btn){
  padding:10px 14px;border-radius:999px;
  font-size:.94rem;font-weight:600;color:var(--tinta);
  text-decoration:none;white-space:nowrap;
  transition:background-color .18s ease,color .18s ease;
}
.nav a:not(.btn):hover{background:var(--papel-3);color:var(--tinta-900)}

.topo .btn{min-height:46px;padding:11px 22px;font-size:.94rem}

.menu-btn{
  display:none;
  width:48px;height:48px;margin-left:auto;
  align-items:center;justify-content:center;
  background:transparent;border:2px solid color-mix(in srgb,var(--tinta) 20%,transparent);
  border-radius:14px;cursor:pointer;color:var(--tinta);touch-action:manipulation;
}
.menu-btn svg{width:22px;height:22px}
.menu-btn .fechar{display:none}
.menu-btn[aria-expanded="true"] .abrir{display:none}
.menu-btn[aria-expanded="true"] .fechar{display:block}

@media (max-width:980px){
  .menu-btn{display:flex}
  .nav{
    position:fixed;inset:0 0 auto;top:var(--h-topo,76px);
    flex-direction:column;align-items:stretch;gap:2px;
    margin:0;padding:16px var(--gutter) 28px;
    background:var(--papel);
    border-bottom:1px solid color-mix(in srgb,var(--tinta) 12%,transparent);
    box-shadow:0 18px 40px rgba(20,76,124,.12);
    transform:translateY(-8px);opacity:0;visibility:hidden;
    transition:opacity .2s ease,transform .2s ease,visibility .2s;
    max-height:calc(100dvh - var(--h-topo,76px));overflow-y:auto;overscroll-behavior:contain;
  }
  .nav[data-aberto="sim"]{transform:translateY(0);opacity:1;visibility:visible}
  .nav a:not(.btn){padding:15px 16px;font-size:1.05rem;border-radius:14px}
  .nav .btn{margin-top:12px;width:100%}
}

/* ============================= HERO =========================== */
.hero{
  position:relative;
  padding-block:clamp(48px,7vw,92px) clamp(64px,8vw,112px);
  overflow:clip;
}
.hero__fundo{
  position:absolute;inset:-10% -20% auto;height:150%;z-index:0;pointer-events:none;
  background:
    radial-gradient(46% 38% at 78% 18%,color-mix(in srgb,var(--ceu) 62%,transparent) 0%,transparent 68%),
    radial-gradient(38% 34% at 8% 74%,color-mix(in srgb,var(--ambar) 20%,transparent) 0%,transparent 66%);
}
.hero__folhas{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero__folhas svg{position:absolute;opacity:.1}
.hero__folhas svg:nth-child(1){top:-40px;right:6%;width:190px;transform:rotate(18deg)}
.hero__folhas svg:nth-child(2){bottom:8%;left:-30px;width:150px;transform:rotate(-32deg)}

.hero__grade{
  position:relative;z-index:1;
  display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:clamp(36px,5vw,72px);align-items:start;
}
@media (max-width:940px){
  .hero__grade{grid-template-columns:1fr;gap:44px}
}

.hero__local{
  display:inline-flex;align-items:center;gap:9px;
  padding:8px 16px 8px 12px;margin-bottom:26px;
  background:var(--branco);border:var(--borda);border-radius:999px;
  font-size:.8rem;font-weight:700;letter-spacing:.05em;color:var(--tinta);
  box-shadow:var(--sombra-sutil);
}
.hero__local img{width:22px;height:22px;object-fit:contain}

.hero h1{margin-bottom:26px}
.hero h1 em{
  font-style:normal;position:relative;display:inline-block;
  color:var(--rosa-800);
}
.hero h1 em svg{
  position:absolute;left:-2%;bottom:-.16em;width:104%;height:.34em;
  overflow:visible;
}
.hero h1 em path{
  fill:none;stroke:var(--ambar);stroke-width:9;stroke-linecap:round;
  stroke-dasharray:1;stroke-dashoffset:1;
  animation:tracar 1.15s cubic-bezier(.65,0,.35,1) .55s forwards;
}
@keyframes tracar{to{stroke-dashoffset:0}}

.hero__acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}

.hero__nota{
  display:grid;grid-template-columns:auto 1fr;align-items:start;gap:12px;
  margin-top:30px;font-size:.92rem;color:var(--texto-suave);
}
.hero__nota svg{width:20px;height:20px;color:var(--verde-800);margin-top:2px}

/* moldura orgânica da foto */
.hero__arte{position:relative}
.hero__moldura{
  position:relative;border-radius:var(--folha);overflow:hidden;
  box-shadow:var(--sombra-alta);
  background:var(--papel-3);
  aspect-ratio:8/7;
  rotate:-1.4deg;
}
.hero__moldura img{width:100%;height:100%;object-fit:cover}
.hero__moldura::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(200deg,transparent 52%,rgba(14,53,87,.34));
}
.hero__selo{
  position:absolute;left:-24px;bottom:26px;z-index:2;
  display:flex;align-items:center;gap:14px;
  padding:16px 22px 16px 18px;
  background:var(--branco);border-radius:20px;
  border:1px solid color-mix(in srgb,var(--tinta) 10%,transparent);
  box-shadow:0 6px 14px rgba(20,76,124,.10),0 26px 60px rgba(20,76,124,.20);
  max-width:min(300px,86%);
}
.hero__selo img{width:46px;height:46px;object-fit:contain;flex:none}
.hero__selo b{
  display:block;font-family:var(--fonte-display);font-size:1.05rem;
  font-variation-settings:"SOFT" 20,"WONK" 0;color:var(--tinta);line-height:1.2;
}
.hero__selo span{font-size:.82rem;color:var(--texto-suave);line-height:1.35}
@media (max-width:940px){.hero__selo{left:12px;bottom:-44px}}

/* ======================= FAIXA DE FATOS ======================= */
.fatos{background:var(--tinta);color:var(--papel);position:relative;z-index:1}
.fatos__grade{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:2px;background:color-mix(in srgb,var(--papel) 16%,transparent);
}
@media (max-width:820px){.fatos__grade{grid-template-columns:repeat(2,1fr)}}

.fato{
  background:var(--tinta);
  padding:clamp(26px,3.4vw,44px) clamp(18px,2.4vw,30px);
  text-align:center;
}
.fato b{
  display:block;font-family:var(--fonte-display);
  font-size:clamp(1.7rem,1.2rem + 2vw,2.6rem);font-weight:700;
  font-variation-settings:"SOFT" 28,"WONK" 1;
  color:var(--ambar);line-height:1.05;margin-bottom:8px;
  font-variant-numeric:tabular-nums;
}
.fato > span{
  display:block;font-size:.88rem;line-height:1.45;
  color:color-mix(in srgb,var(--papel) 84%,transparent);
}

/* ============================ SOBRE =========================== */
.sobre{background:var(--papel)}
.sobre__grade{
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:clamp(32px,5vw,76px);align-items:start;
}
@media (max-width:940px){.sobre__grade{grid-template-columns:1fr;gap:36px}}

.sobre__texto p+p{margin-top:1.15em}
.sobre__texto p:first-of-type::first-letter{
  float:left;font-family:var(--fonte-display);font-weight:700;
  font-variation-settings:"SOFT" 40,"WONK" 1,"opsz" 144;
  font-size:4.4em;line-height:.82;
  margin:.06em .1em 0 0;color:var(--rosa);
}

.cartao-id{
  background:var(--branco);border:var(--borda);border-radius:var(--raio-g);
  padding:clamp(24px,3vw,34px);box-shadow:var(--sombra-sutil);
  position:sticky;top:104px;
}
@media (max-width:940px){.cartao-id{position:static}}
.cartao-id img{width:82px;margin-bottom:20px}
.cartao-id dl{display:grid;gap:16px;margin:0}
.cartao-id dt{
  font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--rosa-800);margin-bottom:3px;
}
.cartao-id dd{margin:0;font-size:.98rem;color:var(--tinta);font-weight:600;line-height:1.45}
.cartao-id dd.num{font-variant-numeric:tabular-nums}

/* =========================== PILARES ========================== */
.pilares{background:var(--papel-2);position:relative;z-index:1}
.pilares__cabeca{max-width:660px;margin-bottom:clamp(40px,5vw,62px)}
.pilares__grade{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(18px,2.4vw,26px);
}
@media (max-width:1080px){.pilares__grade{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pilares__grade{grid-template-columns:1fr}}
.pilar{
  --cor:var(--rosa);
  position:relative;
  background:var(--branco);border-radius:var(--raio-g);
  padding:clamp(26px,3vw,36px);
  border:var(--borda);
  box-shadow:var(--sombra-sutil);
  overflow:hidden;
  transition:transform .3s cubic-bezier(.34,1.2,.5,1),box-shadow .3s ease;
}
.pilar:hover{transform:translateY(-6px);box-shadow:var(--sombra-alta)}
.pilar::before{
  content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--cor);
}
.pilar__n{
  font-family:var(--fonte-display);font-size:3.1rem;font-weight:700;
  font-variation-settings:"SOFT" 40,"WONK" 1;
  color:color-mix(in srgb,var(--cor) 80%,transparent);
  line-height:.9;margin-bottom:14px;font-variant-numeric:tabular-nums;
}
.pilar h3{margin-bottom:10px}
.pilar p{font-size:.97rem;color:var(--texto-suave)}
.pilar:nth-child(1){--cor:var(--rosa)}
.pilar:nth-child(2){--cor:var(--ambar)}
.pilar:nth-child(3){--cor:var(--verde)}
.pilar:nth-child(4){--cor:var(--tinta-700)}

/* ========================== ATUAÇÃO =========================== */
.atuacao{background:var(--papel)}
.atuacao__cabeca{max-width:680px;margin-bottom:clamp(44px,5.5vw,76px)}

.frente{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(32px,5vw,68px);align-items:center;
}
.frente+.frente{margin-top:clamp(56px,7vw,104px)}
.frente--espelhada .frente__arte{order:2}
@media (max-width:900px){
  .frente{grid-template-columns:1fr;gap:28px}
  .frente--espelhada .frente__arte{order:0}
}

.frente__arte{position:relative;z-index:0}
.frente__arte img{
  width:100%;aspect-ratio:1/1;object-fit:cover;
  border-radius:var(--folha);
  box-shadow:var(--sombra-media);
}
.frente--espelhada .frente__arte img{border-radius:36% 64% 42% 58%/58% 44% 56% 42%}
.frente__eco{
  position:absolute;inset:auto -18px -18px auto;
  width:64%;height:64%;z-index:-1;
  border-radius:var(--folha);
  background:color-mix(in srgb,var(--ceu) 70%,transparent);
}
.frente__eco--ambar{background:color-mix(in srgb,var(--ambar) 34%,transparent)}
.frente__eco--verde{background:color-mix(in srgb,var(--verde) 34%,transparent)}

.frente__tag{
  display:inline-block;padding:6px 14px;margin-bottom:18px;
  background:var(--papel-3);border-radius:999px;
  font-size:.74rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--tinta);
}
.frente h3{font-size:clamp(1.6rem,1.2rem + 1.5vw,2.3rem);margin-bottom:16px;font-variation-settings:"SOFT" 28,"WONK" 1,"opsz" 60}
.frente p{color:var(--texto-suave)}
.frente p+p{margin-top:1em}

.marcas{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:11px}
.marcas li{display:flex;align-items:flex-start;gap:11px;font-size:.97rem;color:var(--texto)}
.marcas svg{width:19px;height:19px;flex:none;margin-top:4px;color:var(--verde-800)}

/* ===================== PROTEÇÃO SOCIAL ======================== */
.protecao{
  background:var(--tinta-900);color:var(--papel);position:relative;overflow:clip;z-index:1;
}
.protecao::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(42% 46% at 88% 8%,rgba(228,52,100,.24) 0%,transparent 70%),
    radial-gradient(38% 40% at 4% 92%,rgba(84,188,92,.2) 0%,transparent 70%);
}
.protecao > *{position:relative}
.protecao h2{color:var(--papel)}
.protecao .lead{color:color-mix(in srgb,var(--papel) 76%,transparent)}
.protecao__cabeca{max-width:680px;margin-bottom:clamp(40px,5vw,64px)}

.niveis{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2.2vw,24px);align-items:start}
@media (max-width:900px){.niveis{grid-template-columns:1fr}}

.nivel{
  --cor:var(--verde);--cor-rotulo:#8ade92;
  background:color-mix(in srgb,var(--papel) 7%,transparent);
  border:1px solid color-mix(in srgb,var(--papel) 16%,transparent);
  border-radius:var(--raio-g);
  padding:clamp(24px,3vw,32px);
  backdrop-filter:blur(6px);
}
.nivel--media{--cor:var(--ambar);--cor-rotulo:#ffc978}
.nivel--alta{--cor:var(--rosa);--cor-rotulo:#ff8fae}

.nivel__grau{
  display:inline-flex;align-items:center;gap:8px;margin-bottom:16px;
  font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--cor-rotulo);
}
.nivel__grau::before{
  content:"";width:9px;height:9px;border-radius:50%;background:var(--cor);
  box-shadow:0 0 0 4px color-mix(in srgb,var(--cor) 22%,transparent);
}
.nivel h3{color:var(--papel);margin-bottom:14px}
.nivel ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}
.nivel li{
  position:relative;padding-left:20px;font-size:.95rem;line-height:1.5;
  color:color-mix(in srgb,var(--papel) 82%,transparent);
}
.nivel li::before{
  content:"";position:absolute;left:0;top:.62em;
  width:7px;height:7px;border-radius:2px 6px 2px 6px;background:var(--cor);
}

/* =========================== EVENTOS ========================== */
.eventos{background:var(--papel-2)}
.eventos__cabeca{max-width:660px;margin-bottom:clamp(40px,5vw,62px)}
.eventos__grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(20px,2.6vw,28px)}

.evento{
  background:var(--branco);border-radius:var(--raio-g);overflow:hidden;
  border:var(--borda);box-shadow:var(--sombra-sutil);
  display:flex;flex-direction:column;
  transition:transform .3s cubic-bezier(.34,1.2,.5,1),box-shadow .3s ease;
}
.evento:hover{transform:translateY(-6px);box-shadow:var(--sombra-alta)}
.evento__foto{aspect-ratio:16/10;overflow:hidden;background:var(--papel-3)}
.evento__foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.evento:hover .evento__foto img{transform:scale(1.05)}
.evento__corpo{padding:clamp(22px,2.6vw,28px);display:flex;flex-direction:column;flex:1}
.evento h3{margin-bottom:10px;font-size:1.32rem}
.evento p{font-size:.96rem;color:var(--texto-suave)}
.evento__onde{
  display:flex;align-items:flex-start;gap:9px;margin-top:auto;padding-top:18px;
  font-size:.86rem;color:var(--tinta);font-weight:600;
}
.evento__onde svg{width:17px;height:17px;flex:none;margin-top:3px;color:var(--rosa)}

/* ========================= DEPOIMENTOS ======================== */
.vozes{background:var(--papel);overflow:clip}
.vozes__cabeca{max-width:620px;margin-bottom:clamp(40px,5vw,62px)}
.vozes__grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(272px,1fr));gap:clamp(20px,2.6vw,28px)}

.voz{
  position:relative;
  background:var(--branco);border-radius:var(--raio-g);
  padding:clamp(28px,3.2vw,38px) clamp(24px,3vw,34px) clamp(24px,3vw,30px);
  border:var(--borda);box-shadow:var(--sombra-sutil);
  display:flex;flex-direction:column;
}
.voz:nth-child(1){rotate:-.7deg}
.voz:nth-child(3){rotate:.7deg}
.voz::before{
  content:"\201C";
  position:absolute;top:-.06em;left:18px;
  font-family:var(--fonte-display);font-size:6.5rem;font-weight:700;
  font-variation-settings:"SOFT" 40,"WONK" 1;
  color:color-mix(in srgb,var(--ambar) 46%,transparent);
  line-height:1;pointer-events:none;
}
.voz blockquote{
  position:relative;margin:0 0 22px;
  font-family:var(--fonte-display);
  font-variation-settings:"SOFT" 22,"WONK" 0,"opsz" 40;
  font-size:1.1rem;line-height:1.5;color:var(--tinta);
}
.voz figcaption{margin-top:auto;display:flex;align-items:center;gap:12px}
.voz__inicial{
  width:44px;height:44px;flex:none;border-radius:50%;
  display:grid;place-items:center;
  background:var(--papel-3);color:var(--tinta);
  font-family:var(--fonte-display);font-weight:700;font-size:1.15rem;
}
.voz__nome{display:block;font-weight:700;color:var(--tinta);font-size:.98rem;line-height:1.3}
.voz__idade{display:block;font-size:.85rem;color:var(--texto-suave)}

/* ========================== COMO AJUDAR ======================= */
.ajudar{background:var(--papel-2);position:relative;overflow:clip}
.ajudar__cabeca{max-width:660px;margin-bottom:clamp(40px,5vw,62px)}
.ajudar__grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(238px,1fr));gap:clamp(18px,2.4vw,24px)}

.modo{
  --cor:var(--rosa);
  display:flex;flex-direction:column;
  background:var(--branco);border:var(--borda);border-radius:var(--raio-g);
  padding:clamp(24px,2.8vw,32px);
  box-shadow:var(--sombra-sutil);
  transition:transform .3s cubic-bezier(.34,1.2,.5,1),box-shadow .3s ease,border-color .3s ease;
}
.modo:hover{transform:translateY(-6px);box-shadow:var(--sombra-alta);border-color:color-mix(in srgb,var(--cor) 45%,transparent)}
.modo:nth-child(2){--cor:var(--ambar)}
.modo:nth-child(3){--cor:var(--verde)}
.modo:nth-child(4){--cor:var(--tinta-700)}
.modo__icone{
  width:54px;height:54px;border-radius:17px;margin-bottom:18px;
  display:grid;place-items:center;
  background:color-mix(in srgb,var(--cor) 15%,transparent);
  color:var(--cor);
}
.modo:nth-child(1) .modo__icone{color:var(--rosa-800)}
.modo:nth-child(3) .modo__icone{color:var(--verde-800)}
.modo:nth-child(2) .modo__icone{color:var(--ambar-900)}
.modo__icone svg{width:26px;height:26px}
.modo h3{margin-bottom:9px;font-size:1.2rem}
.modo p{font-size:.94rem;color:var(--texto-suave);margin-bottom:20px}
.modo__link{
  margin-top:auto;display:inline-flex;align-items:center;gap:7px;
  font-weight:700;font-size:.94rem;color:var(--rosa-800);text-decoration:none;
  min-height:24px;
}
.modo__link:hover{color:var(--tinta)}
.modo__link svg{width:15px;height:15px;transition:transform .2s ease}
.modo__link:hover svg{transform:translateX(3px)}

/* chamada final */
.chamada{
  margin-top:clamp(44px,5vw,68px);
  background:var(--tinta);color:var(--papel);
  border-radius:clamp(24px,3.4vw,40px);
  padding:clamp(34px,5vw,66px);
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;
  position:relative;overflow:hidden;
}
.chamada::before{
  content:"";position:absolute;inset:auto -110px -150px auto;width:320px;height:320px;
  border-radius:var(--folha);background:rgba(228,52,100,.16);pointer-events:none;
}
.chamada > *{position:relative}
@media (max-width:820px){.chamada{grid-template-columns:1fr;text-align:left}}
.chamada h2{color:var(--papel);font-size:clamp(1.7rem,1.3rem + 1.8vw,2.6rem);margin-bottom:14px}
.chamada p{color:color-mix(in srgb,var(--papel) 80%,transparent);max-width:52ch}
.chamada__acoes{display:flex;flex-wrap:wrap;gap:13px}
.chamada__acoes .num{white-space:nowrap}
@media (max-width:520px){
  .chamada__acoes{flex-direction:column;align-items:stretch}
  .chamada__acoes .btn{width:100%}
}

/* =========================== CONTATO ========================== */
.contato{background:var(--papel)}
.contato__grade{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(32px,4.5vw,64px);align-items:start;
}
@media (max-width:900px){.contato__grade{grid-template-columns:1fr;gap:36px}}

.canais{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:14px}
.canal{
  display:flex;align-items:flex-start;gap:16px;
  padding:18px 22px;min-height:76px;
  background:var(--branco);border:var(--borda);border-radius:var(--raio);
  text-decoration:none;color:inherit;
  box-shadow:var(--sombra-sutil);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.canal:hover{transform:translateX(4px);box-shadow:var(--sombra-media);border-color:color-mix(in srgb,var(--rosa) 40%,transparent);color:inherit}
.canal__icone{
  width:46px;height:46px;flex:none;border-radius:14px;display:grid;place-items:center;
  background:var(--papel-3);color:var(--tinta);
  margin-top:1px;
}
.canal__icone svg{width:22px;height:22px}
.canal__texto{display:flex;flex-direction:column;justify-content:center;min-height:46px}
.canal__texto b{display:block;font-size:.72rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--texto-suave);margin-bottom:2px}
.canal__texto span{display:block;font-weight:700;color:var(--tinta);font-size:1.02rem;line-height:1.3;word-break:break-word}

.mapa{
  border-radius:var(--raio-g);overflow:hidden;border:var(--borda);
  box-shadow:var(--sombra-media);background:var(--papel-3);
}
.mapa iframe{display:block;width:100%;height:340px;border:0}
.mapa__pe{
  display:grid;grid-template-columns:auto 1fr;align-items:start;gap:11px;
  padding:20px 24px;background:var(--branco);
  font-size:.94rem;line-height:1.5;color:var(--tinta);font-weight:600;
}
.mapa__pe svg{width:19px;height:19px;flex:none;margin-top:3px;color:var(--rosa)}

/* ============================ RODAPÉ ========================== */
.rodape{background:var(--tinta-900);color:color-mix(in srgb,var(--papel) 74%,transparent);padding-block:clamp(52px,6vw,80px) 0}
.rodape__topo{
  display:grid;grid-template-columns:minmax(0,1.3fr) repeat(2,minmax(0,1fr));
  gap:clamp(28px,4vw,56px);
  padding-bottom:clamp(36px,4.5vw,56px);
}
@media (max-width:820px){.rodape__topo{grid-template-columns:1fr;gap:32px}}
.rodape img.marca{width:190px;margin-bottom:20px}
.rodape p{font-size:.95rem;max-width:42ch}
.rodape h3{color:var(--papel);margin-bottom:16px;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-family:var(--fonte-corpo);font-weight:700}
.rodape ul{list-style:none;padding:0;margin:0;display:grid;gap:11px}
.rodape a{color:color-mix(in srgb,var(--papel) 78%,transparent);text-decoration:none;font-size:.95rem;display:inline-block;min-height:24px}
.rodape a:hover{color:var(--ambar);text-decoration:underline;text-underline-offset:4px}

.social{display:flex;gap:11px;margin-top:22px}
.social a{
  width:46px;height:46px;border-radius:14px;display:grid;place-items:center;
  background:color-mix(in srgb,var(--papel) 10%,transparent);
  border:1px solid color-mix(in srgb,var(--papel) 18%,transparent);
  color:var(--papel);transition:background-color .2s ease,transform .2s ease,color .2s ease;
}
.social a:hover{background:var(--rosa);border-color:var(--rosa);color:var(--branco);transform:translateY(-3px)}
.social svg{width:21px;height:21px}

.rodape__base{
  border-top:1px solid color-mix(in srgb,var(--papel) 14%,transparent);
  padding-block:26px calc(26px + env(safe-area-inset-bottom));
  display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;justify-content:space-between;
  font-size:.85rem;
}
.rodape__base p{max-width:none}

/* botão flutuante do WhatsApp ---------------------------------- */
.zap{
  position:fixed;right:clamp(16px,3vw,28px);
  bottom:calc(clamp(16px,3vw,28px) + env(safe-area-inset-bottom));
  z-index:800;
  width:60px;height:60px;border-radius:50%;
  display:grid;place-items:center;
  background:#1faa54;color:#fff;
  box-shadow:0 8px 26px rgba(31,170,84,.42);
  transition:transform .25s cubic-bezier(.34,1.4,.5,1),box-shadow .25s ease,opacity .3s ease,visibility .3s;
  opacity:0;visibility:hidden;transform:scale(.7);
}
.zap[data-visivel="sim"]{opacity:1;visibility:visible;transform:scale(1)}
.zap:hover{background:#178f45;color:#fff;transform:scale(1.08);box-shadow:0 12px 32px rgba(31,170,84,.5)}
.zap svg{width:31px;height:31px}

/* revelação no scroll ------------------------------------------ */
.rv{opacity:0;transform:translateY(26px);transition:opacity .75s cubic-bezier(.22,.7,.3,1),transform .75s cubic-bezier(.22,.7,.3,1)}
.rv[data-visto="sim"]{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.01ms !important;animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .rv{opacity:1;transform:none}
  .hero h1 em path{stroke-dashoffset:0}
  .raiz path{stroke-dashoffset:0}
}