/* LP Outubro Rosa · Pós-graduação em Nutrição Oncológica · Instituto LG
   Regra da campanha: navy manda, rosa aponta. Em novembro, trocar só o bloco "acento".
   Raios: botões e campos 10px · cartões e painéis 16px · selo e marcos em pílula/círculo. */

:root{
  /* marca (Brand Book ILG) */
  --navy:#10056b;
  --navy-fundo:#050238;
  --claro:#ecf3f5;
  --papel:#fbfcfd;
  --ciano:#11d7e1;

  /* acento de outubro */
  --rosa:#E04F89;        /* destaque, filete, traço de ícone. 4,5:1 sobre navy */
  --rosa-txt:#B32A63;    /* texto pequeno e link em fundo claro. 6,1:1 sobre branco */
  --rosa-cta:#C7347A;    /* preenchimento de botão e selo com texto branco. 5,0:1 */
  --rosa-claro:#F7D1EE;

  /* texto */
  --tinta:#050238;
  --tinta-2:#3d3a63;     /* 9,4:1 sobre --claro */
  --linha:rgba(16,5,107,.14);
  --es-txt:#ecf3f5;
  --es-txt-2:rgba(236,243,245,.8);
  --es-linha:rgba(236,243,245,.18);

  /* layout */
  --max:1200px;
  --pad:24px;
  --sec:clamp(72px,9vw,128px);
  --r-campo:10px;
  --r-cartao:16px;

  /* motion */
  --e:cubic-bezier(.16,1,.3,1);
  --t-ent:280ms;
  --t-hover:240ms;

  --serif:"Alegreya",Georgia,"Times New Roman",serif;
  --sans:"Alegreya Sans",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
}
@media (max-width:767px){:root{--pad:16px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--papel);color:var(--tinta);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
@media (max-width:767px){body{font-size:16px}}
img,svg{display:block;max-width:100%}
p{margin:0 0 1em}
h1,h2,h3{margin:0;font-weight:700}
a{color:inherit}
a,button,select,label,.btn,.marco,.acord-btn{touch-action:manipulation}
button,.btn,.marco,.acord-btn{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
:focus-visible{outline:3px solid var(--rosa);outline-offset:3px;border-radius:4px}

.wrap{max-width:calc(var(--max) + var(--pad)*2);margin:0 auto;padding:0 max(var(--pad),env(safe-area-inset-right,0px)) 0 max(var(--pad),env(safe-area-inset-left,0px))}
.disp{font-family:var(--serif);font-weight:700;letter-spacing:-.012em;line-height:1.08;text-wrap:balance}
.h1{font-size:clamp(2rem,1.25rem + 2.4vw,3.25rem)}
.h2{font-size:clamp(1.75rem,1.2rem + 1.7vw,2.6rem);max-width:22ch}
.acento{color:var(--rosa)}
.ic{width:1.1em;height:1.1em;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- botões ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:14px 26px;border:0;border-radius:var(--r-campo);background:var(--rosa-cta);color:#fff;font:800 .95rem/1.2 var(--sans);letter-spacing:.05em;text-transform:uppercase;text-decoration:none;cursor:pointer;transition:background-color var(--t-hover) ease,transform 120ms ease,color var(--t-hover) ease,border-color var(--t-hover) ease}
.btn:active{transform:translateY(1px) scale(.98)}
.btn--bloco{width:100%}
.btn--linha{background:transparent;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy);margin-top:12px}
.btn--linha .ic{transition:transform var(--t-hover) var(--e)}
.btn--linha-clara{color:var(--es-txt);box-shadow:inset 0 0 0 1.5px var(--es-txt-2);margin-top:32px}
@media (hover:hover) and (pointer:fine){
  .btn:hover{background:var(--rosa-txt)}
  .btn--linha:hover{background:var(--navy);color:var(--claro)}
  .btn--linha:hover .ic{transform:translateY(2px)}
  .btn--linha-clara:hover{background:var(--claro);color:var(--navy)}
}
.btn[disabled]{cursor:progress}
.btn .gira{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;animation:gira .8s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}

/* ═══════════ 1 · HERÓI ═══════════ */
.heroi{background:var(--navy);color:var(--es-txt);min-height:100dvh;padding:24px 0 72px;display:flex;flex-direction:column;border-top:4px solid var(--rosa)}
.heroi>.wrap{width:100%;flex:1;display:flex;flex-direction:column}
.heroi-topo{padding-bottom:24px}
.heroi .logo{height:44px;width:auto}
.heroi-grid{flex:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(40px,6vw,96px);align-items:start;padding-top:clamp(8px,3vh,40px)}
.heroi-arg{padding-top:clamp(0px,4vh,48px)}
.selo{display:inline-flex;align-items:center;gap:8px;margin:0 0 28px;padding:8px 16px 8px 12px;border-radius:999px;background:var(--rosa-cta);color:#fff;font-weight:800;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}
.selo .ic{width:18px;height:18px}
.heroi h1{margin-bottom:28px}
.heroi h1>span{display:block}
.heroi h1>.acento{margin-top:.25em}
.lead{font-size:clamp(1.05rem,1rem + .3vw,1.22rem);color:var(--es-txt-2);max-width:52ch;margin:0}

.cartao{background:#fdfeff;color:var(--tinta);border-radius:var(--r-cartao);padding:clamp(24px,3vw,36px);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 28px 64px -28px rgba(5,2,56,.65)}
.coord{display:flex;align-items:center;gap:16px;margin:0 0 24px;padding-bottom:20px;border-bottom:1px solid var(--linha)}
.coord-foto{flex:none;width:72px;height:72px;border-radius:50%;box-shadow:0 0 0 3px #fdfeff,0 0 0 5px var(--rosa)}
.coord-foto img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.coord figcaption{font-size:.92rem;line-height:1.35;color:var(--tinta-2)}
.coord figcaption b{display:block;color:var(--navy);font-size:1rem}
.cartao-tit{font-family:var(--serif);font-size:1.6rem;line-height:1.15;color:var(--navy);margin-bottom:8px}
.cartao-apoio{color:var(--tinta-2);font-size:.98rem;margin-bottom:20px}

/* ---------- formulário ---------- */
.form{display:grid;gap:16px}
.campo{display:grid;gap:6px}
.campo label{font-weight:700;font-size:.92rem;color:var(--navy)}
.campo input,.campo select{width:100%;min-height:50px;padding:12px 14px;border:1px solid #b9bfd0;border-radius:var(--r-campo);background:#fff;color:var(--tinta);font:400 17px/1.3 var(--sans);transition:border-color var(--t-hover) ease,box-shadow var(--t-hover) ease;appearance:none;-webkit-appearance:none}
.campo select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2310056b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6l6 -6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:44px}
.campo input::placeholder{color:#6b6889}
.campo input:focus,.campo select:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(224,79,137,.35)}
.campo [aria-invalid="true"]{border-color:var(--rosa-txt);box-shadow:0 0 0 1px var(--rosa-txt)}
.erro{margin:0;color:var(--rosa-txt);font-size:.9rem;font-weight:700;line-height:1.35}
.erro--envio{padding:12px 14px;border-radius:var(--r-campo);background:#fbeef3}
.micro{margin:0;font-size:.88rem;color:var(--tinta-2);text-align:center}
.sucesso{text-align:left;outline:none}
.sucesso-ic{width:44px;height:44px;padding:9px;border-radius:50%;background:var(--navy);color:var(--claro);stroke-width:2.4;margin-bottom:16px}
.sucesso p{color:var(--tinta-2);margin:8px 0 0}

/* ═══════════ 2 · AUTORIDADE ═══════════ */
.autoridade{background:var(--claro);padding:44px 0 40px;border-bottom:1px solid var(--linha)}
.selos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.selos li{padding:0 20px;border-left:1px solid var(--linha);display:flex;flex-direction:column;gap:6px}
.selos li:first-child{border-left:0;padding-left:0}
.selos b{font-family:var(--serif);font-size:2.1rem;line-height:1;color:var(--navy)}
.credenciais{list-style:none;margin:28px 0 0;padding:24px 0 0;border-top:1px solid var(--linha);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 40px}
.credenciais li{display:grid;grid-template-columns:56px 1fr;gap:16px;align-items:baseline}
.credenciais b{font-family:var(--serif);font-size:1.35rem;line-height:1;color:var(--navy)}
.credenciais span{font-size:.95rem;line-height:1.4;color:var(--tinta-2)}
.selos span{font-size:.92rem;line-height:1.35;color:var(--tinta-2)}
.instituicoes{margin:24px 0 0;padding-top:20px;border-top:1px solid var(--linha);font-size:.98rem;color:var(--tinta-2);max-width:none}
.instituicoes b{color:var(--navy)}
@media (max-width:767px){
  .selos li{padding:0 12px}
  .selos b{font-size:1.35rem;white-space:nowrap}
  .selos span{font-size:.85rem}
  .credenciais{grid-template-columns:1fr;gap:16px}
}

/* ═══════════ 3 · PROBLEMA ═══════════ */
.problema{padding:var(--sec) 0;background:var(--papel)}
.problema-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,6vw,88px);align-items:start}
.prosa h2{margin-bottom:28px;max-width:20ch}
.prosa p{max-width:62ch;color:var(--tinta-2)}
.prosa .frase{font-family:var(--serif);font-size:1.4rem;font-weight:700;line-height:1.25;color:var(--navy);margin:28px 0 20px}

.balanca{position:sticky;top:32px;margin:0;background:var(--navy);color:var(--es-txt);border-radius:var(--r-cartao);padding:28px}
.balanca-tempo{position:relative;height:1.4em;margin-bottom:24px;font-size:.82rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--rosa)}
.balanca-tempo span{position:absolute;inset:0;transition:opacity 300ms ease,transform 300ms var(--e)}
.balanca-tempo .t1{opacity:0;transform:translateY(6px)}
.balanca-grid{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:end;padding-bottom:24px;border-bottom:1px solid var(--es-linha)}
.balanca-peso{display:flex;flex-direction:column;gap:6px}
.rot{font-size:.85rem;color:var(--es-txt-2)}
.balanca-peso b{font-family:var(--serif);font-size:clamp(2.6rem,2rem + 2vw,3.4rem);line-height:1;font-variant-numeric:tabular-nums}
.balanca-peso small{font-family:var(--sans);font-size:1rem;font-weight:500;margin-left:4px;color:var(--es-txt-2)}
.balanca-barras{display:grid;gap:18px}
.barra-comp{display:grid;gap:8px;position:relative}
.bar{display:block;height:14px;border-radius:7px;transform-origin:left center;transition:transform 900ms var(--e)}
.bar--magra{background:var(--rosa);transform:scaleX(.88)}
.bar--gorda{background:var(--claro);opacity:.55;transform:scaleX(.5)}
/* marca da posição inicial, fica parada para a comparação sobreviver ao fim da cena */
.barra-comp::after{content:"";position:absolute;bottom:-3px;height:20px;width:2px;border-radius:1px;background:var(--es-txt-2);left:calc(var(--ini) - 1px);opacity:0;transition:opacity 300ms ease 700ms}
.barra-comp:first-child{--ini:88%}
.barra-comp:last-child{--ini:50%}
.balanca.play .bar--magra{transform:scaleX(.6)}
.balanca.play .bar--gorda{transform:scaleX(.78)}
.balanca.play .barra-comp::after{opacity:1}
.balanca.play .t0{opacity:0;transform:translateY(-6px)}
.balanca.play .t1{opacity:1;transform:none;transition-delay:300ms}
.balanca figcaption{padding-top:20px}
.balanca figcaption b{display:block;font-family:var(--serif);font-size:1.45rem;line-height:1.2;margin-bottom:8px}
.balanca figcaption span{font-size:.9rem;color:var(--es-txt-2);line-height:1.45;display:block}

/* ═══════════ 4 · COMPETÊNCIAS ═══════════ */
.competencias{position:relative;overflow:hidden;padding:var(--sec) 0;background:var(--rosa-claro)}
.competencias>.wrap{position:relative;z-index:1}
.laco-dagua{position:absolute;z-index:-1;right:-6%;bottom:-4%;width:min(560px,52vw);height:auto;fill:none;stroke:var(--rosa);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;opacity:.06;transform:rotate(-16deg);pointer-events:none}
.comp-cab h2{max-width:26ch;margin-bottom:24px}
.comp-cab p{max-width:65ch;color:var(--tinta-2)}

.linha{margin:56px 0 48px;padding:32px 0 0;border-top:1px solid var(--linha);position:relative}
.linha-tit{font-family:var(--serif);font-size:1.4rem;line-height:1.2;color:var(--navy);margin-bottom:32px;max-width:32ch}
.linha-trilho{position:absolute;left:10%;right:10%;top:var(--trilho-y,120px);height:2px}
.linha-trilho svg{width:100%;height:2px;overflow:visible}
.linha-path{fill:none;stroke:var(--rosa);stroke-width:2;stroke-dasharray:1;stroke-dashoffset:0}
.linha-marcos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;position:relative}
.linha-marcos li{display:flex;flex-direction:column;align-items:center;text-align:center}
.marco{display:flex;flex-direction:column;align-items:center;gap:12px;min-height:44px;padding:0 4px 4px;border:0;background:none;font:800 1rem/1.2 var(--sans);color:var(--navy);cursor:pointer}
.marco i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--rosa-claro);box-shadow:inset 0 0 0 2px var(--rosa);color:#fff;transition:background-color var(--t-hover) ease,transform var(--t-hover) var(--e)}
.marco i .ic{width:16px;height:16px;opacity:0;transform:scale(.8);transition:opacity var(--t-hover) ease,transform var(--t-hover) var(--e)}
.linha-marcos li.ativo .marco i .ic{opacity:1;transform:none}
.linha-nota{margin:28px 0 0;color:var(--tinta-2);max-width:65ch}
.linha-marcos p{margin:10px 0 0;font-size:.95rem;line-height:1.45;color:var(--tinta-2);max-width:24ch;opacity:0;transform:translateY(6px);transition:opacity 260ms ease,transform 260ms var(--e)}
.linha-marcos li.ativo .marco i{background:var(--rosa-cta);box-shadow:none;transform:scale(1.14)}
.linha-marcos li.ativo p{opacity:1;transform:none}
@media (max-width:767px){
  .linha{margin:40px calc(var(--pad)*-1) 40px;padding-left:var(--pad);padding-right:var(--pad)}
  .linha-trilho{display:none}
  .linha-marcos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin:0 calc(var(--pad)*-1);padding:0 var(--pad) 12px;scroll-padding:0 var(--pad);overscroll-behavior-x:contain;scrollbar-width:none}
  .linha-marcos::-webkit-scrollbar{display:none}
  .linha-marcos li{flex:0 0 72%;scroll-snap-align:start;align-items:flex-start;text-align:left;padding:18px;border-radius:var(--r-cartao);background:var(--papel);box-shadow:inset 0 0 0 1px var(--linha)}
  .marco{flex-direction:row;padding:0;cursor:default}
  .marco i{width:24px;height:24px;background:var(--rosa-cta);box-shadow:none}
  .marco i .ic{opacity:1;transform:none;width:14px;height:14px}
  .linha-marcos p{opacity:1;transform:none}
}

