/* LP "Quando o luto chega ao trabalho" — identidade do próprio material (proposta Mariana Azzi), com o cadastro flutuante */
:root{
  color-scheme:light;
  --verde:#1D3E31; --verde2:#2E6E55; --salvia:#8FAE9C; --salvia-l:#E3ECE5;
  --framboesa:#B8255A; --rosa:#E8236C; --rosa-l:#F3E1E8; --rosa-m:#F3A9C3;
  --azul:#74BDD5; --azul-l:#E4F2F7; --petroleo:#2C5468; --teal:#367F8E;
  --creme:#F7F5F0; --papel:#FFFFFF; --tinta:#1F2A26; --cinza:#5B6661; --linha:#D5DDD7;
  --err:#B3261E;
  --display:"Comfortaa","Varela Round","Trebuchet MS",sans-serif;
  --body:"Poppins","Segoe UI",system-ui,sans-serif;
  --gut:24px; --form-w:420px; --maxw:1208px; --nav-h:76px;
  --sai:cubic-bezier(.22,1,.36,1);
  --sombra:0 30px 60px -30px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);scrollbar-gutter:stable}
body{margin:0;background:var(--creme);color:var(--tinta);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
h1,h2,h3{font-family:var(--display);font-weight:700;color:var(--verde);line-height:1.15;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit}
.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:max(var(--gut),env(safe-area-inset-left,0px))}

