/* =========================================================
   LANDING PAGE: ESQUELETO (estrutura, blocos cinza nas cores do app e animações; conteúdo entra depois)
   ========================================================= */
html.lp-html{scroll-padding-top:24px}
html.lp-trava{overflow:hidden}
.lp,.lpa,.est,.lpe-raiz{
  --lp-ink:#14232A; --lp-ink2:#3D5158; --lp-ink3:#4B5D63; --lp-line:rgba(20,35,42,.09); --lp-line2:rgba(20,35,42,.06);
  --lp-bg:#F6F8F7; --lp-surface:#FFFFFF; --lp-soft:#EEF5F2; --lp-soft2:#E4EFEC;
  --lp-acc:#3D616D; --lp-acc-ink:#2B4A56; --lp-acc2:#4E7F88; --lp-leaf:#3D8FA0; --lp-leaf-soft:#E3F3EA;
  --lp-pri:#14232A; --lp-pri-ink:#FFFFFF; --lp-pri-h:#0A161B;
  --lp-ceu:var(--lp-bg);
  --lp-escuro:#15272D; --lp-rod:#0E1A1E;
  --sk:#E9EEEC; --sk2:#F5F8F7; --sk-cl:rgba(255,255,255,.22); --sk-cl2:rgba(255,255,255,.12);
  --sk-img:linear-gradient(135deg,#D3E3E2 0%,#E3EEEC 55%,#D8E6E2 100%);
  --lp-shadow:0 1px 2px rgba(16,32,38,.05),0 22px 48px -28px rgba(16,32,38,.32);
  color:var(--lp-ink); font-family:'Inter','Helvetica Neue',Helvetica,sans-serif;
}

.lp{position:relative;min-height:100vh;background:var(--lp-bg);overflow-x:clip;-webkit-font-smoothing:antialiased}
.lp *,.lpa *{box-sizing:border-box}
.lp [hidden],.lpa [hidden],.lpa[hidden]{display:none!important}
.lp a{color:inherit;text-decoration:none}
.lp :focus-visible,.lpa :focus-visible{outline:2.5px solid var(--lp-acc2);outline-offset:3px;border-radius:10px}
.lp main:focus,.lp section:focus{outline:none}
.lp-pular{position:fixed;left:16px;top:-60px;z-index:200;padding:10px 16px;border-radius:12px;background:#14232A;color:#fff;font:600 14px 'Inter',sans-serif;text-decoration:none;transition:top .2s}
.lp-pular:focus{top:12px}

/* céu de fundo + folha branca por cima */
.lp-ceu{position:absolute;inset:0 0 auto;height:100vh;background:var(--lp-ceu);overflow:hidden;pointer-events:none}
.lp-ceu i{display:none;position:absolute;border-radius:50%;background:rgba(255,255,255,.75);filter:blur(40px);animation:lpNuvem 28s ease-in-out infinite alternate}
.lp-ceu .n1{width:40%;height:46%;left:-8%;top:4%}.lp-ceu .n2{width:34%;height:40%;right:-6%;top:10%;animation-delay:-9s}.lp-ceu .n3{width:30%;height:30%;left:36%;top:-14%;animation-delay:-16s}
@keyframes lpNuvem{to{transform:translate3d(5%,4%,0) scale(1.08)}}
.lp-folha{position:relative;width:100%;margin:0;padding:0 clamp(20px,4vw,72px);background:transparent}
.lp-folha>main>.lp-sec{position:relative}

/* ---------- peças do esqueleto ---------- */

.sk{display:block;width:var(--w,100%);max-width:100%;height:var(--h,12px);border-radius:999px;background:var(--sk)}
.sk.cl{background:var(--sk-cl)}
.sk.cl2{background:var(--sk-cl2);animation:none}
.sk-ls{display:flex;flex-direction:column;gap:var(--g,10px);width:100%}
.sk-anim{background:var(--sk-img)}
.sk-img{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:inherit;overflow:hidden}
.sk-rot{position:relative;z-index:1;padding:5px 11px;border-radius:999px;background:rgba(255,255,255,.55);font:500 11.5px/1 'Inter',sans-serif;letter-spacing:.04em;text-transform:uppercase;color:rgba(20,35,42,.5)}
.sk-logo{display:inline-flex;align-items:center;gap:10px}
.sk-logo i{width:34px;height:34px;border-radius:11px;background:linear-gradient(140deg,var(--lp-acc2),var(--lp-acc-ink));opacity:.85}
.sk-logo.cl i{background:rgba(255,255,255,.18)}
.sk-pill{display:inline-flex;align-items:center;gap:8px;width:var(--w);height:28px;padding:0 12px;border:1px solid var(--lp-line);border-radius:999px}
.sk-pill i{flex:1;height:8px;border-radius:999px;background:var(--sk)}

/* ---------- botões ---------- */
.lp-bt{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:42px;padding:0 10px 0 18px;border:1px solid transparent;border-radius:999px;font:500 14.5px/1 'Inter',sans-serif;cursor:pointer;white-space:nowrap;transition:background .2s,transform .2s cubic-bezier(.34,1.56,.64,1)}
.lp-bt.pri{background:var(--lp-pri);color:var(--lp-pri-ink)}
.lp-bt.pri:hover{background:var(--lp-pri-h);transform:translateY(-1px)}
.lp-bt.sec{padding:0 18px;background:var(--lp-surface);border-color:var(--lp-line);color:var(--lp-ink)}
.lp-bt.lg{height:50px;padding:0 12px 0 22px;font-size:15.5px;font-weight:600}
.lp-bt.sec.lg{padding:0 24px}
.lp-bt.md{height:42px;padding:0 9px 0 18px;font-size:14.5px;font-weight:600}.lp-bt.sec.md{padding:0 20px}
.lp-bt.sec:hover{transform:translateY(-1px);border-color:rgba(20,35,42,.18)}
.lp-bt-txt{padding:0 18px;background:none;color:var(--lp-ink);font-weight:600}.lp-bt-txt:hover{background:var(--lp-bg)}
.lp-bt.cl{background:#fff;color:#14232A}.lp-bt.cl .lp-bt-i{background:#14232A;color:#fff}.lp-bt.cl:hover{transform:translateY(-1px)}
.lp-bt.lin{padding:0 24px;border-color:rgba(255,255,255,.35);background:transparent;color:#fff}.lp-bt.lin:hover{background:rgba(255,255,255,.08)}
.lp-bt-i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.14);transition:transform .25s}
.lp-bt:hover .lp-bt-i{transform:rotate(45deg)}
.lp-ico-bt{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--lp-line);border-radius:50%;background:var(--lp-surface);color:var(--lp-ink2);cursor:pointer}
.lp-ico-bt:hover{color:var(--lp-ink)}

/* ---------- navegação ---------- */
/* altura da barra acompanha a altura da tela: em notebooks fica mais fina e sobra espaço para os cartões da capa */
:root{--lp-nav-h:clamp(48px,7vh,60px);--lp-nav-m:clamp(8px,1.5vh,14px);--lp-nav-k:1}
.lp-nav{position:relative;z-index:5;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:var(--lp-nav-h);margin:var(--lp-nav-m) 0 0;padding:0 10px 0 18px;border:1px solid rgba(20,35,42,.07);border-radius:999px;background:#fff;box-shadow:0 1px 2px rgba(16,32,38,.04),0 12px 32px -18px rgba(16,32,38,.22)}
.lp-nav-acts{justify-self:end}
.lp-nav-logo{display:flex;flex:none;border-radius:12px}
.lp-nav-links{display:flex;align-items:center;justify-self:start;gap:4px;margin:0 0 0 clamp(12px,2vw,28px)}
.lp-nl{position:relative;display:flex;align-items:center;height:min(38px,calc(var(--lp-nav-h) - 14px));padding:0 16px;border-radius:999px;font:500 14.5px/1 'Inter',sans-serif;color:var(--lp-ink2);transition:color .2s,background .2s}
.lp-nl:hover{color:var(--lp-ink);background:var(--lp-bg)}

.lp-menu nav a{font:500 15px/1 'Inter',sans-serif;color:var(--lp-ink)}
.lp-nav-acts{display:flex;align-items:center;gap:8px;flex:none}
.lp-nav-mn{display:none}
.lp-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:20;padding:10px;border:1px solid var(--lp-line);border-radius:22px;background:var(--lp-surface);box-shadow:var(--lp-shadow);animation:lpMenu .25s cubic-bezier(.22,1,.36,1)}
.lp-menu nav{display:flex;flex-direction:column}
.lp-menu nav a{display:flex;align-items:center;height:48px;padding:0 14px;border-radius:14px}
.lp-menu nav a:hover{background:var(--lp-bg)}
.lp-menu-bt{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:4px}
@keyframes lpMenu{from{opacity:0;transform:translateY(-6px)}}

/* ---------- capa ---------- */
.lp-hero{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:space-between;height:calc(100vh - var(--lp-nav-h) * var(--lp-nav-k) - var(--lp-nav-m));height:calc(100svh - var(--lp-nav-h) * var(--lp-nav-k) - var(--lp-nav-m));min-height:480px;padding:clamp(24px,5.5vh,80px) 0 0;text-align:center}
.lp-hero-tx{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:clamp(20px,3.6vh,36px);max-width:min(1400px,92vw)}



.lp-hero-t{margin:0;font:600 clamp(30px,min(3.9vw,5.8vh),84px)/1.05 'Inter',sans-serif;letter-spacing:-.045em;color:var(--lp-ink);text-wrap:balance}

.lp-hero-s{margin:0;max-width:min(45em,90vw);font-size:clamp(15px,min(1.15vw,2vh),22px);line-height:1.5;color:var(--lp-ink3);text-wrap:balance}
.lp-hero-bt{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:-4px}




.lp-cds{position:relative;z-index:1;width:100vw;flex:1 1 0;min-height:260px;height:auto;margin:clamp(24px,5vh,64px) 0 0 calc(50% - 50vw);align-self:flex-start;overflow:hidden}
.lp-cd{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform;backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:geometricPrecision;width:clamp(360px,30vw,480px);display:flex;flex-direction:column;gap:18px;padding:12px 12px 22px;border:1px solid rgba(255,255,255,.95);border-radius:30px;background:#F8FBFA;box-shadow:0 1px 2px rgba(16,32,38,.05),0 30px 60px -34px rgba(16,32,38,.4);text-align:left}
.lp-cd-ui{display:flex;flex-direction:column;gap:18px;height:clamp(270px,21vw,320px);padding:22px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1px var(--lp-line2)}
.lp-cd-h{display:flex;align-items:center;gap:10px;font:600 15.5px/1.2 'Inter',sans-serif;color:var(--lp-ink)}
.lp-cd-ic{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:color-mix(in srgb,#3D8FA0 14%,#fff);color:#256B79;font-style:normal}
.lp-cd-ds{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.lp-cd-d{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 0;border-radius:12px;background:var(--lp-bg)}
.lp-cd-d small{font-size:10.5px;color:var(--lp-ink3)}.lp-cd-d b{font:600 14px/1 'Inter',sans-serif;color:var(--lp-ink)}
.lp-cd-d.on{background:var(--lp-ink)}.lp-cd-d.on small{color:rgba(255,255,255,.6)}.lp-cd-d.on b{color:#fff}
.lp-cd-evs{display:flex;flex-direction:column;justify-content:space-evenly;gap:7px;flex:1}
.lp-cd-ev{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:12px;background:#E6F1F3;font-size:12.5px;color:var(--lp-ink2)}
.lp-cd-ev i{width:6px;height:6px;border-radius:50%;background:var(--lp-leaf)}.lp-cd-ev b{flex:1;color:var(--lp-ink)}
.lp-cd-hm{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:auto repeat(4,40px);justify-items:center;align-items:center;row-gap:2px;flex:1;align-content:start}
.lp-cd-hm b{margin:2px 0 8px}
.lp-cd-z{display:grid;opacity:.75}
.lp-cd-c{display:grid;place-items:center;width:100%;height:36px}.lp-cd-pt{width:6px;height:6px;border-radius:50%;background:#E3E9E8}

.lp-cd-hm b{font:500 12px/1 'Inter',sans-serif;color:var(--lp-ink3)}
.lp-cd-tb{display:flex;gap:4px;padding:4px;border-radius:999px;background:var(--lp-bg);align-self:stretch}.lp-cd-tb span{flex:1 1 auto;text-align:center;white-space:nowrap}.lp-cd-tb .lp-cd-fav{flex:1.6 1 auto}
.lp-cd-tb span{padding:7px 14px;border-radius:999px;font:600 12px/1 'Inter',sans-serif;letter-spacing:.03em;color:var(--lp-ink3)}
.lp-cd-tb span.on{background:#fff;color:var(--lp-ink);box-shadow:0 1px 2px rgba(16,32,38,.1)}
.lp-cd-als{display:flex;flex-direction:column;gap:7px}
.lp-cd-al{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;border-radius:12px;background:var(--lp-bg);font-size:13px;font-weight:500;color:var(--lp-ink);white-space:nowrap}
.lp-cd-al small{font-size:12px;font-weight:500;color:var(--lp-ink3)}
.lp-cd-ev.c2 i{background:#3D8FA0}.lp-cd-ev.c3 i{background:#E0A458}
.lp-cd-gr{position:relative;flex:1;margin:22px 18px 8px 8px}
.lp-cd-gr svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lp-cd-pp{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 2.5px #3D8FA0}
.lp-cd-pp em{position:absolute;left:50%;bottom:calc(100% + 7px);transform:translateX(-50%);padding:3px 6px;border-radius:6px;background:#F1F5F5;font:600 10.5px/1 'Inter',sans-serif;font-style:normal;color:var(--lp-ink2);white-space:nowrap}
.lp-cd-pp.ult{background:#3D8FA0;box-shadow:0 0 0 2.5px #3D8FA0,0 0 0 6px rgba(61,143,160,.2)}.lp-cd-pp.ult em{background:#14232A;color:#fff}
.lp-cd-meta{position:absolute;left:0;transform:translateY(4px);padding:3px 7px;border-radius:999px;background:#E6F1F3;font:600 10px/1 'Inter',sans-serif;color:#256B79}
.lp-cd-fh{display:flex;align-items:baseline;gap:10px}.lp-cd-fh b{font:600 24px/1 'Inter',sans-serif;letter-spacing:-.02em;color:var(--lp-ink)}
.lp-cd-fh span{padding:4px 8px;border-radius:999px;background:#E3F3EA;font:600 11.5px/1 'Inter',sans-serif;color:#2E8A5E}
.lp-cd-br{position:relative;display:flex;align-items:flex-end;gap:10px;flex:1;padding:0 2px}
.lp-cd-bc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;height:100%}
.lp-cd-bc i{width:100%;height:var(--h);border-radius:8px 8px 4px 4px;background:#EEF2F1}
.lp-cd-bc small{font:500 11px/1 'Inter',sans-serif;color:var(--lp-ink3)}
.lp-cd-bc.on i{background:linear-gradient(180deg,#8FD1DE,#3D8FA0);box-shadow:0 10px 20px -10px rgba(61,143,160,.6)}.lp-cd-bc.on small{color:var(--lp-ink);font-weight:600}
.lp-cd-br em{position:absolute;left:0;right:0;top:24%;border-top:1.5px dashed rgba(61,143,160,.55)}.lp-cd-br em small{position:absolute;left:0;top:-15px;font:600 10px/1 'Inter',sans-serif;font-style:normal;color:#256B79}
.lp-cd-tx{margin:0;padding:0 12px;font-size:16px;line-height:1.4;color:var(--lp-ink3)}
.lp-cd-tx small{display:block;margin-bottom:6px;font:700 11px/1 'Inter',sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--lp-ink3)}
.lp-cd-tx b{color:var(--lp-ink);font-weight:600}

/* ---------- como funciona (faixa colorida) ---------- */
.lp-como{padding-top:clamp(72px,9vw,112px)}
.lp-como-in{position:relative;padding:clamp(48px,6vw,80px) clamp(20px,4vw,64px);border-radius:36px;background:linear-gradient(140deg,#14232A 0%,#1F3D47 55%,#256B79 100%);color:#fff;overflow:hidden}
.lp-como-in::before{content:'';position:absolute;right:-120px;top:-140px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(143,209,222,.35),transparent 70%)}
.lp-como .lp-h2{color:#fff}
.lp-rot.cl{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:rgba(255,255,255,.85)}.lp-rot.cl::before{background:#8FD1DE}
.lp-et{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:44px 0 0;padding:0;list-style:none;counter-reset:et}
.lp-et li{display:flex;flex-direction:column;gap:10px;padding:26px 24px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.06);backdrop-filter:blur(6px)}
.lp-et-n{display:grid;place-items:center;width:42px;height:42px;margin-bottom:8px;border-radius:14px;background:#8FD1DE;color:#14232A;font:700 14px/1 'Inter',sans-serif}
.lp-et h3{margin:0;font:600 19px/1.25 'Inter',sans-serif;letter-spacing:-.01em}
.lp-et p{margin:0;max-width:44ch;font-size:15px;line-height:1.55;color:rgba(255,255,255,.72);text-wrap:balance}
.lp-como .lp-sec-h{align-items:flex-start;text-align:left}
.lp p,.lp li,.lp h3{text-wrap:balance}

/* ---------- chamada final ---------- */
.lp-cta{position:relative;display:flex;flex-direction:column;align-items:center;gap:16px;margin:clamp(72px,9vw,112px) 0 clamp(56px,7vw,88px);padding:clamp(48px,7vw,88px) 24px;border-radius:36px;background:linear-gradient(135deg,#256B79 0%,#3D8FA0 50%,#5FA9B8 100%);color:#fff;text-align:center;overflow:hidden}
.lp-cta i{position:absolute;border-radius:50%;background:rgba(255,255,255,.1)}
.lp-cta .b1{width:340px;height:340px;left:-90px;bottom:-170px}.lp-cta .b2{width:240px;height:240px;right:-60px;top:-110px}
.lp-cta h2{position:relative;margin:0;font:600 clamp(28px,3.6vw,46px)/1.1 'Inter',sans-serif;letter-spacing:-.035em;text-wrap:balance}
.lp-cta p{position:relative;margin:0;font-size:17px;color:rgba(255,255,255,.85)}
.lp-cta-bt{position:relative;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px}

/* ---------- seções ---------- */
.lp-sec{padding-top:clamp(72px,9vw,112px)}
.lp-sec-h{display:flex;flex-direction:column;align-items:center;gap:20px;text-align:center}

/* funcionalidades em abas */
.lp-fns{display:flex;flex-direction:column;gap:clamp(56px,8vw,104px);max-width:1120px;margin:56px auto 0}
.lp-fn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;gap:clamp(28px,5vw,72px)}
.lp-fn.inv .lp-fn-tx{order:2}
.lp-fn.grande{grid-template-columns:minmax(0,1fr);gap:32px}
.lp-fn.grande .lp-fn-tx{align-items:center;text-align:center;margin:0 auto;max-width:720px}
.lp-fn.grande .lp-fn-d{max-width:520px;text-wrap:balance}
.lp-fn.grande .lp-fn-t{font-size:clamp(28px,3.2vw,40px)}
.lp-fns{margin-top:clamp(56px,7vw,88px)}
.lp-fn.grande ul{align-items:flex-start}
.lp-fn.grande .lp-fn-im{height:clamp(300px,46vw,560px);border-radius:32px;box-shadow:0 1px 2px rgba(16,32,38,.05),0 30px 60px -36px rgba(16,32,38,.35)}
.lp-fn.grande .sk-img{background:linear-gradient(150deg,#A9C7CB 0%,#7FA7AE 50%,#5E8C95 100%)}
.lp-fn-tx{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.lp-fn-t{margin:0;font:600 clamp(26px,3vw,36px)/1.15 'Inter',sans-serif;letter-spacing:-.03em;color:var(--lp-ink);text-wrap:balance}
.lp-fn-d{margin:0;max-width:440px;text-wrap:pretty;font-size:16px;line-height:1.6;color:var(--lp-ink3)}
.lp-fn-tx ul{display:flex;flex-direction:column;gap:12px;margin:6px 0 0;padding:0;list-style:none}
.lp-fn-tx li{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.45;color:var(--lp-ink2)}
.lp-fn-im{height:clamp(260px,32vw,400px);border-radius:28px;overflow:hidden}
.lp-fn:nth-child(3) .sk-img{background:linear-gradient(150deg,#C7D9CC 0%,#9CBDA6 60%,#7DA588 100%)}
.lp-fn:nth-child(4) .sk-img{background:linear-gradient(150deg,#D6D2C6 0%,#BDB4A0 60%,#A39882 100%)}

/* planos */


.lp-rot{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--lp-line);border-radius:999px;background:var(--lp-surface);font:500 13px/1 'Inter',sans-serif;color:var(--lp-ink2)}
.lp-rot::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--lp-leaf)}
.lp-h2{margin:0;font:600 clamp(28px,3.4vw,44px)/1.1 'Inter',sans-serif;letter-spacing:-.035em;color:var(--lp-ink);text-wrap:balance}
.lp-sub{margin:0;max-width:520px;text-wrap:balance;font-size:16.5px;line-height:1.6;color:var(--lp-ink3)}
.lp-tg{position:relative;display:inline-flex;align-items:stretch;width:230px;height:44px;margin-top:6px;padding:4px;border:1px solid var(--lp-line);border-radius:999px;background:var(--lp-bg);cursor:pointer;font-family:'Inter',sans-serif;-webkit-tap-highlight-color:transparent}
.lp-tg span{position:relative;z-index:1;flex:1 1 0;min-width:0;display:flex;white-space:nowrap;align-items:center;justify-content:center;gap:6px;font:500 14px/1 'Inter',sans-serif;color:var(--lp-ink3);transition:color .3s}
.lp-tg b{padding:3px 6px;border-radius:999px;background:var(--lp-leaf-soft);color:var(--lp-leaf);font-size:11.5px;font-weight:600}
.lp-tg:not(.lp-an) span:first-child,.lp-tg.lp-an span:nth-child(2){color:var(--lp-ink)}
.lp-tg i{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--lp-surface);box-shadow:0 1px 2px rgba(16,32,38,.1),0 4px 12px -6px rgba(16,32,38,.25);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.lp-tg.lp-an i{transform:translateX(100%)}
.lp-pls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch;max-width:760px;margin:44px auto 0}
.lp-pl{position:relative;display:flex;flex-direction:column;gap:16px;padding:28px 24px;border:1px solid var(--lp-line);border-radius:26px;background:var(--lp-surface);color:var(--lp-ink);transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.lp-pl:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(16,32,38,.04),0 16px 34px -24px rgba(16,32,38,.28)}
.lp-pl.dest{padding:28px 24px;border-color:transparent;background:var(--lp-escuro);color:#F2F7F6;box-shadow:0 1px 2px rgba(16,32,38,.1),0 16px 36px -24px rgba(16,32,38,.4)}
.lp-pl.dest:hover{box-shadow:0 1px 2px rgba(16,32,38,.1),0 20px 40px -24px rgba(16,32,38,.45)}
.lp-pl-tag{position:absolute;top:16px;right:16px;padding:6px 11px;border-radius:999px;background:var(--lp-soft2);font:600 12px/1 'Inter',sans-serif;color:var(--lp-acc-ink)}
.lp-pl.dest .lp-pl-tag{background:#5DBB8A;color:#0E2A1E}
.lp-pl-q{position:absolute;top:16px;right:16px;display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 6px 0 12px;border:1px solid var(--lp-line);border-radius:999px;background:var(--lp-bg);font:500 12.5px/1 'Inter',sans-serif;color:var(--lp-ink2);cursor:pointer;transition:background .2s,border-color .2s}
.lp-pl-q i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:var(--lp-ink);color:#fff;font:700 11px/1 'Inter',sans-serif;font-style:normal;transition:transform .3s}
.lp-pl-q:hover{background:var(--lp-surface);border-color:var(--lp-ink3)}
.lp-pl.info .lp-pl-q{border-color:var(--lp-leaf);background:var(--lp-leaf-soft);color:var(--lp-ink)}.lp-pl.info .lp-pl-q i{background:var(--lp-leaf)}
.lp-pl-info{display:grid;grid-template-rows:0fr;margin:-16px 0 0;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1),margin .35s}
.lp-pl-info>div{overflow:hidden;display:flex;flex-direction:column;gap:8px;padding:0 14px;border-radius:14px;background:var(--lp-leaf-soft);transition:padding .35s}
.lp-pl-info p{margin:0;font-size:13.5px;line-height:1.5;color:var(--lp-ink2)}
.lp-pl.info .lp-pl-info{grid-template-rows:1fr;margin:0}
.lp-pl.info .lp-pl-info>div{padding:12px 14px}
.lp-hide{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.lp-pl-h h3{margin:0;font:600 26px/1.15 'Inter',sans-serif;letter-spacing:-.01em}
.lp-pl-h p{margin:6px 0 0;font-size:14px;line-height:1.45;color:var(--lp-ink3)}
.lp-pl.dest .lp-pl-h p,.lp-pl.dest .lp-pl-n,.lp-pl.dest .lp-pl-per{color:rgba(242,247,246,.66)}
.lp-pl-p{display:flex;align-items:baseline;gap:6px;margin-top:4px}
.lp-pl-v{display:flex;align-items:baseline;font:600 44px/1 'Inter',sans-serif;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.lp-pl-v small{margin-right:4px;font-size:16px;font-weight:500;letter-spacing:0}
.lp-pl-v sup{font-size:20px;letter-spacing:-.01em;vertical-align:baseline}
.lp-pl-per{font-size:14px;color:var(--lp-ink3)}
.lp-pl-n{margin:-6px 0 0;min-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;line-height:1.45;color:var(--lp-ink3)}
.lp-pl-num{display:inline-flex;align-items:baseline;animation:lpNum .3s ease-out}
@keyframes lpNum{from{opacity:.35}}
.lp-pl-bt{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;margin-top:2px;border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-bg);font:600 14.5px/1 'Inter',sans-serif;color:var(--lp-ink);cursor:pointer;transition:background .2s,transform .2s}
.lp-pl-bt:hover{background:var(--lp-surface);transform:translateY(-1px)}
.lp-pl-bt svg{transition:transform .25s cubic-bezier(.22,1,.36,1)}.lp-pl-bt:hover svg{transform:translateX(3px)}
.lp-pl.dest .lp-pl-bt{border-color:transparent;background:#FFFFFF;color:#13262C}
.lp-pl.dest .lp-pl-bt:hover{background:#E9F4F0}
.lp-pl ul{display:flex;flex-direction:column;gap:10px;margin:4px 0 0;padding:18px 0 0;border-top:1px solid var(--lp-line2);list-style:none}
.lp-pl.dest ul{border-color:rgba(255,255,255,.1)}
.lp-pl li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;color:var(--lp-ink2)}
.lp-pl li b{font-weight:600;color:var(--lp-ink)}
.lp-pl.dest li{color:rgba(242,247,246,.72)}.lp-pl.dest li b{color:#fff}
.lp-pl li .lp-pl-ck{margin-top:0}
.lp-pl li.fora{color:var(--lp-ink3);font-weight:400}.lp-pl li.fora span:first-of-type{text-decoration:line-through;text-decoration-color:rgba(16,32,38,.3)}
.lp-pl li.fora .lp-pl-ck{background:var(--lp-bg);color:var(--lp-ink3)}
.lp-pl-ck{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:50%;background:var(--lp-leaf-soft);color:var(--lp-leaf)}
.lp-pl.dest .lp-pl-ck{background:rgba(93,187,138,.22);color:#8FD9B0}

/* perguntas frequentes */
.lp-faq{padding-bottom:clamp(72px,9vw,112px)}
.lp-faq-l{max-width:780px;margin:40px auto 0}


.lp-faq-l{display:flex;flex-direction:column;gap:10px}
.lp-fq{border:1px solid var(--lp-line);border-radius:20px;background:var(--lp-surface);transition:background .3s,border-color .3s}
.lp-fq.ab{background:var(--lp-surface);border-color:var(--lp-line);box-shadow:0 1px 2px rgba(16,32,38,.04),0 14px 30px -24px rgba(16,32,38,.25)}
.lp-fq-q{display:flex;align-items:center;gap:16px;width:100%;padding:20px 20px 20px 22px;border:0;background:transparent;cursor:pointer;text-align:left;border-radius:20px}
.lp-fq-h{margin:0;font:inherit}
.lp-fq-qt{flex:1;font:600 16px/1.4 'Inter',sans-serif;letter-spacing:-.01em;color:var(--lp-ink)}
.lp-fq-a p{margin:0;max-width:640px;font-size:15px;line-height:1.65;color:var(--lp-ink3)}
.lp-fq-i{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:var(--lp-soft2);color:var(--lp-acc);transition:transform .35s cubic-bezier(.22,1,.36,1),background .3s}
.lp-fq.ab .lp-fq-i{transform:rotate(45deg);background:var(--lp-pri);color:var(--lp-pri-ink)}
.lp-fq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s cubic-bezier(.22,1,.36,1)}
.lp-fq-a>div{overflow:hidden;padding:0 22px}
.lp-fq.ab .lp-fq-a{grid-template-rows:1fr}
.lp-fq.ab .lp-fq-a>div{padding-bottom:22px}

/* rodapé escuro */
.lp-rod{background:var(--lp-rod);color:#fff}
.lp-rod-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:40px;margin:0;padding:64px clamp(20px,4vw,72px) 32px}
.lp-rod-m{display:flex;flex-direction:column;gap:16px}
.lp-rod-tag{margin:0;max-width:280px;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.6)}
.lp-rod-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.lp-rod-c h3{margin:0 0 18px;font:600 14px/1.2 'Inter',sans-serif;color:#fff}
.lp-rod-c ul{display:flex;flex-direction:column;gap:13px;margin:0;padding:0;list-style:none}
.lp-rod-c a,.lp-rod-c button,.lp-rod-leg a{padding:0;border:0;background:none;font:400 14px/1.4 'Inter',sans-serif;color:rgba(255,255,255,.58);text-decoration:none;text-align:left;cursor:pointer;transition:color .2s}
.lp-rod-c a:hover,.lp-rod-c button:hover,.lp-rod-leg a:hover{color:#fff}
.lp-rod-br{display:inline-flex;align-items:center;gap:8px;font-size:14px;line-height:1.4;color:rgba(255,255,255,.36)}
.lp-rod-br em{padding:3px 7px;border-radius:999px;background:rgba(255,255,255,.07);font:500 10.5px/1 'Inter',sans-serif;font-style:normal;color:rgba(255,255,255,.5)}
.lp-rod-b{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:rgba(255,255,255,.45)}
.lp-rod-leg{display:flex;flex-wrap:wrap;align-items:center;gap:20px}
.lp-rod-leg .lp-rod-br{font-size:13px}.lp-rod-leg a{font-size:13px}

/* entrada ao rolar */
.lp-rv{opacity:0;transform:translateY(14px);transition:opacity .9s cubic-bezier(.25,.6,.3,1),transform 1.1s cubic-bezier(.25,.6,.3,1);transition-delay:calc(var(--d,0) * 70ms)}
.lp-rv.in{opacity:1;transform:none}
.lp-pl.lp-rv.in{transition:opacity .8s cubic-bezier(.22,1,.36,1),transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s}
.lp-pl.lp-rv.in:hover{transform:translateY(-3px);transition-delay:0s}

/* ---------- responsivo ---------- */

@media (max-width:960px){
  .lp-nav-links{display:none}
  .lp-nav{grid-template-columns:auto 1fr}
  .lp-nav-mn{display:grid}
  .lp-pls,.lp-hero,.lp-fn{grid-template-columns:minmax(0,1fr)}
  .lp-fn.inv .lp-fn-tx{order:0}
  .lp-pls{max-width:440px}

  .lp-et{grid-template-columns:minmax(0,1fr)}
  .lp-nav-acts .lp-bt.pri{display:none}
  .lp-rod-in{grid-template-columns:minmax(0,1fr)}
  .lp-pl.dest{padding:28px 26px}
}
@media (max-width:600px){
  .lp-folha{padding:0 16px}
  .lp-hero{min-height:0}
  .lp-hero{padding-top:28px}
  .lp-cd{width:300px}
  .lp-cd-hm{grid-template-rows:auto repeat(4,32px)}.lp-cd-c{height:32px}.lp-cd-c svg{width:26px;height:26px}.lp-cd-hm b{margin:0 0 6px}
  .lp-hero-bt .lp-bt{flex:1 1 auto}
  .lp-rod-g{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}
  .lp-rod-in{padding:44px 18px 24px}
  .lp-rod-b{flex-direction:column;align-items:flex-start}
}
@media (prefers-reduced-motion:reduce){
  .lp *,.lp *::before,.lp *::after,.lpa *,.lpa *::before,.lpa *::after{animation:none!important;transition:none!important}
  .lp-rv{opacity:1;transform:none}
}

/* =========================================================
   PAINEL DE ACESSO (desliza da direita)
   ========================================================= */
.lpa{position:fixed;inset:0;z-index:120}
.lpa-scrim{position:absolute;inset:0;background:rgba(6,14,16,.42);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;transition:opacity .4s ease}
.lpa.on .lpa-scrim{opacity:1}
.lpa-pn{position:absolute;top:12px;right:12px;bottom:12px;display:flex;flex-direction:column;width:min(468px,calc(100vw - 24px));padding:22px clamp(22px,3vw,34px) 28px;border-radius:30px;background:var(--lp-surface);color:var(--lp-ink);box-shadow:0 30px 80px -30px rgba(6,14,16,.55),0 0 0 1px var(--lp-line2);overflow-y:auto;overscroll-behavior:contain;transform:translateX(calc(100% + 28px));transition:transform .55s cubic-bezier(.22,1,.36,1);outline:none}
.lpa.on .lpa-pn{transform:none}
.lpa-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.lpa-x{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--lp-line);border-radius:50%;background:var(--lp-surface);color:var(--lp-ink2);cursor:pointer;transition:background .2s,color .2s,transform .2s}
.lpa-x:hover{background:var(--lp-bg);color:var(--lp-ink);transform:rotate(90deg)}
.lpa-pn.busy .lpa-x{visibility:hidden}
.lpa-corpo{display:flex;flex-direction:column;justify-content:center;flex:1;width:100%;max-width:380px;margin:0 auto;padding:12px 0 8px}
.lpa-corpo>*{animation:lpaIn .45s cubic-bezier(.22,1,.36,1) both}
.lpa-corpo>:nth-child(2){animation-delay:.04s}.lpa-corpo>:nth-child(3){animation-delay:.08s}.lpa-corpo>:nth-child(4){animation-delay:.12s}.lpa-corpo>:nth-child(5){animation-delay:.16s}
@keyframes lpaIn{from{opacity:0;transform:translateX(14px)}}
.lpa-seg{position:relative;display:grid;grid-template-columns:1fr 1fr;padding:4px;margin-bottom:34px;border-radius:999px;background:var(--lp-bg);border:1px solid var(--lp-line2)}
.lpa-seg button{position:relative;z-index:1;height:40px;border:0;border-radius:999px;background:transparent;font:500 14.5px/1 'Inter',sans-serif;color:var(--lp-ink3);cursor:pointer;transition:color .25s}
.lpa-seg button.on{color:var(--lp-ink);font-weight:600}
.lpa-seg i{position:absolute;z-index:0;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:999px;background:var(--lp-surface);box-shadow:0 1px 2px rgba(16,32,38,.1),0 4px 12px -6px rgba(16,32,38,.25);transition:transform .35s cubic-bezier(.22,1,.36,1)}
.lpa-seg button:nth-child(2).on~i{transform:translateX(100%)}
.lpa h2{margin:0;font:600 clamp(24px,2.2vw,28px)/1.15 'Inter',sans-serif;letter-spacing:-.03em;color:var(--lp-ink)}
.lpa-d{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--lp-ink3)}
.lpa-corpo>h2,.lpa-corpo>.lpa-d{text-align:center}.lpa-corpo>.lpa-d{margin-bottom:6px;text-wrap:balance}
.lpa-corpo{justify-content:center;padding:0 0 clamp(24px,6vh,64px)}
.lpa-corpo .lpa-sub{margin-top:14px}
.lpa-d b{color:var(--lp-ink);font-weight:600;word-break:break-all}
.lpa-google{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:50px;margin-top:24px;border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-surface);font:500 15px/1 'Inter',sans-serif;color:var(--lp-ink);cursor:pointer;transition:background .2s,border-color .2s}
.lpa-google:hover{background:var(--lp-bg);border-color:var(--lp-ink3)}
.lpa-google:disabled{cursor:progress;opacity:.8}
.lpa-ou{display:flex;align-items:center;gap:12px;margin:20px 0 0;font-size:12.5px;color:var(--lp-ink3)}
.lpa-ou::before,.lpa-ou::after{content:'';flex:1;border-top:1px solid var(--lp-line)}
.lpa-form{display:flex;flex-direction:column;gap:18px;margin-top:28px}
.lpa-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lpa-f{display:flex;flex-direction:column;gap:7px;min-width:0}
.lpa-f label{font:500 14px/1.2 'Inter',sans-serif;color:var(--lp-ink)}
.lpa-f input{width:100%;height:50px;padding:0 16px;border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-bg);color:var(--lp-ink);font:400 16px 'Inter',sans-serif;transition:border-color .2s,background .2s,box-shadow .2s}
.lpa-f input::placeholder{color:var(--lp-ink3)}
.lpa-f input:hover{border-color:var(--lp-ink3)}
.lpa-f input:focus{outline:none;border-color:var(--lp-acc);background:var(--lp-surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--lp-acc) 16%,transparent)}
.lpa-f input[aria-invalid="true"]{border-color:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 12%,transparent)}
.lpa-f input[readonly]{opacity:.75}
.lpa-pw{position:relative}
.lpa-pw input{padding-right:52px}
.lpa-olho{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:40px;height:40px;border:0;border-radius:10px;background:transparent;color:var(--lp-ink3);cursor:pointer}
.lpa-olho:hover{color:var(--lp-ink);background:var(--lp-surface)}
.lpa-fe{margin:0;font-size:13px;line-height:1.4;color:var(--bad-ink)}
.lpa-linha{display:flex;justify-content:flex-end;margin-top:-6px}
.lpa-lk{padding:2px 0;border:0;background:none;font:600 14px/1.3 'Inter',sans-serif;color:var(--lp-acc);cursor:pointer;border-radius:6px}
.lpa-lk:hover{color:var(--lp-acc-ink);text-decoration:underline;text-underline-offset:3px}
.lpa-req{display:flex;flex-wrap:wrap;gap:8px 16px;margin:-6px 0 0;padding:0;list-style:none}
.lpa-req li{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--lp-ink3);transition:color .2s}
.lpa-req li svg{width:18px;height:18px;padding:3px;border-radius:50%;background:var(--lp-bg);border:1px solid var(--lp-line);color:transparent;transition:background .2s,color .2s,border-color .2s}
.lpa-req li.ok{color:var(--ok-ink)}
.lpa-req li.ok svg{background:var(--ok);border-color:var(--ok);color:#fff}
.lpa-err{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:var(--bad-bg);color:var(--bad-ink);font-size:14px;line-height:1.45;animation:lpaIn .3s ease}
.lpa-err svg{flex:none;margin-top:1px}
.lpa-sub{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin-top:4px;border:0;border-radius:14px;background:var(--lp-pri);color:var(--lp-pri-ink);font:600 15.5px/1 'Inter',sans-serif;cursor:pointer;box-shadow:0 1px 2px rgba(16,32,38,.12),0 12px 26px -14px rgba(16,32,38,.55);transition:background .2s,transform .2s}
.lpa-sub:hover:not(:disabled){background:var(--lp-pri-h);transform:translateY(-1px)}
.lpa-sub:disabled{cursor:progress;opacity:.85}
.lpa-pe{margin:0;padding-top:26px;text-align:center;font-size:14.5px;color:var(--lp-ink3)}
.lpa-voltar{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;margin:0 0 22px;padding:8px 14px 8px 10px;border:1px solid var(--lp-line);border-radius:999px;background:var(--lp-surface);font:500 14px/1 'Inter',sans-serif;color:var(--lp-ink2);cursor:pointer}
.lpa-voltar:hover{color:var(--lp-ink);background:var(--lp-bg)}
.lpa-ok{display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto 0;padding:24px 0}
.lpa-ok-i{display:grid;place-items:center;width:72px;height:72px;margin-bottom:22px;border-radius:50%;background:var(--lp-leaf-soft);color:var(--lp-leaf);animation:lpaPop .6s cubic-bezier(.34,1.56,.64,1)}
@keyframes lpaPop{from{transform:scale(.6);opacity:0}}
.lpa-ok .lpa-sub{margin-top:28px}
.lpa-spin{display:inline-block;width:18px;height:18px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:lpaGira .8s linear infinite;opacity:.9}
.lpa-spin.lg{width:44px;height:44px;border-width:3px;margin-bottom:22px;color:var(--lp-acc)}
@keyframes lpaGira{to{transform:rotate(360deg)}}
@media (max-width:560px){
  .lpa-pn{top:0;right:0;bottom:0;width:100vw;border-radius:0;padding:16px 18px 24px}
}
@media (prefers-reduced-motion:reduce){ .lpa-spin{animation:lpaGira 1.6s linear infinite!important} }

.lp-cd-fav{padding:7px 12px;border-radius:999px;font:600 12px/1 'Inter',sans-serif;color:#B7791F}
.lp-cd-al{display:grid!important;grid-template-columns:minmax(0,1fr) auto auto;gap:18px}
.lp-cd-al b{min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis}.lp-cd-al i{font-style:normal;font-size:12px;color:#CAD5D4}.lp-cd-al i.on{color:#E0A458}.lp-cd-al small{text-align:right}
.lp-cd-als{gap:6px}.lp-cd-al{padding:7px 14px;font-size:12.5px;border-radius:11px}

.lp-pl li{white-space:nowrap;text-wrap:nowrap}.lp-pl li>span:first-of-type{overflow:hidden;text-overflow:ellipsis}
.lp-pls{align-items:stretch}

/* ---------- textura, contraste e faixas ---------- */
.lp-hero::before{content:'';position:absolute;inset:-76px calc(50% - 50vw) 0;z-index:0;pointer-events:none;background-image:radial-gradient(rgba(20,35,42,.13) 1px,transparent 1.2px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 70% 60% at 50% 30%,#000 30%,transparent 75%)}
.lp-hero>*{position:relative;z-index:1}
.lp-nums{margin:clamp(40px,6vw,72px) 0 0}
.lp-nums ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:clamp(22px,3vw,32px) clamp(16px,3vw,40px);list-style:none;border-radius:28px;background:#fff;border:1px solid var(--lp-line);box-shadow:0 1px 2px rgba(16,32,38,.04),0 20px 40px -32px rgba(16,32,38,.3)}
.lp-nums li{display:flex;flex-direction:column;gap:6px;padding:0 clamp(12px,2vw,28px);border-left:1px solid var(--lp-line)}
.lp-nums li:first-child{border-left:0}
.lp-nums b{font:700 clamp(32px,3.4vw,46px)/1 'Inter',sans-serif;letter-spacing:-.04em;color:#256B79}
.lp-nums span{font-size:14.5px;line-height:1.45;color:var(--lp-ink2);text-wrap:balance}
.lp-funcs{position:relative}
.lp-quem-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:1120px;margin:44px auto 0}
.lp-quem-c{display:flex;flex-direction:column;gap:12px;padding:28px 26px;border-radius:26px;background:#fff;border:1px solid var(--lp-line);transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s}
.lp-quem-c:hover{transform:translateY(-3px);box-shadow:0 22px 40px -28px rgba(16,32,38,.35)}
.lp-quem-c h3{display:flex;align-items:center;gap:12px}
.lp-quem-ic{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:16px;background:color-mix(in srgb,#3D8FA0 14%,#fff);color:#256B79}
.lp-quem-c h3{margin:0;font:600 19px/1.25 'Inter',sans-serif;letter-spacing:-.01em;color:var(--lp-ink)}
.lp-quem-c p{margin:0;font-size:15px;line-height:1.6;color:var(--lp-ink2)}
.lp-planos{position:relative;isolation:isolate}
.lp-planos::before{content:'';position:absolute;inset:clamp(40px,5vw,72px) calc(50% - 50vw) -40px;z-index:-1;background:linear-gradient(180deg,transparent,#EDF3F2 18%,#EDF3F2 82%,transparent);pointer-events:none}
.lp-h2{color:#0F1E24}
@media (max-width:900px){.lp-nums ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px}.lp-nums li:nth-child(odd){border-left:0}}
@media (max-width:960px){.lp-quem-g{grid-template-columns:minmax(0,1fr)}}

/* destaque de cor nos títulos e rótulos */
.lp-ac{font-style:normal;color:#2A7F8F}
.lp-como .lp-ac{color:#8FD1DE}
.lp-rot{border-color:rgba(42,127,143,.22);background:#E9F4F5;color:#1F6271;font-weight:600}
.lp-rot::before{background:#2A7F8F}
.lp-rot.cl{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:rgba(255,255,255,.9)}
.lp-sub,.lp-fn-d,.lp-hero-s{color:#46585E}
.lp-fn-tx li .lp-pl-ck,.lp-pl:not(.dest) li:not(.fora) .lp-pl-ck{background:#E3F1F3;color:#2A7F8F}
.lp-nums li span{color:#3D5158}

.lp-hero-t .lp-ac{color:#2A7F8F}
.lp-hero-s b{font-weight:600;color:#1F3D47}

.lp-nums li{gap:4px}.lp-nums b{margin-bottom:6px}.lp-nums strong{font:600 15.5px/1.3 'Inter',sans-serif;color:var(--lp-ink)}.lp-nums li span{font-size:13.5px;line-height:1.45;color:#52646A}

/* ícone ao lado dos títulos grandes */
.lp-tic{display:inline-grid;place-items:center;width:1.15em;height:1.15em;margin-right:.32em;border-radius:.32em;background:#E3F1F3;color:#2A7F8F;vertical-align:-.16em}
.lp-tic svg{width:58%;height:58%}
.lp-como .lp-tic{background:rgba(143,209,222,.16);color:#8FD1DE}
.lp-fn-t{display:flex;align-items:center;gap:16px}.lp-fn.grande .lp-fn-t{flex-direction:column;gap:18px}
.lp-fn-t .lp-tic{flex:none;width:52px;height:52px;margin:0;border-radius:16px}
.lp-fn-t .lp-tic svg{width:24px;height:24px}

/* telas grandes sem escala do sistema (2K, 4K a 100%): menu, botões e texto da capa crescem junto */
@media (min-width:2200px) and (min-height:1200px){.lp-nav,.lp-hero-bt{zoom:1.3}:root{--lp-nav-k:1.3}}
@media (min-width:3200px) and (min-height:1700px){.lp-nav,.lp-hero-bt{zoom:1.7}:root{--lp-nav-k:1.7}.lp-hero-tx{max-width:2000px}.lp-hero-t{font-size:120px}.lp-hero-s{font-size:28px}}

/* respostas das perguntas frequentes: parágrafos curtos e lista com marcador discreto */
.lp-fq-r{display:flex;flex-direction:column;gap:10px}
.lp-fq-r p{margin:0;max-width:640px;font-size:15px;line-height:1.65;color:var(--lp-ink3)}
.lp-fq-r b{color:var(--lp-ink);font-weight:600}
.lp-fq-r ul{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
.lp-fq-r li{position:relative;padding-left:18px;font-size:15px;line-height:1.5;color:var(--lp-ink2)}
.lp-fq-r li::before{content:'';position:absolute;left:4px;top:.62em;width:6px;height:6px;border-radius:50%;background:#3D8FA0}
.lp-nav .lp-bt{height:min(42px,calc(var(--lp-nav-h) - 10px))}
/* destaques em negrito nas descrições, como na capa */
.lp-sub b,.lp-fn-d b{font-weight:600;color:#1F3D47}
/* mais respiro entre o título da seção Funcionalidades e o bloco do dashboard */
.lp-fns{margin-top:clamp(88px,11vw,140px)}
.lp-quem-c p b{font-weight:600;color:#1F3D47}
.lp-et p b,.lp-cta p b{font-weight:600;color:#fff}
/* barra com 5 links: rótulos sempre em uma linha; em telas estreitas o espaçamento diminui */
.lp-nl{white-space:nowrap}
@media (max-width:1180px){.lp-nl{padding:0 11px}.lp-nav{gap:10px}}
@media (max-width:1060px){.lp-nl{padding:0 8px;font-size:14px}}
/* celular: a faixa de cartões tem a altura do cartão (maior que a sobra da tela); a capa cresce junto para não invadir a seção de baixo */
@media (max-width:699px){.lp-hero{height:auto;min-height:0;padding-bottom:8px}}

/* ---------- celular: menu mais enxuto ---------- */
.lp-menu{padding:8px}
.lp-menu nav a{justify-content:space-between;height:46px;padding:0 12px 0 14px;border-radius:12px;font-size:15px}
.lp-menu nav a{position:relative}
.lp-menu nav a+a::before{content:'';position:absolute;left:14px;right:14px;top:0;border-top:1px solid var(--lp-line2)}
.lp-menu nav a:hover::before,.lp-menu nav a:hover+a::before{opacity:0}
.lp-menu nav a svg{color:var(--lp-ink3);transition:transform .2s}
.lp-menu nav a:hover svg{transform:translateX(2px);color:var(--lp-ink)}
.lp-menu-bt{margin:6px 0 0;padding:10px 2px 2px;border-top:1px solid var(--lp-line2)}
.lp-menu-bt .lp-bt{height:44px;justify-content:center;padding:0 16px}

/* ---------- celular: entrar e criar conta numa folha que sobe de baixo, compacta ---------- */
@media (max-width:560px){
  .lpa-pn{top:auto;left:0;right:0;bottom:0;width:100vw;max-height:94dvh;padding:10px 18px calc(18px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;transform:translateY(105%)}
  .lpa-top{position:relative;justify-content:center;min-height:30px;margin-bottom:6px}
  .lpa-top .sk-logo{display:none}
  .lpa-top::before{content:'';width:40px;height:4px;border-radius:999px;background:var(--lp-line)}
  .lpa-x{position:absolute;right:-6px;top:0;width:34px;height:34px}
  .lpa-corpo{flex:none;padding:0 0 4px}
  .lpa-seg{margin-bottom:20px}
  .lpa-seg button{height:36px;font-size:14px}
  .lpa h2{font-size:22px}
  .lpa-d{margin-top:6px;font-size:14px}
  .lpa-google{height:44px;margin-top:16px}
  .lpa-ou{margin-top:14px}
  .lpa-form{gap:12px;margin-top:18px}
  .lpa-2{grid-template-columns:1fr 1fr;gap:10px}
  .lpa-f{gap:5px}
  .lpa-f label{font-size:13px}
  .lpa-f input{height:44px;padding:0 14px;border-radius:12px}
  .lpa-olho{width:36px;height:36px}
  .lpa-req{gap:6px 14px;margin-top:-2px}
  .lpa-req li{font-size:12.5px}
  .lpa-sub{height:46px;border-radius:12px;font-size:15px}
  .lpa-corpo .lpa-sub{margin-top:8px}
  .lpa-pe{padding-top:16px;font-size:14px}
  .lpa-voltar{margin-bottom:14px}
}


/* ===================== planos: 3 cartões (Gratuito, Estudante, Pro) ===================== */
.lp-pls3{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1120px;gap:20px}
.lp-pls3 .lp-pl li{white-space:normal;text-wrap:pretty}.lp-pls3 .lp-pl li>span:first-of-type{overflow:visible}
.lp-pls3 .lp-pl-n{white-space:normal;min-height:2.9em;margin:-8px 0 0}
.lp-pls3 .lp-pl-n b{font-weight:600;color:var(--lp-ink)}.lp-pl.dest .lp-pl-n b{color:#fff}
.lp-pl.estud{border-color:color-mix(in srgb,var(--lp-leaf) 45%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--lp-leaf) 20%,transparent)}
.lp-pl.estud .lp-pl-tag{background:var(--lp-leaf-soft);color:var(--lp-leaf)}
.lp-pl-cob{display:inline-flex;align-self:flex-start;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14)}
.lp-pl-cob button{height:30px;padding:0 14px;border:0;border-radius:999px;background:none;color:rgba(242,247,246,.7);font:500 13px/1 'Inter',sans-serif;cursor:pointer;transition:background .2s,color .2s}
.lp-pl-cob button[aria-checked="true"]{background:#fff;color:#13262C}
.lp-pl-cob button:focus-visible{outline:2px solid #8FD9B0;outline-offset:2px}
a.lp-pl-bt{text-decoration:none}
@media (max-width:1060px){.lp-pls3{grid-template-columns:minmax(0,1fr);max-width:460px}.lp-pls3 .lp-pl-n{min-height:0}}

/* ===================== cadastro: atalho para estudantes ===================== */
.lpa-est{display:flex;align-items:center;gap:12px;width:100%;margin-top:22px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--lp-leaf) 40%,var(--lp-line));border-radius:16px;background:var(--lp-leaf-soft);color:var(--lp-ink);text-align:left;cursor:pointer;transition:transform .2s,box-shadow .2s}
.lpa-est:hover{transform:translateY(-1px);box-shadow:0 8px 20px -14px rgba(16,32,38,.35)}
.lpa-est:focus-visible{outline:2px solid var(--lp-acc);outline-offset:2px}
.lpa-est>span:nth-child(2){flex:1;min-width:0}.lpa-est b{display:block;font:600 14.5px/1.3 'Inter',sans-serif}.lpa-est small{display:block;margin-top:2px;font-size:12.5px;color:var(--lp-ink3)}
.lpa-est-i{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:50%;background:var(--lp-surface);color:var(--lp-leaf)}

/* ===================== subpágina: cadastro de estudante ===================== */
.est{min-height:100vh;min-height:100dvh;display:flex;justify-content:center;padding:clamp(16px,4vw,48px) 16px;background:var(--lp-bg);color:var(--lp-ink);font-family:'Inter',sans-serif}
.est-pn{display:flex;flex-direction:column;width:min(560px,100%);padding:clamp(22px,4vw,40px);border-radius:28px;background:var(--lp-surface);box-shadow:0 1px 2px rgba(16,32,38,.04),0 24px 60px -36px rgba(16,32,38,.35);align-self:flex-start}
.est h1{margin:6px 0 0;font:600 clamp(24px,3.4vw,30px)/1.2 'Inter',sans-serif;letter-spacing:-.015em}.est h1:focus{outline:none}
.est .lpa-form{margin-top:24px}
.est [hidden]{display:none!important}
.est-cb{position:relative}
.est-cb input{width:100%;height:50px;padding:0 16px;border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-bg);color:var(--lp-ink);font:400 16px 'Inter',sans-serif}
.est-cb input:focus{outline:none;border-color:var(--lp-acc);background:var(--lp-surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--lp-acc) 16%,transparent)}
.est-cb input[aria-invalid="true"]{border-color:var(--bad)}
.est-lista{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;max-height:min(340px,50vh);margin:0;padding:6px;overflow-y:auto;list-style:none;border:1px solid var(--lp-line);border-radius:16px;background:var(--lp-surface);box-shadow:0 18px 40px -20px rgba(16,32,38,.35)}
.est-op{display:block;padding:10px 12px;border-radius:10px;cursor:pointer;font-size:14px;line-height:1.35;color:var(--lp-ink)}
.est-op b{font-weight:600}.est-op small{display:block;margin-top:2px;font-size:12.5px;color:var(--lp-ink3)}
.est-op:hover,.est-op.on{background:var(--lp-soft)}
.est-sg{display:inline-block;margin-left:4px;padding:2px 6px;border-radius:6px;background:var(--lp-soft2);font:600 11.5px/1.3 'Inter',sans-serif;color:var(--lp-ink2);vertical-align:1px}
.est-man{display:flex;align-items:center;gap:8px;margin-top:4px;border-top:1px solid var(--lp-line2);border-radius:0 0 10px 10px;color:var(--lp-acc-ink);font-weight:500}
.est-info{padding:10px 12px;font-size:13.5px;color:var(--lp-ink3)}
.est-esc{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-soft)}
.est-esc>div{min-width:0;font-size:14.5px;line-height:1.35}.est-esc small{display:block;margin-top:2px;font-size:12.5px;color:var(--lp-ink3)}
.est-aviso{margin:0;font-size:13px;line-height:1.45;color:var(--lp-ink3)}.est-aviso.manual{color:var(--lp-acc-ink);font-weight:500}
.est-ck{display:flex;align-items:center;gap:10px;white-space:nowrap;font-size:14.5px;line-height:1.45;color:var(--lp-ink2);cursor:pointer}
.est-ck input{flex:none;width:20px;height:20px;margin:0;accent-color:var(--lp-acc)}
.est .lpa-pe{padding-top:22px;line-height:1.9}
@media (max-width:560px){.est .lpa-2{grid-template-columns:minmax(0,1fr)}.est-pn{border-radius:22px}}
@media (prefers-reduced-motion:reduce){.lpa-est{transition:none}}

/* planos: mesma lista de funções nos três cartões (X no que não tem); ícone ao lado do nome; Pro no meio, mais alto */
.lp-pls3{align-items:stretch}
.lp-pls3 .lp-pl.dest{box-shadow:0 30px 60px -28px rgba(19,38,44,.55)}
@media (max-width:1060px){.lp-pls3{align-items:stretch}}
.est-op mark{background:none;color:var(--lp-acc);font-weight:700}
.lp-pl-h h3{display:flex;align-items:center;gap:10px}
.lp-pl-hi{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:12px;background:#E3F1F3;color:#2A7F8F}
.lp-pl.estud .lp-pl-hi{background:var(--lp-leaf-soft);color:var(--lp-leaf)}
.lp-pl.dest .lp-pl-hi{background:rgba(143,217,176,.16);color:#8FD9B0}
/* cartões mais compactos; no Pro, mensal/anual à direita do nome, alinhado ao selo "Recomendado" */
.lp-pls3 .lp-pl{gap:12px;padding:24px 22px}
.lp-pls3 .lp-pl.dest{padding:20px 20px 18px}
.lp-pls3 .lp-pl-tag{top:18px;right:22px}
.lp-pls3 .lp-pl-h{display:flex;align-items:center;justify-content:space-between;gap:10px}
.lp-pls3 .lp-pl-h h3{font-size:22px;gap:9px}
.lp-pls3 .lp-pl-hi{width:32px;height:32px;border-radius:10px}
.lp-pls3 .lp-pl-cob{align-self:center}
.lp-pls3 .lp-pl-cob button{height:24px;padding:0 12px;font-size:12.5px}
.lp-pls3 .lp-pl-v{font-size:38px}
.lp-pls3 .lp-pl-n{min-height:0}
.lp-pls3 .lp-pl-bt{height:42px}
/* lista de funções: ícones pequenos e discretos; Gratuito e Estudante leves; Pro com destaques e lista expansível */
.lp-pls3 .lp-pl{padding:20px 20px 18px;gap:11px}
.lp-pls3 .lp-pl-bt{height:40px;font-size:14px}
.lp-pls3 .lp-pl ul{gap:7px;padding-top:12px;margin:2px 0 0}
.lp-pls3 .lp-pl li{align-items:center;gap:9px;font-size:13px;line-height:1.35;font-weight:400;color:var(--lp-ink2)}
.lp-pls3 .lp-pl li b{font-weight:500;color:inherit}
.lp-pl-ic{display:grid;place-items:center;flex:none;width:20px;height:20px;border-radius:6px;background:#EDF3F4;color:#6A8A92}
.lp-pl-ic svg{width:12px;height:12px}
.lp-pl.estud .lp-pl-ic{background:#EBF4EE;color:#5C8F72}
.lp-pl.dest li{color:rgba(242,247,246,.74)}
.lp-pl.dest .lp-pl-ic{background:rgba(255,255,255,.07);color:rgba(242,247,246,.62)}
.lp-pls3 .lp-pl.dest ul{gap:9px}
.lp-pls3 .lp-pl.dest li.dest{align-items:flex-start;font-weight:600;font-size:13.5px;color:#fff}
.lp-pl.dest li.dest .lp-pl-ic{width:24px;height:24px;border-radius:7px;background:rgba(143,217,176,.22);color:#A6E5C2}
.lp-pl.dest li.dest .lp-pl-ic svg{width:14px;height:14px}
.lp-pl-t{display:flex;flex-direction:column;gap:1px;min-width:0}
.lp-pl-t small{font-size:12px;font-weight:400;line-height:1.35;color:rgba(242,247,246,.6)}
.lp-pl.dest li.mais{display:none}.lp-pl.dest.exp li.mais{display:flex;animation:lpMais .25s ease-out}
@keyframes lpMais{from{opacity:0;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.lp-pl.dest.exp li.mais{animation:none}}
.lp-pl-mais{display:flex;align-items:center;justify-content:center;gap:6px;height:34px;margin-top:2px;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:transparent;color:#A6E5C2;font:600 13px/1 'Inter',sans-serif;cursor:pointer;transition:background .2s}
.lp-pl-mais:hover{background:rgba(255,255,255,.06)}
.lp-pl-mais:focus-visible{outline:2px solid #8FD9B0;outline-offset:2px}
.lp-pl-mais svg{transition:transform .25s}.lp-pl.exp .lp-pl-mais svg{transform:rotate(180deg)}
.lp-pls3 .lp-pl-h{height:36px}

/* ===================== ajustes de acabamento: acesso e cadastro de estudante (celular) ===================== */
/* requisitos da senha: um embaixo do outro, menores e discretos */
.lpa-req{flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:5px;margin:-4px 0 0}
.lpa-req li{gap:7px;font-size:12px;line-height:1.3}
.lpa-req li svg{width:15px;height:15px;padding:2.5px}
@media (max-width:560px){
  .lpa-req{gap:4px;margin-top:-2px}
  .lpa-req li{font-size:12px}
  .lpa-f input{height:44px}
}
/* cadastro de estudante: mais respiro, campos um pouco menores, lista de instituições compacta */
.est .lpa-form{gap:18px;margin-top:22px}
.est .lpa-f{gap:7px}
.est .lpa-f label{font-size:13.5px}
.est .lpa-f input:not([type="checkbox"]),.est-cb input{height:46px;padding:0 14px;border-radius:12px}
.est-cb{scroll-margin-top:16px}
.est-lista{max-height:min(264px,36vh);padding:5px;border-radius:14px}
.est-op{padding:8px 10px;font-size:14px;line-height:1.3}
.est-op small{margin-top:1px;font-size:12px}
.est-info{padding:8px 10px;font-size:12.5px}
.est-mais{padding-top:4px;color:var(--lp-ink3);font-size:12px}
.est-man{gap:8px;font-size:13.5px}.est-man svg{flex:none}
.est-ck{align-items:flex-start;white-space:normal;font-size:14px}
.est-ck input{margin-top:1px}
.est .est-pe{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:24px;line-height:1.4;font-size:14px}
.est .est-pe span{display:block;text-align:center}
@media (max-width:560px){
  .est{padding:12px 12px 28px}
  .est-pn{padding:20px 18px 24px;border-radius:22px}
  .est h1{font-size:23px}
  .est .lpa-form{gap:16px;margin-top:18px}
  .est-lista{max-height:min(240px,34vh)}
}

/* ícones da lista de funções: UM tamanho em todos os cartões e em todos os itens (o destaque do Pro vem do texto, não do ícone) */
.lp-pl-ic,.lp-pl.dest li.dest .lp-pl-ic{width:22px;height:22px;border-radius:7px}
.lp-pl-ic svg,.lp-pl.dest li.dest .lp-pl-ic svg{width:13px;height:13px}
.lp-pls3 .lp-pl li,.lp-pls3 .lp-pl.dest li.dest{align-items:flex-start}
.lp-pls3 .lp-pl li>.lp-pl-t{padding-top:2.5px}
.lp-pl.dest li.dest .lp-pl-ic{background:rgba(143,217,176,.22);color:#A6E5C2}

/* ===================== capa: quadros do carrossel sem corte e com margem de segurança ===================== */
/* a Tabela de alimentos precisa de ~286 px (título, abas e 4 alimentos): abaixo disso o 4º item era cortado em telas médias */
.lp-cd-ui{height:clamp(290px,21vw,320px)}
.lp-cd-tb{overflow:hidden}
/* balão de variação centralizado na altura do número (antes: pela linha de base, ficava desalinhado) */
.lp-cd-fh{align-items:center}
.lp-cd-fh span{display:inline-flex;align-items:center;height:24px;padding:0 9px}
@media (max-width:600px){
  .lp-cd{padding:10px 10px 20px}
  .lp-cd-ui{height:302px;padding:20px 20px 22px;gap:16px;border-radius:18px}
  .lp-cd-h{font-size:15px}
  /* abas da tabela: cabem na largura do quadro (antes "Favoritos" passava da borda e aparecia no cartão vizinho) */
  .lp-cd-tb{gap:2px;padding:3px}
  .lp-cd-tb span{flex:1 1 0;min-width:0;padding:7px 4px;font-size:11px;letter-spacing:0}
  .lp-cd-tb .lp-cd-fav{flex:1.8 1 0;padding:7px 4px}
  .lp-cd-als{gap:6px}
  .lp-cd-al{padding:7px 12px;gap:10px;font-size:12.5px}
  .lp-cd-fh b{font-size:23px}
  .lp-cd-gr{margin:24px 22px 10px 10px}
  .lp-cd-br{padding:0 4px 2px}
  .lp-cd-tx{padding:0 10px;font-size:15.5px}
}

/* ===================== botão "Sou estudante de Nutrição": mais fino, fundo azul claro ===================== */
.lpa-est{gap:10px;margin-top:18px;padding:7px 12px 7px 8px;border:1px solid #CBE3EB;border-radius:14px;background:#E6F2F7;color:var(--lp-ink)}
.lpa-est:hover{box-shadow:0 6px 16px -12px rgba(16,32,38,.4);background:#DDEDF4}
.lpa-est{font:400 14px/1.25 'Inter',sans-serif}
.lpa-est-i{width:28px;height:28px;background:#fff;color:#2A7F8F}
.lpa-est-i svg{width:15px;height:15px}
.lpa-est>svg{flex:none;color:#2A7F8F;width:15px;height:15px}
@media (max-width:560px){.lpa-est{margin-top:14px;padding:6px 12px 6px 7px}}

/* ===================== capa: rolagem com o dedo e aviso de humor ===================== */
.lp-cds{touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent}
.lp-cds.arr{cursor:grabbing}
.lp-cd-hm{flex:0 0 auto}
.lp-cd-mo{display:flex;align-items:center;gap:9px;margin:auto 0 0;padding:7px 12px;border-radius:14px;background:color-mix(in srgb,var(--c,#A8D88F) 18%,#fff);font-size:12.5px;line-height:1.3;color:var(--lp-ink2);white-space:nowrap;overflow:hidden}
.lp-cd-mof{display:grid;flex:none}
.lp-cd-mot{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.lp-cd-mot b{color:var(--lp-ink);font-weight:700}
.lp-cd-mo em{flex:none;font-style:normal;font-size:11.5px;font-weight:500;color:var(--lp-ink3)}
@media (min-width:601px){
  .lp-cd-hm{grid-template-rows:auto repeat(4,33px);row-gap:1px}
  .lp-cd-c{height:31px}.lp-cd-c svg{width:27px;height:27px}.lp-cd-hm b{margin:0 0 6px}
}

/* ===================== folha de entrar/criar conta no celular: mais alta e mais folgada ===================== */
@media (max-width:560px){
  /* altura fixa nos dois modos e conteúdo alinhado pelo topo: as abas Entrar/Criar conta não mudam de lugar ao trocar */
  .lpa-pn{height:min(92dvh,800px);min-height:0;max-height:96dvh;padding:12px 22px calc(28px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain}
  .lpa-top{min-height:36px;margin-bottom:12px}
  .lpa-corpo{flex:1 0 auto;justify-content:flex-start;max-width:none;padding:6px 0 12px}
  .lpa-seg{margin-bottom:30px}
  .lpa-seg button{height:40px;font-size:14.5px}
  .lpa h2{font-size:25px}
  .lpa-d{margin-top:8px;font-size:14.5px;line-height:1.5}
  .lpa-google{height:48px;margin-top:22px}
  .lpa-ou{margin-top:18px}
  .lpa-est{margin-top:20px}
  .lpa-form{gap:18px;margin-top:24px}
  .lpa-2{gap:12px}
  .lpa-f{gap:7px}
  .lpa-f label{font-size:13.5px}
  .lpa-f input{height:48px;padding:0 15px;border-radius:13px}
  .lpa-olho{width:40px;height:40px}
  .lpa-req{gap:5px;margin-top:-4px}
  .lpa-sub{height:50px;border-radius:13px;font-size:15.5px}
  .lpa-corpo .lpa-sub{margin-top:10px}
  .lpa-pe{padding-top:26px;font-size:14.5px}
  .lpa-voltar{margin-bottom:18px}
  .lpa-ok{padding:12px 0}
  /* "Entrar" tem menos campos: ganha mais respiro para a folha não ficar vazia embaixo */
  .lpa-corpo[data-m="entrar"] .lpa-seg{margin-bottom:48px}
  .lpa-corpo[data-m="entrar"] h2{font-size:26px}
  .lpa-corpo[data-m="entrar"] .lpa-form{gap:26px;margin-top:44px}
  .lpa-corpo[data-m="entrar"] .lpa-f input{height:52px}
  .lpa-corpo[data-m="entrar"] .lpa-sub{height:52px;margin-top:22px}
  .lpa-corpo[data-m="entrar"] .lpa-pe{padding-top:44px}
  .lpa-corpo[data-m="recuperar"] .lpa-form{gap:22px;margin-top:30px}
}

/* ===================== cadastro de estudante: entrada suave (a troca de página era instantânea demais) ===================== */
@keyframes estFundo{from{opacity:0}to{opacity:1}}
@keyframes estEntra{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
.est{animation:estFundo .32s ease-out both}
.est-pn{animation:estEntra .5s cubic-bezier(.22,1,.36,1) .05s both}
@media (prefers-reduced-motion:reduce){.est,.est-pn{animation:none}}

/* telefone com país + CPF (cadastro) */
.lpa-tel{position:relative;display:flex;align-items:center;height:50px;border:1px solid var(--lp-line);border-radius:14px;background:var(--lp-bg);transition:border-color .2s,box-shadow .2s,background .2s}
.lpa-tel:hover{border-color:var(--lp-ink3)}
.lpa-tel:focus-within{border-color:var(--lp-acc);background:var(--lp-surface);box-shadow:0 0 0 4px color-mix(in srgb,var(--lp-acc) 16%,transparent)}
.lpa-pais{display:flex;align-items:center;gap:9px;height:100%;padding:0 14px;border:0;border-right:1px solid var(--lp-line);border-radius:14px 0 0 14px;background:none;cursor:pointer}
.lpa-flag{display:block;border-radius:4px;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
.lpa-caret{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--lp-ink2,#555)}
.lpa-cod{padding:0 0 0 14px;font:500 16px 'Inter',sans-serif;color:var(--lp-ink)}
.lpa-tel input{flex:1;min-width:0;height:100%!important;padding:0 14px 0 8px!important;border:0!important;border-radius:0 14px 14px 0!important;background:none!important;box-shadow:none!important}
.lpa-tel:has(input[aria-invalid="true"]){border-color:var(--bad);box-shadow:0 0 0 4px color-mix(in srgb,var(--bad) 12%,transparent)}
.lpa-pm{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:min(280px,100%);max-height:240px;overflow:auto;margin:0;padding:6px;list-style:none;border-radius:14px;background:var(--lp-surface,#fff);box-shadow:0 18px 40px -14px rgba(16,27,31,.35),0 0 0 1px var(--lp-line)}
.lpa-pm li{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;font:500 14px 'Inter',sans-serif;color:var(--lp-ink);cursor:pointer}
.lpa-pm li span{flex:1}.lpa-pm li em{font-style:normal;color:var(--lp-ink3)}
.lpa-pm li:hover,.lpa-pm li[aria-selected="true"]{background:var(--lp-bg)}
.lpa-pm li .lpa-flag{width:22px;height:15px}
@media (max-width:640px){.lpa-tel{height:46px;border-radius:12px}.lpa-cod{font-size:15px}}
.lpa-tf{position:relative;z-index:6}

/* dica da senha: texto cinza pequeno abaixo do campo */
.lpa-dica{margin:-4px 0 0;font-size:13px;line-height:1.35;color:var(--lp-ink3)}

/* instituição: a sigla fica à direita do nome (nome quebra de linha dentro da própria coluna), em qualquer tela */
.est-op:not(.est-man),.est-esc>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:10px}
.est-op:not(.est-man) small,.est-esc>div small{grid-column:1/-1}
.est-op .est-sg,.est-esc .est-sg{margin-left:0;white-space:nowrap;justify-self:end}

/* planos: o que só o Pro tem fica em destaque; cartões com o mesmo tamanho */
.lp-pl-exc{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#5DBB8A;color:#0E2A1E;font:700 10.5px/1.5 'Inter',sans-serif;font-style:normal;letter-spacing:.02em;white-space:nowrap;vertical-align:1px}
.lp-pl.dest li.exc{color:#fff;font-weight:500}
.lp-pls3{grid-auto-rows:1fr;align-items:stretch}
.lp-pls3 .lp-pl{height:100%;box-sizing:border-box}
.lp-pl-exc{align-self:flex-start;width:max-content;margin:4px 0 0!important}

/* planos: os 3 cartões iguais (mesma altura, mesmo desenho); o Pro um pouco maior (mais largo, mais alto e com preço e botão maiores) */
.lp-pls3{padding:16px 0}
.lp-pls3 .lp-pl.dest{margin:-16px -10px;padding:34px 28px 28px;gap:14px}
.lp-pls3 .lp-pl.dest .lp-pl-v{font-size:44px}
.lp-pls3 .lp-pl.dest .lp-pl-h h3{font-size:24px}
.lp-pls3 .lp-pl.dest .lp-pl-bt{height:46px;font-size:15px}
.lp-pls3 .lp-pl.dest li{font-size:13.5px}
.lp-pls3 .lp-pl.dest li.dest{font-size:14px}
.lp-pls3 .lp-pl-tag{top:20px}.lp-pls3 .lp-pl.dest .lp-pl-tag{top:34px;right:28px}
@media (max-width:1060px){.lp-pls3{padding:0}.lp-pls3 .lp-pl.dest{margin:0;padding:24px 22px}}
.lp-pls3 .lp-pl-n{overflow:visible;line-height:1.5}
@media (max-width:1060px){.lp-pls3{grid-auto-rows:auto}.lp-pls3 .lp-pl{height:auto}}
@media (min-width:1061px){.lp-pls3 .lp-pl.dest{height:auto;align-self:stretch}}

/* comparação de planos: oculta por padrão; abre animando só a altura (grid 0fr→1fr), sem saltos nem reflow do resto */
.lp-cp{max-width:1120px;margin:34px auto 0}
.lp-cp-bt{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;margin:0 auto;padding:0 22px;border:1px solid var(--lp-line);border-radius:999px;background:var(--lp-surface);color:var(--lp-ink);font:600 14px/1 'Inter',sans-serif;cursor:pointer;transition:background .2s,border-color .2s}
.lp-cp-bt:hover{background:var(--lp-bg);border-color:var(--lp-ink3)}
.lp-cp-bt:focus-visible{outline:2px solid var(--lp-acc);outline-offset:2px}
.lp-cp-bt svg{transition:transform .3s cubic-bezier(.22,1,.36,1)}.lp-cp.on .lp-cp-bt svg{transform:rotate(180deg)}
.lp-cp-ar{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}
.lp-cp.on .lp-cp-ar{grid-template-rows:1fr}
.lp-cp-in{min-height:0;overflow:hidden}
.lp-cp-sc{margin-top:22px;overflow-x:auto;border:1px solid var(--lp-line);border-radius:20px;background:var(--lp-surface);-webkit-overflow-scrolling:touch}
.lp-cp-t{width:100%;min-width:640px;border-collapse:separate;border-spacing:0;font:400 14px/1.35 'Inter',sans-serif;color:var(--lp-ink2)}
.lp-cp-t th,.lp-cp-t td{padding:14px 16px;border-bottom:1px solid var(--lp-line2);text-align:center;vertical-align:middle}
.lp-cp-t tbody tr:last-child>*{border-bottom:0}
.lp-cp-t thead th{background:var(--lp-escuro);color:#F2F7F6;font:600 14px/1.2 'Inter',sans-serif;border-bottom:0}
.lp-cp-t thead th:first-child{border-radius:19px 0 0 0}.lp-cp-t thead th:last-child{border-radius:0 19px 0 0}
.lp-cp-t thead th.pro{background:#0B1B20;box-shadow:inset 0 -3px 0 #5DBB8A}
.lp-cp-t tbody th{width:34%;text-align:left;font-weight:500;color:var(--lp-ink);position:sticky;left:0;background:var(--lp-surface)}
.lp-cp-t td.pro{background:color-mix(in srgb,var(--lp-leaf-soft) 55%,var(--lp-surface))}
.lp-cp-t td{width:22%}
.lp-cp-tx{font-size:13px}.lp-cp-tx b{font-weight:600;color:var(--lp-ink)}
.lp-cp-ck{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--lp-ink);color:#fff}
.lp-cp-no{color:var(--lp-ink3)}
.lp-vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@media (max-width:640px){.lp-cp-t th,.lp-cp-t td{padding:12px 12px}.lp-cp-t tbody th{min-width:150px}}
@media (prefers-reduced-motion:reduce){.lp-cp-ar,.lp-cp-bt svg{transition:none}}

@media (max-width:640px){.lp-cp-t{min-width:600px;font-size:12.5px}.lp-cp-t tbody th{width:132px;min-width:132px;max-width:132px;font-size:12.5px;padding:11px 10px;box-shadow:1px 0 0 var(--lp-line2)}.lp-cp-t td{width:156px;padding:11px 8px}.lp-cp-tx{font-size:12px}.lp-cp-t thead th:first-child{position:sticky;left:0;z-index:1}}

/* funções dos cartões: sempre numa linha só */
.lp-pls3 .lp-pl li{white-space:nowrap;text-wrap:nowrap}
.lp-pls3 .lp-pl li .lp-pl-t{min-width:0;flex:1}
.lp-pls3 .lp-pl li .lp-pl-t>span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* escolha do plano antes do cadastro */
.lpe-raiz{position:fixed;inset:0;z-index:1200;display:grid;place-items:center;padding:16px}
.lpe-fundo{position:absolute;inset:0;background:rgba(10,20,24,.5);animation:lpeF .2s ease-out}
.lpe{position:relative;width:min(480px,100%);max-height:calc(100dvh - 32px);overflow:auto;padding:30px 28px 26px;border-radius:26px;background:var(--lp-surface);color:var(--lp-ink);box-shadow:0 30px 70px -30px rgba(10,20,24,.6);animation:lpeS .3s cubic-bezier(.22,1,.36,1);font-family:'Inter',sans-serif}
@keyframes lpeF{from{opacity:0}}@keyframes lpeS{from{opacity:0;transform:translateY(14px)}}
@media (prefers-reduced-motion:reduce){.lpe,.lpe-fundo{animation:none}}
.lpe-trava{overflow:hidden}
.lpe-fe{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:11px;background:transparent;color:var(--lp-ink3);cursor:pointer}
.lpe-fe:hover{background:var(--lp-bg);color:var(--lp-ink)}
.lpe h2{margin:0;font:700 28px/1.15 'Inter',sans-serif;letter-spacing:-.02em}
.lpe-sub{margin:6px 0 0;font-size:14px;color:var(--lp-ink3)}
.lpe-cob{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:18px;padding:4px;border-radius:999px;background:var(--lp-bg)}
.lpe-cob button{height:40px;border:0;border-radius:999px;background:transparent;color:var(--lp-ink2);font:600 14px/1 'Inter',sans-serif;cursor:pointer;transition:background .2s,box-shadow .2s}
.lpe-cob button[aria-checked="true"]{background:var(--lp-surface);color:var(--lp-ink);box-shadow:0 1px 3px rgba(16,32,38,.14)}
.lpe-ops{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.lpe-op{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;width:100%;padding:16px 18px;border:1.5px solid var(--lp-line);border-radius:18px;background:var(--lp-surface);color:var(--lp-ink);text-align:left;cursor:pointer;transition:border-color .2s,background .2s}
.lpe-op:hover{border-color:var(--lp-ink3)}
.lpe-op[aria-checked="true"]{border-color:var(--lp-ink);background:var(--lp-bg)}
.lpe-op:focus-visible,.lpe-go:focus-visible,.lpe-cob button:focus-visible{outline:2px solid var(--lp-acc);outline-offset:2px}
.lpe-tx{display:flex;flex-direction:column;gap:4px;min-width:0;align-items:flex-start;text-align:left}
.lpe-nm{display:flex;align-items:center;gap:8px}.lpe-nm b{font:600 18px/1.2 'Inter',sans-serif}
.lpe-tag{padding:4px 10px;border-radius:999px;background:var(--lp-ink);color:#fff;font:600 11.5px/1 'Inter',sans-serif;font-style:normal}
.lpe-pr{font:600 15px/1.3 'Inter',sans-serif}.lpe-pr small{font-weight:400;font-size:13px;color:var(--lp-ink3)}
.lpe-ds{font-size:13.5px;line-height:1.45;color:var(--lp-ink3)}
.lpe-rd{display:grid;place-items:center;flex:none;width:26px;height:26px;margin-top:2px;border:1.5px solid var(--lp-line);border-radius:50%;color:transparent;transition:background .2s,border-color .2s}
.lpe-op[aria-checked="true"] .lpe-rd{background:var(--lp-ink);border-color:var(--lp-ink);color:#fff}
.lpe-go{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:54px;margin-top:20px;border:0;border-radius:999px;background:var(--lp-ink);color:#fff;font:600 15.5px/1 'Inter',sans-serif;cursor:pointer;transition:transform .2s}
.lpe-go:hover{transform:translateY(-1px)}
@media (max-width:560px){
  .lpe-raiz{align-items:end;padding:0}
  .lpe{width:100%;max-height:96dvh;min-height:82dvh;display:flex;flex-direction:column;padding:26px 18px calc(22px + env(safe-area-inset-bottom));border-radius:26px 26px 0 0}
  .lpe h2{font-size:27px;padding-right:40px}
  .lpe-ops{gap:12px;flex:1}
  .lpe-op{padding:18px 16px;gap:12px}
  .lpe-ds{font-size:14px}
  .lpe-go{margin-top:auto;flex:none}
  .lpe-ops{margin-bottom:20px}
}

/* ===================== CELULAR: entrar e criar conta mais compactos ===================== */
@media (max-width:560px){
  .lpa-pn{padding:12px 18px 18px!important}
  .lpa-top{margin-bottom:2px!important}
  .lpa-x{width:34px!important;height:34px!important}
  .lpa-seg{margin-bottom:16px!important}
  .lpa-seg button{height:36px!important;font-size:14px!important}
  .lpa-corpo{padding:0 0 12px!important;justify-content:flex-start!important}
  .lpa-corpo>h2{font-size:21px!important;line-height:1.2!important}
  .lpa-d{margin-top:6px!important;font-size:14px!important;line-height:1.45!important}
  .lpa-google{height:44px!important;margin-top:16px!important;border-radius:12px!important}
  .lpa-ou{margin-top:14px!important}
  .lpa-form{gap:12px!important;margin-top:16px!important}
  .lpa-f{gap:5px!important}
  .lpa-f label{font-size:13px!important}
  .lpa-f input{height:44px!important;border-radius:12px!important;padding:0 14px!important}
  .lpa-olho{width:36px!important;height:36px!important}
  .lpa-sub{height:46px!important;border-radius:12px!important;font-size:15px!important}
  .lpa-pe{padding-top:14px!important;font-size:13.5px!important}
  .lpa-err{padding:10px 12px!important;font-size:13px!important}
  .lpa-est{margin-top:12px!important}
}


/* planos: só o Pro cresce ao abrir; Gratuito e Estudante mantêm a altura própria */
/* fechado: os três do mesmo tamanho; com o Pro aberto, só ele cresce */
@media (min-width:901px){.lp-pls3:has(.lp-pl.dest.exp){align-items:start}}
/* ícones das funções secundárias do Pro: mesma cor viva dos demais (antes pareciam desativados) */
.lp-pl.dest .lp-pl-ic{background:rgba(143,217,176,.16);color:#A6E5C2}
.lp-pl.dest li{color:rgba(242,247,246,.88)}
.lp-pl.dest li.dest .lp-pl-ic{background:rgba(143,217,176,.28);color:#C4F0D8}
@media (min-width:1061px){.lp-pls3:has(.lp-pl.dest.exp) .lp-pl{height:auto;align-self:start}}