.comps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,7vw,112px);row-gap:44px}
.zz{position:relative;padding-top:20px;border-top:1px solid var(--linha);max-width:56ch}
.zz::before{content:"";position:absolute;left:0;top:-1px;width:40px;height:2px;background:var(--rosa)}
.zz h3{font-family:var(--serif);font-size:1.4rem;line-height:1.2;color:var(--navy);margin-bottom:10px}
.zz p{color:var(--tinta-2);margin:0}
.comp-fecho{align-self:start}
.comp-fecho p{font-family:var(--serif);font-size:1.2rem;line-height:1.4;color:var(--navy)}
.comp-fecho a{color:var(--navy);font-weight:700;text-decoration-color:var(--rosa);text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:767px){
  .comps{grid-template-columns:1fr;row-gap:32px}
  .laco-dagua{width:80vw;right:-30%;bottom:-2%}
}

/* ═══════════ 5 · METODOLOGIA ═══════════ */
.metodo{padding:var(--sec) 0 clamp(64px,7vw,96px);background:var(--navy);color:var(--es-txt)}
.metodo-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center;margin-bottom:64px}
.prosa--escura p{color:var(--es-txt-2)}

.caso{margin:0;border-radius:var(--r-cartao);background:var(--navy-fundo);box-shadow:inset 0 0 0 1px var(--es-linha);padding:28px;display:grid;gap:20px}
.caso-rot{display:block;font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--rosa);margin-bottom:8px}
.caso-txt{margin:0;font-size:1.05rem;line-height:1.5}
.caso-opcoes{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.caso-opcoes li{position:relative;display:grid;grid-template-columns:28px 1fr;gap:4px 10px;padding:12px 14px;border-radius:var(--r-campo);box-shadow:inset 0 0 0 1px var(--es-linha);font-size:.95rem;line-height:1.4;color:var(--es-txt-2);transition:box-shadow 300ms ease,opacity 300ms ease,background-color 300ms ease}
.caso-opcoes b{font-family:var(--serif);font-size:1.05rem;color:var(--es-txt)}
.caso-opcoes em{grid-column:2;font-style:normal;font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--es-txt)}
.caso-opcoes .escolha{box-shadow:inset 0 0 0 1.5px var(--es-txt-2);color:var(--es-txt)}
.caso-corr{padding:16px 18px;border-radius:var(--r-campo);background:rgba(224,79,137,.12);box-shadow:inset 3px 0 0 var(--rosa)}
.caso-corr p{margin:0;font-size:.98rem;line-height:1.5}
.caso.s3 .escolha{opacity:.55}
.caso.s3 .certa{box-shadow:inset 0 0 0 2px var(--rosa);color:var(--es-txt);background:rgba(224,79,137,.08)}

