/* =========================================================
   GAGI Kids Brain : Landing Page
   Paleta extraída das artes oficiais do produto
   ========================================================= */

:root{
  /* Azuis da marca (fundo do hero) */
  --blue-300:#7FCDF2;
  --blue-400:#3FB2EA;
  --blue-500:#12A0E0;
  --blue-600:#0B82C4;
  --blue-700:#0A69A6;

  /* Azul-marinho dos títulos */
  --navy:#0F4E96;
  --navy-800:#0B3E7C;
  --navy-900:#082F5F;

  /* Azul-claro dos fundos de seção */
  --sky-50:#F4FBFF;
  --sky-100:#E2F4FE;
  --sky-200:#CDEBFB;
  --sky-300:#A9DBF7;

  /* Acentos do Gaginho e dos selos */
  --orange:#F6791C;
  --orange-600:#E2650A;
  --orange-100:#FFE7D3;
  --purple:#6E3FA3;
  --purple-300:#9B6BCB;
  --green:#35A853;
  --pink:#EC4C86;
  --yellow:#FFC531;

  /* Neutros */
  --cream:#F6F3EC;
  --white:#FFFFFF;
  --ink:#12314F;
  --muted:#5A7794;
  --line:#DCEBF7;

  /* Sistema */
  --radius-sm:12px;
  --radius:20px;
  --radius-lg:28px;
  --radius-xl:40px;
  --shadow-sm:0 2px 10px rgba(11,62,124,.08);
  --shadow:0 12px 30px rgba(11,62,124,.12);
  --shadow-lg:0 24px 60px rgba(11,62,124,.18);
  --container:1180px;
  --ease:cubic-bezier(.22,.9,.3,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{
  margin:0;
  font-family:"Nunito Sans","Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--ink);
  background:var(--white);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4{font-family:"Poppins",sans-serif;font-weight:800;line-height:1.12;margin:0;letter-spacing:-.02em}
p{margin:0}
ul{margin:0;padding:0;list-style:none}

/* ---------- Layout ---------- */
.container{width:min(100% - 40px,var(--container));margin-inline:auto}
.section{padding:clamp(56px,8vw,104px) 0;position:relative}
.section--sky{background:var(--sky-100)}
.section--cream{background:var(--cream)}
.center{text-align:center}

.eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-family:"Poppins",sans-serif;font-weight:700;font-size:.78rem;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--blue-600);background:var(--sky-100);
  border:1px solid var(--sky-300);
  padding:8px 16px;border-radius:999px;margin-bottom:18px;
}
.section--sky .eyebrow{background:var(--white);border-color:var(--white)}

.h-section{
  font-size:clamp(1.75rem,4.2vw,2.85rem);
  color:var(--navy);max-width:20ch;margin-inline:auto;
}
.h-section .hl{color:var(--blue-500)}
.lead{
  font-size:clamp(1rem,2.1vw,1.22rem);color:var(--muted);
  max-width:56ch;margin:18px auto 0;font-weight:600;
}
.lead--strong{color:var(--blue-600);font-style:italic;font-weight:700}

/* ---------- Botões ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  font-family:"Poppins",sans-serif;font-weight:700;font-size:1.02rem;
  padding:17px 34px;border-radius:999px;
  transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s var(--ease);
  text-align:center;line-height:1.2;
}
.btn:hover{transform:translateY(-3px)}
.btn--primary{
  background:linear-gradient(180deg,#FF8B33,var(--orange));
  color:#fff;box-shadow:0 12px 26px rgba(226,101,10,.38);
}
.btn--primary:hover{box-shadow:0 18px 34px rgba(226,101,10,.46)}
.btn--ghost{
  background:rgba(255,255,255,.16);color:#fff;
  border:2px solid rgba(255,255,255,.55);backdrop-filter:blur(6px);
}
.btn--ghost:hover{background:rgba(255,255,255,.26)}
.btn--navy{background:var(--navy);color:#fff;box-shadow:0 12px 26px rgba(11,62,124,.28)}
.btn--lg{font-size:1.12rem;padding:20px 44px}
.btn--block{width:100%}
.btn--pulse{position:relative}
.btn--pulse::after{
  content:"";position:absolute;inset:-4px;border-radius:999px;
  border:2px solid rgba(246,121,28,.6);animation:pulse 2.4s infinite;
}
@keyframes pulse{
  0%{transform:scale(1);opacity:.7}
  70%{transform:scale(1.16);opacity:0}
  100%{opacity:0}
}

/* ---------- Header ---------- */
.header{
  position:fixed;inset:0 0 auto;z-index:60;
  padding:16px 0;transition:all .3s var(--ease);
}
.header.is-stuck{
  background:rgba(255,255,255,.94);backdrop-filter:blur(12px);
  box-shadow:var(--shadow-sm);padding:10px 0;
}
.header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.logo{display:flex;align-items:center;gap:10px}
.logo__mark{width:44px;height:44px;flex:none}
.logo__text{
  font-family:"Baloo 2","Poppins",sans-serif;font-weight:800;font-size:1.5rem;
  line-height:1;color:#fff;transition:color .3s;
}
.logo__text small{
  display:block;font-size:.58rem;letter-spacing:.32em;text-transform:uppercase;
  font-weight:700;opacity:.85;font-family:"Poppins",sans-serif;
}
.header.is-stuck .logo__text{color:var(--navy)}
.nav{display:flex;align-items:center;gap:30px}
.nav a{font-weight:700;font-size:.95rem;color:#fff;opacity:.92;transition:opacity .2s,color .3s}
.nav a:hover{opacity:1}
.header.is-stuck .nav a{color:var(--navy-800)}
.header__cta{padding:12px 26px;font-size:.94rem}
@media (max-width:900px){.nav{display:none}.header__cta{padding:11px 20px;font-size:.86rem}}

/* ---------- HERO ---------- */
.hero{
  position:relative;overflow:hidden;
  background:linear-gradient(165deg,#2FB3EC 0%,var(--blue-500) 42%,var(--blue-600) 100%);
  padding:clamp(120px,15vw,170px) 0 0;color:#fff;
}
.hero__blobs{position:absolute;inset:0;pointer-events:none;opacity:.7}
.hero__blobs > *{position:absolute}
.blob-1{top:-70px;left:-50px;width:340px;color:#4FC0F0}
.blob-2{top:20px;right:-40px;width:300px;color:#69CBF3}
.blob-3{bottom:8px;left:1%;width:76px;color:var(--orange);opacity:.7}
.blob-4{top:34%;right:5%;width:120px;color:#7FD5F7}
.hero__grid{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;
}
.hero h1{
  font-size:clamp(2.25rem,5.6vw,4.05rem);
  text-shadow:0 4px 22px rgba(8,47,95,.22);
}
.hero__sub{
  font-family:"Poppins",sans-serif;font-weight:600;
  font-size:clamp(1.05rem,2.3vw,1.42rem);
  margin-top:20px;max-width:25ch;color:rgba(255,255,255,.96);
  text-shadow:0 2px 12px rgba(8,47,95,.18);
}
.hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}
.hero__note{
  margin-top:26px;font-weight:700;font-size:.98rem;color:rgba(255,255,255,.92);
  display:flex;align-items:center;gap:9px;
}
.hero__note svg{width:20px;height:20px;flex:none}
.hero__visual{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:450px}
.hero__glow{
  position:absolute;width:80%;aspect-ratio:1;border-radius:50%;
  background:radial-gradient(circle,rgba(255,255,255,.34),transparent 62%);
  bottom:6%;
}
.hero__jar{
  width:min(340px,60%);position:relative;z-index:2;
  filter:drop-shadow(0 30px 40px rgba(8,47,95,.35));
  animation:float 6s ease-in-out infinite;
}
.hero__mascot{
  width:min(215px,38%);position:relative;z-index:3;margin-left:-46px;
  filter:drop-shadow(0 20px 26px rgba(8,47,95,.3));
  animation:float 6s ease-in-out infinite .7s;
}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.hero__tagline{
  position:relative;z-index:2;text-align:center;
  font-family:"Poppins",sans-serif;font-weight:600;font-size:clamp(1rem,2vw,1.2rem);
  padding:10px 0 34px;color:rgba(255,255,255,.95);
}
@media (max-width:940px){
  .hero__grid{grid-template-columns:1fr;text-align:center;gap:10px}
  .hero__sub{margin-inline:auto}
  .hero__actions{justify-content:center}
  .hero__note{justify-content:center}
  .hero__visual{min-height:330px}
  .hero__jar{width:54%}
  .hero__mascot{width:33%}
}

/* ---------- Selos ---------- */
.seals{background:var(--white);padding:36px 0;border-bottom:1px solid var(--line)}
.seals__track{display:grid;grid-template-columns:repeat(8,1fr);gap:16px}
.seal{display:grid;justify-items:center;gap:9px;text-align:center}
.seal__ring{
  width:66px;height:66px;border-radius:50%;
  border:2.5px solid var(--orange);
  display:grid;place-items:center;color:var(--blue-600);
  background:var(--white);transition:transform .3s var(--ease);
}
.seal:hover .seal__ring{transform:translateY(-5px) rotate(-4deg)}
.seal__ring svg{width:32px;height:32px}
.seal span{
  font-family:"Poppins",sans-serif;font-weight:700;font-size:.73rem;
  color:var(--navy-800);line-height:1.25;max-width:12ch;
}
@media (max-width:860px){.seals__track{grid-template-columns:repeat(4,1fr);gap:22px}}
@media (max-width:430px){.seals__track{grid-template-columns:repeat(2,1fr)}}

/* ---------- Barra de prova social ---------- */
.proofbar{background:var(--cream);padding:22px 0}
.proofbar__inner{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 30px}
.proofbar__badge{
  display:inline-flex;align-items:center;gap:10px;
  font-family:"Poppins",sans-serif;font-weight:700;font-size:.94rem;color:var(--navy);
}
.proofbar__badge svg{width:26px;height:26px;color:var(--blue-500);flex:none}

/* ---------- Benefícios ---------- */
.benefits__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:52px}
.bcard{
  background:var(--white);border:1px solid var(--line);
  border-radius:var(--radius-lg);overflow:hidden;
  display:flex;flex-direction:column;
  box-shadow:var(--shadow-sm);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.bcard:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}
.bcard__media{
  position:relative;aspect-ratio:16/10;overflow:hidden;
  background:linear-gradient(165deg,var(--s1),var(--s2));
}
.bcard__scene{
  position:absolute;inset:0;width:100%;height:100%;
  transition:transform .5s var(--ease);
}
.bcard:hover .bcard__scene{transform:scale(1.05)}
/* se entrar foto real no lugar da cena, ela assume o card */
.bcard__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bcard__media:has(img) .bcard__scene{display:none}
.bcard__body{padding:24px 24px 28px;flex:1}
.bcard h3{font-size:1.16rem;color:var(--navy);line-height:1.28}
.bcard p{margin-top:10px;color:var(--muted);font-weight:600;font-size:.95rem}
@media (max-width:900px){.benefits__grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.benefits__grid{grid-template-columns:1fr}}

/* ---------- Perfis ---------- */
.profiles__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 24px;margin-top:48px}
.profile{display:grid;justify-items:center;gap:14px;text-align:center}
.profile__circle{
  width:clamp(132px,17vw,180px);aspect-ratio:1;border-radius:50%;
  display:grid;place-items:center;color:#fff;
  border:6px solid var(--white);box-shadow:var(--shadow);
  transition:transform .35s var(--ease);
}
.profile:hover .profile__circle{transform:scale(1.05) rotate(3deg)}
.profile__circle svg{width:46%;height:46%}
.profile h3{font-size:1.06rem;color:var(--navy-800);max-width:17ch}
.profile p{font-size:.9rem;color:var(--muted);max-width:24ch;font-weight:600}
.profiles__close{
  margin:54px auto 0;text-align:center;
  font-family:"Poppins",sans-serif;font-weight:800;
  font-size:clamp(1.1rem,2.6vw,1.55rem);color:var(--navy);
  max-width:26ch;line-height:1.35;
}
@media (max-width:760px){.profiles__grid{grid-template-columns:repeat(2,1fr)}}

/* ---------- Pilares ---------- */
.pillars{background:linear-gradient(160deg,#6FCBF0,var(--blue-400) 58%,#2FA9E4);color:#fff;overflow:hidden}
.pillars .h-section{color:#fff;text-shadow:0 3px 16px rgba(8,47,95,.24)}
.pillars__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.pillar{
  background:rgba(255,255,255,.85);color:var(--ink);
  border-radius:var(--radius-lg);padding:34px 26px;text-align:center;
  box-shadow:0 18px 40px rgba(8,47,95,.16);
  transition:transform .35s var(--ease);
}
.pillar:hover{transform:translateY(-8px)}
.pillar__ico{width:78px;height:78px;margin:0 auto 18px}
.pillar h3{font-size:1.24rem;color:var(--navy);margin-bottom:10px}
.pillar p{color:var(--muted);font-weight:600;font-size:.99rem}
.pillars__banner{
  margin-top:46px;background:rgba(255,255,255,.92);border-radius:var(--radius);
  padding:26px 30px;text-align:center;
  font-family:"Poppins",sans-serif;font-weight:800;color:var(--navy);
  font-size:clamp(1.05rem,2.4vw,1.45rem);line-height:1.4;
}
.pillars__banner sup{font-size:.5em;vertical-align:super}
@media (max-width:820px){.pillars__grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}

/* ---------- Composição ---------- */
.formula{background:linear-gradient(170deg,var(--blue-600),#0A5E9B 55%,var(--navy-800));color:#fff;overflow:hidden}
.formula .h-section{color:#fff;max-width:22ch}
.formula .chip{
  display:inline-block;background:var(--navy-900);color:#fff;
  border:2px solid var(--orange);border-radius:16px;padding:0 14px;
}
.formula__lead{color:rgba(255,255,255,.9);font-weight:700;margin-top:16px}
.formula__lead b{color:var(--orange);font-weight:800}
.formula__stage{display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:center;margin-top:52px}
.formula__jar{width:min(330px,100%);margin-inline:auto;filter:drop-shadow(0 26px 44px rgba(0,0,0,.4))}
.nutri{display:grid;gap:13px}
.nutri__item{
  display:flex;align-items:center;gap:14px;
  background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.17);
  border-radius:999px;padding:8px 18px 8px 8px;
  transition:transform .3s var(--ease),background .3s;
}
.nutri__item:hover{transform:translateX(6px);background:rgba(255,255,255,.17)}
.nutri--right .nutri__item{flex-direction:row-reverse;padding:8px 8px 8px 18px}
.nutri--right .nutri__item:hover{transform:translateX(-6px)}
.nutri__pill{
  width:46px;height:46px;border-radius:50%;flex:none;display:grid;place-items:center;
  font-family:"Poppins",sans-serif;font-weight:800;font-size:.92rem;color:#fff;
  box-shadow:0 6px 14px rgba(0,0,0,.28);
}
.nutri__item span{font-family:"Poppins",sans-serif;font-weight:700;font-size:.94rem}
.nutri--right .nutri__item span{text-align:right}
.formula__foot{margin-top:44px;text-align:center;color:rgba(255,255,255,.78);font-weight:600;max-width:54ch;margin-inline:auto}
@media (max-width:940px){
  .formula__stage{grid-template-columns:1fr 1fr;gap:18px}
  .formula__jar{grid-column:1/-1;grid-row:1;width:min(250px,70%)}
  .nutri--right .nutri__item{flex-direction:row;padding:8px 18px 8px 8px}
  .nutri--right .nutri__item span{text-align:left}
}
@media (max-width:560px){.formula__stage{grid-template-columns:1fr}}

/* ---------- Depoimentos ---------- */
.testi__stamp{width:98px;margin:0 auto 20px}
.testi__grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:26px;
  align-items:start;margin:46px auto 0;max-width:920px;
}
.testi__item{position:relative}
/* print real da conversa */
.testi__shot{
  width:100%;height:auto;border-radius:var(--radius);
  box-shadow:var(--shadow);
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.testi__item:hover .testi__shot{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
/* .chat tem display:flex, entao [hidden] precisa ser explicito */
.chat[hidden]{display:none}
.chat{
  background:#ECE5DD;border-radius:var(--radius);overflow:hidden;
  box-shadow:var(--shadow);display:flex;flex-direction:column;
  transition:transform .35s var(--ease);
}
.chat:hover{transform:translateY(-6px)}
.chat__top{background:#075E54;color:#fff;display:flex;align-items:center;gap:10px;padding:11px 14px}
.chat__avatar{width:34px;height:34px;border-radius:50%;background:#128C7E;display:grid;place-items:center;flex:none}
.chat__avatar svg{width:20px;height:20px;color:#fff}
.chat__who{font-family:"Poppins",sans-serif;font-weight:700;font-size:.86rem;line-height:1.25}
.chat__who small{display:block;font-weight:600;font-size:.7rem;opacity:.85}
.chat__icons{margin-left:auto;display:flex;gap:12px;opacity:.85}
.chat__icons svg{width:15px;height:15px}
.chat__body{padding:14px;display:grid;gap:9px;flex:1;align-content:start}
.bubble{
  background:#fff;border-radius:10px;padding:9px 12px 6px;
  font-size:.9rem;font-weight:600;color:#1F2C33;max-width:95%;
  box-shadow:0 1px 2px rgba(0,0,0,.13);
}
.bubble--me{background:#DCF8C6;margin-left:auto}
.bubble time{display:block;text-align:right;font-size:.66rem;color:#7C8B92;margin-top:3px;font-weight:700}
.bubble--photo{padding:6px}
.bubble__photo{
  border-radius:8px;overflow:hidden;
  background:linear-gradient(150deg,#DCE9F1,#BED5E3);
  display:grid;place-items:center;padding:16px 10px;position:relative;
}
.bubble__photo .jars{display:flex;gap:6px;align-items:flex-end;justify-content:center}
.bubble__photo .jars svg,.bubble__photo .jars img{width:44px;height:auto;filter:drop-shadow(0 4px 6px rgba(11,62,124,.25))}
.bubble__check{
  position:absolute;right:10px;bottom:10px;width:34px;height:34px;color:#25D366;
  filter:drop-shadow(0 2px 3px rgba(0,0,0,.28));
}
@media (max-width:700px){.testi__grid{grid-template-columns:1fr;max-width:420px}}

/* ---------- Garantia ---------- */
.guarantee{background:var(--white)}
.guarantee__inner{
  display:grid;grid-template-columns:auto 1fr;gap:44px;align-items:center;
  background:var(--sky-50);border:1px solid var(--line);
  border-radius:var(--radius-xl);padding:clamp(28px,5vw,54px);
  box-shadow:var(--shadow-sm);
}
.guarantee__seal{position:relative;width:min(268px,44vw);margin-inline:auto;animation:seal 7s ease-in-out infinite}
.guarantee__seal-ring{width:100%}
.guarantee__seal-jar{
  position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);
  width:33%;height:auto;filter:drop-shadow(0 6px 10px rgba(11,62,124,.28));
}
@keyframes seal{0%,100%{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}
.guarantee h2{font-size:clamp(1.7rem,3.6vw,2.5rem);color:var(--navy);max-width:17ch}
.guarantee p{margin-top:18px;color:var(--muted);font-weight:600;font-size:1.06rem;max-width:48ch}
.guarantee__list{margin-top:22px;display:grid;gap:12px}
.guarantee__list li{display:flex;align-items:flex-start;gap:11px;font-weight:700;color:var(--navy-800)}
.guarantee__list svg{width:22px;height:22px;color:var(--green);flex:none;margin-top:3px}
@media (max-width:840px){
  .guarantee__inner{grid-template-columns:1fr;text-align:center}
  .guarantee h2,.guarantee p{margin-inline:auto}
  .guarantee__list{max-width:420px;margin-inline:auto;text-align:left}
}

/* ---------- Entrega ---------- */
.delivery{background:var(--cream);padding:46px 0;text-align:center}
.delivery h3{font-size:clamp(1.35rem,3.4vw,2.05rem);line-height:1.3}
.delivery .b1{color:var(--blue-600)}
.delivery .b2{color:var(--green)}
.delivery__row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 34px;margin-top:24px}
.delivery__row div{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:var(--navy-800);font-size:.96rem}
.delivery__row svg{width:24px;height:24px;color:var(--blue-500);flex:none}

/* ---------- Oferta ---------- */
.offer{background:linear-gradient(170deg,var(--sky-100),var(--sky-200))}
.kits{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:52px;align-items:stretch}
.kit{
  background:#fff;border-radius:var(--radius-lg);padding:32px 26px 28px;
  border:2px solid var(--line);text-align:center;position:relative;
  box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
  transition:transform .35s var(--ease),box-shadow .35s var(--ease);
}
.kit:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.kit--featured{border-color:var(--orange);box-shadow:var(--shadow);padding-top:44px}
.kit:not(.kit--featured){padding-top:44px}
.kit__tag{
  position:absolute;top:-15px;left:50%;transform:translateX(-50%);
  background:var(--orange);color:#fff;font-family:"Poppins",sans-serif;font-weight:800;
  font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;
  padding:8px 20px;border-radius:999px;white-space:nowrap;
  box-shadow:0 8px 18px rgba(226,101,10,.34);
}
.kit__jars{display:flex;justify-content:center;align-items:flex-end;height:120px;margin-bottom:16px}
.kit__jars svg,.kit__jars img{width:64px;height:auto;margin-inline:-9px;filter:drop-shadow(0 8px 12px rgba(11,62,124,.22))}
.kit h3{font-size:1.32rem;color:var(--navy)}
.kit__sub{font-weight:700;color:var(--blue-600);font-size:.92rem;margin-top:4px}
.kit__off{
  position:absolute;top:16px;right:16px;
  background:var(--green);color:#fff;
  font-family:"Poppins",sans-serif;font-weight:800;font-size:.86rem;
  padding:7px 13px;border-radius:12px;line-height:1;
  box-shadow:0 6px 16px rgba(53,168,83,.35);
}
.kit__tag--alt{background:var(--navy);box-shadow:0 8px 18px rgba(11,62,124,.3)}
.kit__from{margin-top:16px;font-weight:700;font-size:.9rem;color:var(--muted)}
.kit__from s{color:#9AB0C2}
.kit__from--base{visibility:hidden}
.kit__pix{
  margin-top:12px;display:inline-flex;align-items:center;gap:8px;
  background:#E6F8F5;border:1px solid #B9EAE3;border-radius:999px;
  padding:8px 14px;font-weight:700;font-size:.9rem;color:#127D70;
}
.kit__pix svg{width:19px;height:19px;color:#32BCAD;flex:none}
.kit__pix b{font-family:"Poppins",sans-serif;font-weight:800;color:#0E6A5F}
.kit__pix i{
  font-style:normal;background:#32BCAD;color:#fff;
  font-size:.72rem;font-weight:800;padding:3px 8px;border-radius:7px;
}
.offer__safe--pix svg{color:#32BCAD}
.kit__price{margin:4px 0 0;font-family:"Poppins",sans-serif;font-weight:800;color:var(--navy-900);font-size:2.05rem;line-height:1}
.kit__unit{
  margin-top:12px;display:inline-block;
  background:#E7F6EC;color:#1F7A3C;
  font-family:"Poppins",sans-serif;font-weight:800;font-size:.84rem;
  padding:7px 14px;border-radius:999px;
}
.kit__price small{font-size:.86rem;font-weight:700;color:var(--muted);display:block;margin-top:8px}
.kit__list{display:grid;gap:9px;margin:20px 0 24px;text-align:left}
.kit__list li{display:flex;gap:9px;font-weight:600;font-size:.92rem;color:var(--ink)}
.kit__list svg{width:19px;height:19px;color:var(--green);flex:none;margin-top:3px}
.kit .btn{margin-top:auto}
.offer__safe{
  margin-top:32px;display:flex;flex-wrap:wrap;justify-content:center;gap:12px 26px;
  color:var(--muted);font-weight:700;font-size:.88rem;
}
.offer__safe div{display:inline-flex;align-items:center;gap:8px}
.offer__safe svg{width:20px;height:20px;color:var(--blue-600);flex:none}
@media (max-width:900px){.kits{grid-template-columns:1fr;max-width:420px;margin-inline:auto}}

/* ---------- FAQ ---------- */
.faq__list{max-width:820px;margin:44px auto 0;display:grid;gap:14px}
.faq__item{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius);
  overflow:hidden;transition:box-shadow .3s,border-color .3s;
}
.faq__item.is-open{box-shadow:var(--shadow-sm);border-color:var(--sky-300)}
.faq__q{
  width:100%;display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:20px 24px;text-align:left;
  font-family:"Poppins",sans-serif;font-weight:700;font-size:1.02rem;color:var(--navy);
}
.faq__q i{
  width:28px;height:28px;border-radius:50%;background:var(--sky-100);color:var(--blue-600);
  display:grid;place-items:center;flex:none;font-style:normal;font-weight:800;line-height:1;
  transition:transform .3s var(--ease),background .3s,color .3s;
}
.faq__item.is-open .faq__q i{transform:rotate(45deg);background:var(--orange);color:#fff}
.faq__a{max-height:0;overflow:hidden;transition:max-height .38s var(--ease)}
.faq__a p{padding:0 24px 22px;color:var(--muted);font-weight:600}

/* ---------- CTA final ---------- */
.finalcta{
  background:linear-gradient(160deg,var(--blue-500),var(--blue-700));
  color:#fff;text-align:center;position:relative;overflow:hidden;
}
.finalcta h2{font-size:clamp(1.9rem,4.6vw,3.05rem);max-width:19ch;margin-inline:auto;text-shadow:0 4px 20px rgba(8,47,95,.25)}
.finalcta p{margin:20px auto 0;max-width:52ch;font-weight:600;font-size:1.06rem;color:rgba(255,255,255,.93)}
.finalcta__mascot{width:154px;margin:28px auto 22px}
.finalcta__micro{margin-top:18px;font-size:.86rem;color:rgba(255,255,255,.84);font-weight:700}

/* ---------- Footer ---------- */
.footer{background:var(--navy-900);color:rgba(255,255,255,.72);padding:56px 0 30px;font-size:.9rem}
.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:36px}
.footer .logo{margin-bottom:14px}
.footer .logo__text{color:#fff}
.footer h4{color:#fff;font-size:1rem;margin-bottom:14px}
.footer li+li{margin-top:9px}
.footer a:hover{color:#fff}
.footer__legal{
  margin-top:40px;padding-top:24px;border-top:1px solid rgba(255,255,255,.14);
  font-size:.78rem;line-height:1.65;color:rgba(255,255,255,.55);display:grid;gap:10px;
}
@media (max-width:760px){.footer__grid{grid-template-columns:1fr;gap:28px}.footer{padding-bottom:96px}}

/* ---------- Barra fixa mobile ---------- */
.stickybar{
  position:fixed;left:0;right:0;bottom:0;z-index:70;
  background:rgba(255,255,255,.97);backdrop-filter:blur(10px);
  box-shadow:0 -6px 22px rgba(11,62,124,.16);
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  display:none;align-items:center;gap:12px;
  transform:translateY(115%);transition:transform .35s var(--ease);
}
.stickybar.is-visible{transform:translateY(0)}
.stickybar__txt{font-family:"Poppins",sans-serif;font-weight:800;color:var(--navy);font-size:.86rem;line-height:1.25}
.stickybar__txt small{display:block;font-weight:700;color:var(--muted);font-size:.72rem}
.stickybar .btn{margin-left:auto;padding:13px 22px;font-size:.9rem;white-space:nowrap}
@media (max-width:760px){.stickybar{display:flex}}

/* ---------- Reveal ---------- */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease)}
.reveal.is-in{opacity:1;transform:none}
.reveal[data-delay="1"]{transition-delay:.09s}
.reveal[data-delay="2"]{transition-delay:.18s}
.reveal[data-delay="3"]{transition-delay:.27s}
.reveal[data-delay="4"]{transition-delay:.36s}
.reveal[data-delay="5"]{transition-delay:.45s}

@media (prefers-reduced-motion:reduce){
  .hero__jar,.hero__mascot,.btn--pulse::after,.guarantee__seal{animation:none}
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ---------- Utilidades ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}

/* ---------- Faixas de CTA no meio da página ---------- */
.ctaband{
  display:flex;align-items:center;justify-content:space-between;gap:26px;
  border-radius:var(--radius-lg);padding:30px 34px;margin-top:52px;
}
.ctaband h3{font-size:clamp(1.15rem,2.4vw,1.5rem);line-height:1.3}
.ctaband p{margin-top:8px;font-weight:600;font-size:.98rem}
.ctaband .btn{flex:none}
.ctaband--soft{
  background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);
}
.ctaband--soft h3{color:var(--navy)}
.ctaband--soft p{color:var(--muted)}
.ctaband--strong{
  background:linear-gradient(150deg,var(--blue-500),var(--blue-700));
  color:#fff;box-shadow:0 18px 40px rgba(8,47,95,.22);
}
.ctaband--strong p{color:rgba(255,255,255,.9)}
.ctaband--glass{
  background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);
  color:#fff;backdrop-filter:blur(4px);
}
.ctaband--glass p{color:rgba(255,255,255,.85)}
.ctaband__price{
  font-family:"Poppins",sans-serif;font-weight:800;white-space:nowrap;
}
@media (max-width:820px){
  .ctaband{flex-direction:column;text-align:center;padding:28px 24px}
  .ctaband .btn{width:100%}
}

/* ---------- Mobile: alvos de toque e legibilidade ---------- */
@media (max-width:760px){
  /* o dedo precisa de area: 44px e o minimo confortavel */
  .header__cta{min-height:44px}
  .nav a{padding:8px 0}

  .footer__grid a{display:inline-block;padding:12px 0;line-height:1.35}
  .footer li + li{margin-top:2px}

  /* a garantia do hero centraliza junto com o resto */
  .hero__note{justify-content:center;text-align:center;align-items:flex-start}
  .hero__note svg{margin-top:2px}

  /* rotulos dos selos e da barra fixa estavam abaixo de 12px */
  .seal span{font-size:.78rem;max-width:14ch}
  .stickybar__txt small{font-size:.78rem}
  .kit__tag,.kit__tag--alt{font-size:.78rem}

  /* nada de zoom involuntario no iOS: campo com fonte menor que 16px */
  input,select,textarea{font-size:16px}
}

@media (max-width:620px){
  /* em tela estreita o rabisco encostava na frase do rodape do hero */
  .blob-3{display:none}
}

@media (max-width:420px){
  .ctaband{padding:24px 20px}
  .kit{padding-left:20px;padding-right:20px}
  .profile h3{font-size:1rem}
}

/* ---------- Preço no hero ---------- */
.hero__preco{
  display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;
  margin-top:24px;padding:11px 22px;
  background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.36);
  border-radius:999px;backdrop-filter:blur(6px);
}
.hero__preco span{font-weight:700;font-size:.95rem;color:rgba(255,255,255,.92)}
.hero__preco b{font-family:"Poppins",sans-serif;font-weight:800;font-size:1.45rem;color:#fff}
.hero__preco i{
  display:inline-flex;align-items:center;gap:6px;font-style:normal;
  font-weight:700;font-size:.86rem;color:#C6F5EC;
}
.hero__preco i svg{width:15px;height:15px;color:#7FE3D5;flex:none}

/* ---------- Faixa de preços ---------- */
.precos{background:var(--sky-100);padding:36px 0}
.precos__inner{display:grid;gap:20px;justify-items:center;text-align:center}
.precos__titulo{
  font-family:"Poppins",sans-serif;font-weight:800;color:var(--navy);
  font-size:clamp(1.05rem,2.4vw,1.32rem);
}
.precos__lista{display:flex;flex-wrap:wrap;justify-content:center;gap:16px}
.precos__lista li{position:relative}
.precos__lista a{
  display:grid;justify-items:center;gap:3px;height:100%;
  background:var(--white);border:2px solid var(--line);border-radius:var(--radius);
  padding:18px 28px;min-width:168px;
  transition:transform .25s var(--ease),border-color .25s,box-shadow .25s;
}
.precos__lista a:hover{transform:translateY(-4px);border-color:var(--blue-400);box-shadow:var(--shadow)}
.precos__lista b{font-family:"Poppins",sans-serif;font-weight:700;font-size:.9rem;color:var(--muted)}
.precos__lista span{
  font-family:"Poppins",sans-serif;font-weight:800;font-size:1.55rem;
  color:var(--navy-900);line-height:1.1;
}
.precos__lista small{font-size:.78rem;font-weight:700;color:#127D70}
.precos__lista .is-destaque a{
  border-color:var(--orange);box-shadow:0 10px 26px rgba(226,101,10,.16);
}
.precos__lista em{
  position:absolute;top:-11px;left:50%;transform:translateX(-50%);z-index:2;
  background:var(--orange);color:#fff;font-style:normal;
  font-family:"Poppins",sans-serif;font-weight:800;font-size:.66rem;
  letter-spacing:.06em;text-transform:uppercase;
  padding:5px 12px;border-radius:99px;white-space:nowrap;
}
.precos__nota{
  display:inline-flex;align-items:flex-start;justify-content:center;gap:9px;
  font-weight:700;font-size:.92rem;color:var(--muted);max-width:56ch;text-align:left;
}
.precos__nota span{flex:1}
.precos__nota svg{width:18px;height:18px;color:#32BCAD;flex:none;margin-top:2px}

@media (max-width:620px){
  .precos__lista{width:100%;gap:12px}
  .precos__lista li{width:100%}
  .precos__lista .is-destaque{margin-top:10px}
  .precos__lista a{
    width:100%;min-width:0;padding:14px 18px;
    grid-template-columns:1fr auto;justify-items:start;align-items:center;gap:2px 12px;
  }
  .precos__lista span{grid-row:1/3;grid-column:2;align-self:center}
  .precos__lista small{grid-column:1}
}