.skip{position:absolute;left:-999px;top:8px;z-index:100;background:#fff;color:var(--verde);padding:10px 16px;border-radius:999px;font-weight:600}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--rosa);outline-offset:3px;border-radius:6px}

/* elementos da identidade */
.sel{background:var(--verde2);color:#fff;padding:0 .16em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.kick{font-size:12.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--teal)}
.chip{display:inline-block;font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;background:#fff;color:var(--verde);padding:6px 14px;border-radius:999px}
.etq{align-self:flex-start;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#fff;padding:5px 12px;border-radius:999px}
.ck{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}

/* botões */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;text-decoration:none;font:600 16px/1.2 var(--body);padding:16px 28px;border-radius:999px;border:0;cursor:pointer;transition:background .15s,transform .15s}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:scale(.98)}
.btn-rosa{background:var(--rosa);color:#fff}
.btn-rosa:hover{background:var(--framboesa)}
.btn-verde{background:var(--verde);color:#fff}
.btn-verde:hover{background:var(--verde2)}
.btn-cheio{width:100%}
.btn-sm{font-size:14.5px;padding:11px 20px}
.btn[disabled]{opacity:.6;cursor:progress}
.btn .i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.btn-link{background:none;border:0;padding:0;font:600 15px/1.3 var(--body);color:var(--verde2);cursor:pointer;text-decoration:underline;text-underline-offset:4px}

/* logos */
.logos{display:flex;align-items:center;gap:20px}
.eva{display:flex;align-items:flex-end;gap:7px;font:700 15px/1 var(--display);color:#fff}
.eva img{width:118px;height:auto}
.eva span{padding-bottom:2px}
.eva-verde{color:var(--verde)}
.logos .div{width:1.5px;height:44px;background:currentColor;opacity:.45;color:#fff}
.logos .logo-ilp{width:128px;height:auto}

/* cabeçalho flutuante */
.nav{position:fixed;inset:0 0 auto;z-index:50;transition:background .25s,box-shadow .25s}
.nav-in{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--nav-h)}
.nav .logos{text-decoration:none;gap:16px}
.nav .eva img{width:92px}
.nav .eva{font-size:12.5px}
.nav .logos .div{height:34px}
.nav .logos .logo-ilp{width:100px}
.menu{display:flex;gap:28px;margin-left:auto}
.nav .btn-sm{gap:0}
.nav .lg{margin-left:.3em}
.menu a{font-size:14.5px;font-weight:500;color:#EAF1EC;text-decoration:none;padding:6px 0;border-bottom:2px solid transparent;transition:border-color .2s,color .2s}
.menu a:hover{color:#fff;border-color:var(--rosa-m)}
.nav.solida{background:rgba(29,62,49,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px -18px rgba(0,0,0,.55)}

/* seções */
.secao{position:relative;padding-block:88px}
.creme{background:var(--creme)}
.cab{display:grid;gap:10px;max-width:720px;margin-bottom:36px}
.cab h2{font-size:clamp(28px,3.2vw,38px)}
.cab p:not(.kick){color:var(--cinza);font-size:17px}

/* ---------- abertura ---------- */
.topo{position:relative;overflow:hidden;isolation:isolate;background:var(--verde);color:#fff}
.topo-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 40%;z-index:-2}
.topo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(29,62,49,.94) 0%,rgba(29,62,49,.82) 40%,rgba(29,62,49,.45) 72%,rgba(29,62,49,.3) 100%)}
.topo .wrap{padding-top:calc(var(--nav-h) + 48px);padding-bottom:88px}
.grade{display:grid;grid-template-columns:minmax(0,1fr) var(--form-w);gap:56px;align-items:start}
.topo-txt{padding-top:12px;max-width:640px}
.topo h1{color:#fff;font-size:clamp(34px,4.4vw,56px);line-height:1.12;margin:18px 0;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.topo .sub{font-size:clamp(16px,1.5vw,18.5px);color:#EAF1EC;max-width:36em}
.inclui{list-style:none;margin:28px 0 0;padding:0;display:flex;gap:10px;flex-wrap:wrap}
.inclui li{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#fff;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:8px 14px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.inclui .ck{color:var(--rosa-m)}

/* ---------- cartão de cadastro ---------- */
.cartao{background:var(--papel);color:var(--tinta);border-radius:24px;padding:28px 28px 24px;box-shadow:var(--sombra)}
.cartao-head h2{font-size:22px;line-height:1.2}
.cartao-head p{margin-top:6px;font-size:14px;color:var(--cinza)}
.cartao-form{display:grid;gap:12px;margin-top:18px}
.campo{display:grid;gap:5px;min-width:0}
.campo label{font-size:13px;font-weight:600;color:var(--verde)}
.opc{font-weight:400;color:var(--cinza)}
.campo input,.campo select{width:100%;min-width:0;font:400 15px/1.3 var(--body);color:var(--tinta);background:var(--creme);border:1.5px solid var(--linha);border-radius:10px;padding:11px 12px;transition:border-color .15s,box-shadow .15s}
.campo select{appearance:none;-webkit-appearance:none;padding-right:32px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231D3E31' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:15px}
.campo input:focus,.campo select:focus{outline:none;border-color:var(--verde2);box-shadow:0 0 0 3px rgba(46,110,85,.18)}
.campo [aria-invalid=true]{border-color:var(--framboesa);background-color:#FBF1F4}
.campo-err{font-size:12px;color:var(--framboesa)}
.campo-par{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.form-erro{font-size:14px;color:var(--err);background:#FDF3F2;border-radius:10px;padding:10px 12px}
.consent{font-size:11.5px;line-height:1.5;color:var(--cinza)}
.cartao-form .btn{margin-top:4px}

/* sucesso */
#passo-ok:focus{outline:none}
.selo-ok{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--verde2);background:var(--salvia-l);padding:6px 12px;border-radius:999px}
#passo-ok h2{margin-top:10px;font-size:22px}
.ok-sub{margin-top:4px;font-size:14.5px;color:var(--cinza)}
.acesso{display:grid;gap:12px;margin:18px 0 4px}
.item{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border-radius:16px;background:var(--creme);text-decoration:none;color:var(--tinta);border:1.5px solid var(--linha);transition:border-color .15s,transform .15s}
.item:hover{border-color:var(--verde2);transform:translateY(-1px)}
.item .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#fff}
.item .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.item b{display:block;font:700 15px/1.3 var(--display);color:var(--verde)}
.item small{display:block;font-size:13px;color:var(--cinza)}
.indica{margin-top:20px;padding-top:18px;border-top:1px solid var(--linha)}
.indica h3{font-size:17px}
.indica>p{margin-top:6px;font-size:14px;color:var(--cinza)}
.indica .btn-link{margin-top:12px}
.indica-ok{margin-top:12px;font-size:14.5px;color:var(--verde2);background:var(--salvia-l);border-radius:12px;padding:12px 14px}

/* ---------- números ---------- */
.numeros{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.numeros li{display:flex;flex-direction:column;gap:10px;border-radius:22px;padding:26px 26px 22px}
.numeros b{font:700 clamp(34px,3.4vw,44px)/1 var(--display)}
.numeros span{font-size:15px}
.numeros small{margin-top:auto;font-size:12px;opacity:.8}
.n-verde{background:var(--verde);color:#fff}.n-verde b{color:var(--rosa-m)}
.n-rosa{background:var(--rosa-l);color:var(--tinta)}.n-rosa b{color:var(--framboesa)}
.n-azul{background:var(--azul);color:var(--verde)}

/* ---------- materiais ---------- */
.materiais{padding-top:0}
.mock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.mcard{display:flex;flex-direction:column;background:var(--papel);border-radius:28px;border:1px solid var(--linha);overflow:hidden}
.palco{position:relative;height:380px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.palco-e{background:linear-gradient(160deg,var(--salvia-l),#cfe0d4)}
.palco-d{background:linear-gradient(160deg,var(--azul-l),#cfe6ee)}
.livro3d{position:relative;width:200px;aspect-ratio:440/622;perspective:1200px;margin-right:64px}
.livro3d img{position:absolute;inset:0;width:100%;height:100%;border-radius:3px 8px 8px 3px;background:#fff;box-shadow:0 20px 40px -18px rgba(29,62,49,.55)}
.livro3d .p3{transform:translate(70px,18px) rotate(7deg)}
.livro3d .p2{transform:translate(36px,8px) rotate(3.5deg)}
.livro3d .p1{transform:rotateY(-14deg) rotate(-3deg);transform-origin:left center;box-shadow:-14px 26px 44px -16px rgba(0,0,0,.5)}
.note{position:relative;width:min(440px,86%)}
.tela{background:#1b1f1d;border-radius:14px 14px 4px 4px;padding:10px 10px 12px;box-shadow:0 24px 50px -24px rgba(0,0,0,.6)}
.tela img{width:100%;height:auto;border-radius:3px}
.note .base{height:13px;margin:0 -7%;background:linear-gradient(#d6dbd8,#aeb5b1);border-radius:0 0 14px 14px;position:relative}
.note .base::after{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:72px;height:6px;border-radius:0 0 8px 8px;background:#9aa29e}
.mtexto{padding:28px 30px 30px;display:flex;flex-direction:column;gap:12px;flex:1}
.mtexto h3{font-size:23px;line-height:1.2}
.mtexto p{font-size:15px;color:var(--cinza)}
.mtexto ul{margin:0;padding-left:20px;display:grid;gap:5px;font-size:15px}
.mtexto li::marker{color:var(--rosa)}
.meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:6px}
.mtexto .btn{align-self:flex-start;margin-top:10px}
.meta span{font-size:12.5px;font-weight:500;color:var(--petroleo);background:var(--azul-l);padding:5px 10px;border-radius:8px}

/* ---------- prévia ---------- */
.previa{background:var(--verde);color:#fff;overflow:hidden}
.previa .cab h2{color:#fff}
.previa .cab p:not(.kick){color:var(--salvia-l)}
.previa .kick{color:var(--azul)}
.abas{display:flex;gap:8px;margin-bottom:22px;flex-wrap:wrap}
.abas button{font:600 14px/1 var(--body);color:#fff;background:transparent;border:1.5px solid rgba(255,255,255,.4);border-radius:999px;padding:10px 18px;cursor:pointer}
.abas button[aria-selected=true]{background:#fff;color:var(--verde);border-color:#fff}
.trilho{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.5) transparent}
.trilho figure{margin:0;flex:none;scroll-snap-align:start;display:grid;gap:10px;align-content:start}
.th{display:block;padding:0;border:0;background:none;cursor:zoom-in;border-radius:6px;transition:transform .2s var(--sai)}
.th:hover{transform:translateY(-4px)}
.th img{height:300px;width:auto;border-radius:6px;background:#fff;box-shadow:0 16px 30px -16px rgba(0,0,0,.6)}
.trilho-d .th img{height:250px}
.trilho figcaption{font-size:13px;color:var(--salvia-l);max-width:212px}
.trilho figcaption b{display:block;color:#fff;font-weight:600}
.dica{font-size:13px;color:var(--salvia-l);margin-top:6px}
.lb{position:fixed;inset:0;z-index:60;background:rgba(15,28,22,.9);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:max(20px,env(safe-area-inset-top)) 16px max(20px,env(safe-area-inset-bottom))}
.lb img{max-width:min(100%,1100px);max-height:calc(100vh - 110px);width:auto;height:auto;border-radius:6px;background:#fff;box-shadow:0 30px 60px rgba(0,0,0,.5)}
.lb-x{position:absolute;top:max(14px,env(safe-area-inset-top));right:14px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;color:var(--verde);font:700 24px/1 var(--body);cursor:pointer}
.lb-leg{font-size:14px;color:#fff;text-align:center}

/* ---------- perguntas ---------- */
.qgrade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.qg{background:var(--papel);border:1px solid var(--linha);border-radius:22px;overflow:hidden;display:flex;flex-direction:column}
.qh{padding:16px 20px;color:#fff;font-size:17px;line-height:1.25}
.qg ul{list-style:none;margin:0;padding:6px 20px 14px}
.qg li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:11px 0;border-bottom:1px solid var(--linha);font-size:15px;line-height:1.4;font-weight:500;color:var(--tinta)}
.qg li:last-child{border-bottom:0}
.qg li::before{content:"?";font:700 17px/1.2 var(--display);color:var(--rosa)}
.qcta{background:var(--verde);border:0;padding:26px 24px;gap:12px;justify-content:center;color:#fff}
.qcta .kick{color:var(--azul)}
.qcta h3{color:#fff;font-size:22px;line-height:1.2}
.qcta p:not(.kick){color:var(--salvia-l);font-size:15px}
.qcta .btn{align-self:flex-start;margin-top:6px}

/* ---------- quem assina ---------- */
.autores{background:var(--salvia-l)}
.aut{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.autor{background:var(--papel);border-radius:24px;padding:28px 30px;display:grid;gap:16px;align-content:start}
.logo-row{min-height:60px;display:flex;align-items:center}
.logo-row img{height:auto}
.autor .logo-row>img{width:150px}
.autor p{font-size:15px;color:var(--cinza)}
.base{margin-top:22px;font-size:13.5px;color:var(--cinza);max-width:60em}

/* ---------- dúvidas ---------- */
.faq{background:var(--papel)}
.faq details{border-bottom:1px solid var(--linha);max-width:820px}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;padding:20px 0;font:700 17.5px/1.35 var(--display);color:var(--verde)}
.faq summary::-webkit-details-marker{display:none}
.pl{flex:none;position:relative;width:22px;height:22px;margin-top:1px}
.pl::before,.pl::after{content:"";position:absolute;left:3px;right:3px;top:10px;height:2px;background:var(--rosa);border-radius:2px;transition:transform .25s var(--sai)}
.pl::after{transform:rotate(90deg)}
details[open] .pl::after{transform:rotate(0)}
.faq details p{padding:0 40px 22px 0;color:var(--cinza);font-size:15.5px}

/* ---------- fechamento e rodapé ---------- */
.final{position:relative;overflow:hidden;isolation:isolate;background:var(--verde);color:#fff;padding-block:96px}
.final .topo-bg{object-position:62% 55%}
.final::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(29,62,49,.95) 0%,rgba(29,62,49,.84) 45%,rgba(29,62,49,.55) 100%)}
.final-grade{display:grid;grid-template-columns:minmax(0,1fr) var(--form-w);gap:56px;align-items:center}
.final-txt{display:grid;gap:18px;justify-items:start}
.final h2{color:#fff;font-size:clamp(30px,3.6vw,46px);line-height:1.15;max-width:14em;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.final-txt p:not(.chip){color:#EAF1EC;font-size:17px;max-width:32em}
.final-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px;padding:28px;display:grid;gap:20px}
.final-capas{position:relative;height:200px;display:flex;align-items:flex-end;justify-content:center}
.fc-livro{position:absolute;left:12%;bottom:6px;z-index:2;width:118px;height:auto;border-radius:2px 6px 6px 2px;transform:rotate(-5deg);box-shadow:-10px 20px 34px -14px rgba(0,0,0,.6)}
.final-capas .note{width:250px;margin-left:96px}
.final .inclui{margin:0;display:grid;gap:8px}
.final .inclui li{justify-self:start}
.rodape{background:var(--verde);color:var(--salvia-l);padding-block:36px}
.rodape .wrap{display:grid;gap:22px}
.rodape-l{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.contato{display:grid;gap:2px;font-size:14px}
.contato b{color:#fff;font-weight:600}
.contato a,.soc a{text-decoration:none}
.contato a:hover,.soc a:hover{color:#fff}
.soc{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:20px;font-size:14px}
.cuidado{font-size:13.5px;padding-top:18px;border-top:1px solid rgba(227,236,229,.2)}
.cuidado b{color:#fff}

/* formulário em painel, chamado pelos botões ao longo da página */
.gaveta{position:fixed;inset:0;z-index:70}
.gaveta-fundo{position:absolute;inset:0;background:rgba(15,28,22,.5);opacity:0;transition:opacity .4s var(--sai)}
.gaveta-painel{position:absolute;top:calc(var(--nav-h) + 40px);right:max(var(--gut),calc((100vw - var(--maxw)) / 2 + var(--gut)));width:var(--form-w);max-height:calc(100vh - var(--nav-h) - 64px);overflow:auto;overscroll-behavior:contain;border-radius:24px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);transform:translateX(calc(100% + 80px));transition:transform .55s var(--sai)}
.gaveta.aberta .gaveta-fundo{opacity:1}
.gaveta.aberta .gaveta-painel{transform:none}
.gaveta .cartao{box-shadow:none;border-radius:0}
.gaveta .cartao-head h2,.gaveta #passo-ok .selo-ok{margin-right:44px}
.gaveta-x{position:sticky;float:right;top:14px;margin:14px 14px -58px 0;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:var(--creme);color:var(--verde);display:grid;place-items:center;cursor:pointer;transition:background .15s}
.gaveta-x:hover{background:var(--salvia-l)}
.gaveta-x svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}

/* barra fixa no celular */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:40;padding:12px var(--gut) calc(12px + env(safe-area-inset-bottom));background:rgba(247,245,240,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -8px 24px -12px rgba(29,62,49,.35);transform:translateY(110%);transition:transform .35s var(--sai);display:none}
.barra.vis{transform:none}

/* revelação ao rolar */
.js [data-rev]{opacity:0;transform:translateY(16px);transition:opacity .7s var(--sai),transform .7s var(--sai)}
.js [data-rev].vis{opacity:1;transform:none}

/* destaque do cartão quando chamado */
.cartao.chama{animation:chama 1.1s var(--sai)}
@keyframes chama{30%{box-shadow:var(--sombra),0 0 0 4px var(--rosa-m)}}

/* ---------- tablet e celular ---------- */
@media (max-width:1099px){
  .menu{display:none}
  .grade{grid-template-columns:minmax(0,1fr);gap:36px}
  .topo-txt{padding-top:0}
  .cartao-wrap{max-width:560px}
  .qgrade{grid-template-columns:repeat(2,minmax(0,1fr))}
  .barra{display:block}
}
@media (max-width:860px){
  :root{--nav-h:64px}
  .gaveta-painel{top:auto;left:0;right:0;bottom:0;width:auto;max-height:88vh;border-radius:24px 24px 0 0;padding-bottom:env(safe-area-inset-bottom);transform:translateY(100%)}
  .gaveta.aberta .gaveta-painel{transform:none}
  .secao{padding-block:64px}
  .materiais{padding-top:0}
  .topo::before{background:linear-gradient(180deg,rgba(29,62,49,.78) 0%,rgba(29,62,49,.86) 55%,rgba(29,62,49,.95) 100%)}
  .topo .wrap{padding-top:calc(var(--nav-h) + 32px);padding-bottom:56px}
  .numeros,.mock,.qgrade,.aut,.final-grade{grid-template-columns:minmax(0,1fr)}
  .final{padding-block:64px}
  .final::before{background:linear-gradient(180deg,rgba(29,62,49,.82),rgba(29,62,49,.95))}
  .palco{height:320px}
  .th img{height:240px}
  .trilho-d .th img{height:180px}
}
@media (max-width:560px){
  :root{--gut:16px}
  .nav .eva img{width:76px}
  .nav .eva{font-size:11px;gap:5px}
  .nav .logos{gap:10px}
  .nav .logos .div{height:28px}
  .nav .logos .logo-ilp{width:80px}
  .nav .btn-sm{padding:9px 16px;font-size:13.5px}
  .nav .lg,.nav .eva span{display:none}
  .eva img{width:92px}
  .eva{font-size:12.5px}
  .logos .logo-ilp{width:100px}
  .logos .div{height:36px}
  .topo h1{font-size:33px}
  .chip{letter-spacing:.1em;font-size:11.5px}
  .cartao{padding:22px 18px}
  .campo-par{grid-template-columns:1fr}
  .livro3d{width:150px;margin-right:50px}
  .final-card{padding:22px 18px}
  .final-capas .note{width:200px;margin-left:80px}
  .fc-livro{width:96px;left:6%}
  .faq details p{padding-right:0}
  .rodape{padding-bottom:110px}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-rev]{opacity:1;transform:none}
}