/* ---------- acordeões ---------- */
.acord{border-top:1px solid var(--linha)}
.acord:last-child{border-bottom:1px solid var(--linha)}
.acord--escuro{border-color:var(--es-linha)}
.acord--escuro:last-child{border-bottom-color:var(--es-linha)}
.acord-h{font:inherit;margin:0}
.acord-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px;padding:18px 0;border:0;background:none;color:inherit;font:700 1.15rem/1.3 var(--sans);text-align:left;cursor:pointer}
.acord-btn span{color:var(--navy)}
.acord--escuro .acord-btn span{color:var(--es-txt)}
.mais{position:relative;flex:none;width:28px;height:28px;border-radius:50%;box-shadow:inset 0 0 0 1.5px currentColor;color:var(--rosa-txt);transition:transform 300ms var(--e)}
.acord--escuro .mais{color:var(--rosa)}
.mais::before,.mais::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;border-radius:1px;background:currentColor}
.mais::after{transform:rotate(90deg)}
.acord-btn[aria-expanded="true"] .mais{transform:rotate(45deg)}
.acord-btn:active{opacity:.7;transition:opacity 100ms ease}
.marco:active i{transform:scale(.9)}
.acord-corpo{display:grid;grid-template-rows:0fr;transition:grid-template-rows 300ms var(--e)}
.acord-corpo.aberto{grid-template-rows:1fr}
.acord-in{overflow:hidden;min-height:0;opacity:0;transition:opacity 300ms ease}
.acord-corpo.aberto .acord-in{opacity:1}
.acord-in>*:first-child{margin-top:4px}
.acord-in>*:last-child{margin-bottom:24px}
.acord-in p{max-width:65ch;color:var(--tinta-2)}
html:not(.js) .acord-corpo[hidden]{display:grid;grid-template-rows:1fr}
html:not(.js) .acord-in{opacity:1}
@media (hover:hover) and (pointer:fine){
  .acord-btn:hover span{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
}

.modulos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 40px}
.modulos li{display:grid;grid-template-columns:40px 1fr;gap:2px 12px;padding:14px 0;border-top:1px solid var(--es-linha)}
.modulos b{grid-row:span 2;font-family:var(--serif);font-size:1.6rem;line-height:1;color:var(--rosa)}
.modulos span{font-weight:700}
.modulos small{font-size:.9rem;color:var(--es-txt-2)}
@media (max-width:767px){.modulos{grid-template-columns:1fr;gap:0}}

/* ═══════════ 6 · DOCENTES ═══════════ */
.docentes{padding:var(--sec) 0;background:var(--papel)}
.docentes h2{margin-bottom:48px}
.destaques{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-template-rows:auto auto;gap:32px 56px;margin-bottom:56px}
.doc{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start}
.doc h3{font-family:var(--serif);font-size:1.3rem;line-height:1.2;color:var(--navy);margin-bottom:8px}
.doc p{margin:0;color:var(--tinta-2);font-size:.98rem}
.doc--maior{grid-row:span 2;grid-template-columns:1fr;gap:24px}
.doc--maior h3{font-size:1.75rem}
.doc-foto{position:relative;display:block;width:96px;height:96px;border-radius:50%}
.doc--maior .doc-foto{width:200px;height:200px}
.doc-foto::before{content:"";position:absolute;inset:-6px;border-radius:50%;box-shadow:0 0 0 2px var(--rosa);opacity:.35;transition:opacity var(--t-hover) ease}
.doc--maior .doc-foto::before{inset:-10px;box-shadow:0 0 0 3px var(--rosa);opacity:1}
.doc-foto img{width:100%;height:100%;border-radius:50%;object-fit:cover;transition:transform var(--t-hover) var(--e)}
@media (hover:hover) and (pointer:fine){
  .doc:hover .doc-foto img{transform:scale(1.02)}
  .doc:hover .doc-foto::before{opacity:1}
}
.lista-doc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 40px}
.lista-doc li{display:grid;grid-template-columns:56px 1fr;gap:14px;align-items:center}
.lista-doc img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.lista-doc b{display:block;color:var(--navy);font-size:.98rem;line-height:1.3}
.lista-doc span{display:block;color:var(--tinta-2);font-size:.9rem;line-height:1.35}
@media (max-width:767px){
  .destaques{grid-template-columns:1fr;gap:32px}
  .doc--maior{grid-row:auto}
  .doc--maior .doc-foto{width:144px;height:144px}
  .doc-foto{width:80px;height:80px}
  .lista-doc{grid-template-columns:1fr}
}

/* ═══════════ 7 · OBJEÇÕES ═══════════ */
.objecoes{padding:var(--sec) 0;background:var(--rosa-claro)}
.objecoes .acord,.objecoes .acord:last-child{border-color:rgba(16,5,107,.18)}
.objecoes .mais{color:var(--navy)}
.objecoes-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,6vw,88px);align-items:start}
.objecoes-lado{position:sticky;top:32px}
.objecoes-lado h2{margin-bottom:12px;max-width:14ch}
.faq .acord-in p{margin-bottom:24px}

/* ═══════════ 8 · FECHAMENTO ═══════════ */
.fecho{padding:var(--sec) 0;background:var(--navy);color:var(--es-txt)}
.fecho-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(40px,6vw,96px);align-items:start}
.fecho h2{max-width:18ch;margin-bottom:24px}
.fecho .data{color:var(--rosa);white-space:nowrap}
.fecho-arg>p{color:var(--es-txt-2);max-width:60ch}
.inclui-tit{font-family:var(--serif);font-size:1.35rem;margin:48px 0 20px}
.inclui{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 32px}
.inclui li{position:relative;padding-left:30px;font-size:.98rem;line-height:1.4;color:var(--es-txt)}
.inclui li::before{content:"";position:absolute;left:0;top:.1em;width:20px;height:20px;background:var(--rosa);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5l10 -10'/%3E%3C/svg%3E") center/contain no-repeat}
.fecho-form{position:sticky;top:32px}
@media (max-width:767px){.inclui{grid-template-columns:1fr}}

/* ---------- rodapé ---------- */
.rodape{background:var(--navy-fundo);color:var(--es-txt-2);padding:44px 0 40px}
.rodape-in{display:flex;flex-wrap:wrap;gap:24px 40px;justify-content:space-between;align-items:center}
.rodape .logo{height:40px;width:auto}
.assinatura{display:flex;align-items:center;gap:14px}
.assinatura img{height:26px;width:auto}
.assinatura small{font-size:.85rem;letter-spacing:.04em}

/* ---------- barra fixa (celular) ---------- */
.barra{display:none}
@media (max-width:899px){
  .barra{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;gap:12px;padding:10px max(var(--pad),env(safe-area-inset-right,0px)) calc(10px + env(safe-area-inset-bottom,0px)) max(var(--pad),env(safe-area-inset-left,0px));background:var(--rosa-cta);box-shadow:0 -12px 32px -12px rgba(5,2,56,.45);transform:translateY(110%);transition:transform 260ms var(--e)}
  .barra.on{transform:none}
  .barra-txt{flex:1;min-width:0;margin:0;color:#fff;line-height:1.25}
  .barra-txt b{display:block;font-size:1rem}
  .barra-txt>span{font-size:.85rem;font-weight:500;color:#fff}
  .barra .btn{flex:none;min-height:48px;padding:12px 16px;font-size:.82rem;background:var(--navy)}
  .rodape{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
}

/* ---------- colapsos de layout ---------- */
@media (max-width:899px){
  .heroi{min-height:auto;padding-bottom:56px}
  .heroi-grid,.problema-grid,.metodo-grid,.objecoes-grid,.fecho-grid{grid-template-columns:1fr}
  .heroi-topo{padding-bottom:32px}
  .heroi-form{margin-top:8px}
  .balanca,.objecoes-lado,.fecho-form{position:static}
}

/* ═══════════ MOTION ═══════════
   Só transform e opacity. Tudo fica visível sem JS (classe .js no <html>). */
html.js .heroi .ent{opacity:0;transform:translateY(12px);animation:sobe var(--t-ent) var(--e) forwards}
html.js .heroi .selo.ent{animation-delay:40ms}
html.js .heroi h1 .ent:nth-child(1){animation-delay:120ms}
html.js .heroi h1 .ent:nth-child(2){animation-delay:200ms}
html.js .heroi .lead.ent{animation-delay:280ms}
html.js .heroi .ent--card{transform:translateY(16px);animation:sobe 560ms var(--e) 360ms forwards}
@keyframes sobe{to{opacity:1;transform:none}}

html.js .rv{opacity:0;transform:translateY(12px);transition:opacity var(--t-ent) ease,transform var(--t-ent) var(--e)}
html.js .selos .rv{transform:translateY(8px);transition-duration:240ms}
html.js .zz{opacity:0;transition:opacity 300ms ease,transform 300ms var(--e)}
html.js .zz--e{transform:translateX(-20px)}
html.js .zz--d{transform:translateX(20px)}
html.js .inclui .ci{opacity:0;transform:translateY(8px);transition:opacity 240ms ease,transform 240ms var(--e)}
html.js .rv.in,html.js .zz.in,html.js .inclui .ci.in{opacity:1;transform:none}

html.js .linha .linha-path{stroke-dashoffset:1;transition:stroke-dashoffset 700ms var(--e)}
html.js .linha .linha-marcos li{opacity:0;transform:translateY(8px);transition:opacity 260ms ease,transform 260ms var(--e)}
html.js .linha.in .linha-path{stroke-dashoffset:0}
html.js .linha.in .linha-marcos li{opacity:1;transform:none}

html.js .caso .caso-passo{opacity:0;transform:translateY(8px);transition:opacity 300ms ease,transform 300ms var(--e)}
html.js .caso.s1 .caso-p1,html.js .caso.s2 .caso-p2,html.js .caso.s3 .caso-p3{opacity:1;transform:none}

@media (max-width:767px){
  /* no celular a entrada lateral estouraria a largura: vira subida curta */
  html.js .zz--e,html.js .zz--d{transform:translateY(12px)}
  html.js .zz.in,html.js .zz--d.in{transform:none}
  .selo{font-size:.7rem;letter-spacing:.07em;white-space:nowrap;padding:7px 14px 7px 10px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;transition-delay:0ms!important}
  html.js .heroi .ent,html.js .rv,html.js .zz,html.js .inclui .ci,html.js .linha .linha-marcos li,html.js .caso .caso-passo{opacity:1;transform:none}
  html.js .linha .linha-path{stroke-dashoffset:0}
  .btn .gira{animation:none;border-top-color:rgba(255,255,255,.35)}
}