/* Tipografías alojadas en la propia web (sin Google Fonts: no se envía la IP del visitante a terceros).
   Source Sans 3 · © Adobe/Google · SIL Open Font License 1.1 (ver /licencias/LICENSE-SourceSans3-OFL.txt) */
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-sans-3-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/source-sans-3-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
/* Garet Book y Heavy · © Type Forward (antes Spacetype) · versión gratuita usada bajo la Fontspring Desktop/Webfont EULA
   del titular de la web; archivos WOFF2 generados para incrustarlos a partir de la copia con licencia (v1.003), sin modificar los glifos. */
@font-face{font-family:'Garet';font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Garet-Book.woff2) format('woff2');}
@font-face{font-family:'Garet';font-style:normal;font-weight:850;font-display:swap;src:url(/fonts/Garet-Heavy.woff2) format('woff2');}
/* BeAgents · propuesta v2: estructura de la web de referencia, con marca BeAgents.
   Oscuro = navy BeAgents · destaque protagonista = naranja · secundarios = turquesa y azules. */
:root{
  --navy:#0B1486; --navy-2:#070C52; --deep:#06083F;
  --orange:#FE5000; --orange-2:#FF7A3D; --orange-soft:#FFE7DB;
  --cobalt:#0032A0; --blue-soft:#8099D0; --blue-mist:#CCD6EC;
  --blue:#2F43FF; --acc:#50FFEB; --node:#5A72FF;
  --cream:#F4F5FF; --white:#fff;
  --ink:#06083F; --muted:#6B6F95; --line:#E2E4F3;
  --on-dark:#F4F5FF; --on-dark-2:rgba(244,245,255,.72);
  --f-display:'Garet',system-ui,Arial,sans-serif;
  --f-body:'Source Sans 3',system-ui,Arial,sans-serif;
  --tt:none; /* titulares en frase, como la referencia · poner uppercase para MAYÚSCULAS */
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--ink);font-family:var(--f-body);font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:where(.lp) a{text-decoration:none;color:inherit}
:where(.lp) :is(h1,h2,h3,h4,h5,h6,p){margin:0}
:where(.lp) button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:0}
:where(.lp) img{max-width:none}
.lp [id]{scroll-margin-top:72px}
.lp,.lp *{overflow-anchor:none}
.lp{overflow-x:clip}
.ico{width:1em;height:1em;display:block;flex:none}
.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}

/* ---------- LOGO (marca BeAgents) ---------- */
.blogo{display:inline-flex;align-items:center;gap:10px}
.blogo img{width:34px;height:34px;object-fit:contain;flex:none}
.bt-col{display:flex;flex-direction:column;gap:3px}
.bt-main{font-family:var(--f-display);font-weight:850;font-size:20px;line-height:.92;letter-spacing:.16em;color:currentColor}
.bt-main .bt-thin{font-weight:300;letter-spacing:.08em;margin-right:.03em}
.bt-tag{font-family:var(--f-body);font-weight:700;font-size:8.3px;letter-spacing:.335em;text-transform:uppercase;opacity:.9}
.blogo.sm img{width:28px;height:28px}
.blogo.sm .bt-main{font-size:16px}.blogo.sm .bt-tag{font-size:6.6px;letter-spacing:.3em}

/* ---------- BOTONES ---------- */
.lp-btn{white-space:nowrap;border-radius:999px;justify-content:space-between;align-items:center;gap:14px;padding:6px 6px 6px 20px;font-size:15px;font-weight:600;transition:transform .2s,background .2s,filter .2s;display:inline-flex}
.lp-btn:hover{transform:translateY(-1px)}
.lp-btn.grande{padding:8px 8px 8px 28px;font-size:17px}
.lp-btn-naranja{background:var(--orange);color:var(--ink)}
.lp-btn-naranja:hover{filter:brightness(1.05)}
.lp-btn-escuro{background:var(--navy);color:var(--on-dark)}
.lp-btn-contorno{color:var(--on-dark);border:1px solid rgba(255,255,255,.24);padding:11px 20px;font-weight:500}
.lp-btn-contorno.grande{padding:17px 28px}
.lp-btn-contorno:hover{background:rgba(255,255,255,.06)}
.lp-seta{border-radius:50%;place-items:center;width:32px;height:32px;display:grid;font-size:16px}
.lp-btn.grande .lp-seta{width:42px;height:42px;font-size:18px}
.lp-btn-naranja .lp-seta{background:var(--navy);color:var(--orange)}
.lp-btn-escuro .lp-seta{background:var(--orange);color:var(--ink)}

.lp-etiqueta{background:var(--cream);border:1px solid var(--line);border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 14px 6px 10px;font-size:13px;font-weight:600;display:inline-flex}
.lp-num{background:var(--navy);color:var(--orange);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block;font-variant-numeric:tabular-nums}

/* ---------- HERO ---------- */
.lp-hero{--tela:560px;--pad:10px;--borda:calc(var(--pad) + 1px);--altura:calc(var(--tela) + var(--borda));background:var(--navy);color:var(--on-dark);flex-direction:column;align-items:center;display:flex;position:relative;overflow:clip}
.lp-linhas{pointer-events:none;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 100%;position:absolute;inset:0}
.lp-brilho{filter:blur(140px);pointer-events:none;background:rgba(47,67,255,.55);border-radius:50%;width:1100px;height:620px;position:absolute;top:520px;left:50%;transform:translate(-50%)}
.lp-brilho.b2{background:rgba(254,80,0,.22);width:620px;height:360px;top:640px;filter:blur(120px)}
.lp-nav{width:100%;max-width:1440px;color:var(--on-dark);justify-content:space-between;align-items:center;padding:22px 80px;display:flex;position:relative;z-index:5}
.lp-links{gap:36px;font-size:15px;display:flex}
.lp-links a{opacity:.75;transition:opacity .2s}
.lp-links a:hover{opacity:1}
.lp-nav-botoes{align-items:center;gap:10px;display:flex}
.lp-hero-texto{text-align:center;flex-direction:column;align-items:center;gap:28px;padding:72px 24px 56px;display:flex;position:relative}
.lp-selo{white-space:nowrap;color:rgba(244,245,255,.82);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:999px;align-items:center;gap:8px;padding:6px 16px 6px 6px;font-size:14px;display:inline-flex}
.lp-selo b{background:var(--orange);color:var(--ink);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:600}
.lp-hero h1{font-family:var(--f-display);text-transform:var(--tt);letter-spacing:-.035em;font-size:76px;font-weight:300;line-height:1.02;max-width:1100px}
.lp-hero h1 em{color:var(--orange);font-style:normal;font-weight:850;letter-spacing:-.045em}
.lp-hero-texto>p{color:var(--on-dark-2);max-width:760px;font-size:19px;font-weight:300;line-height:1.55}
.lp-acoes{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}
.lp-garantias{color:var(--on-dark-2);flex-flow:wrap;justify-content:center;gap:28px;font-size:14.5px;display:flex}
.lp-garantias span{align-items:center;gap:8px;display:inline-flex}
.lp-garantias .ico{color:var(--acc);width:16px;height:16px}
.lp-mockup{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-bottom:0;width:100%;position:relative}
.lp-flutuante{color:var(--ink);text-align:left;background:#fff;border-radius:18px;align-items:center;gap:12px;padding:14px 18px 14px 14px;display:flex;position:absolute;box-shadow:0 18px 40px rgba(6,8,63,.3);z-index:3}
.lp-flutuante b{font-size:15px;font-weight:600;display:block}
.lp-flutuante small{color:var(--muted);font-size:13px;display:block}
.lp-flutuante-selo{background:var(--orange);color:var(--ink);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;display:grid;font-size:19px}
.lp-f2{background:var(--orange);flex-direction:column;align-items:flex-start;gap:4px;padding:16px 20px}
.lp-f2 strong{letter-spacing:-.02em;font-family:var(--f-display);font-size:30px;font-weight:850;font-variant-numeric:tabular-nums}
.lp-f2 small{color:rgba(6,8,63,.72);font-size:12px}
.lp-f2-linha{align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}
.lp-f2-linha i{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:lp-pulso 1.4s ease-in-out infinite}
@keyframes lp-pulso{50%{opacity:.25}}
@keyframes lp-flutua{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}
.lp-expandir{width:100%;height:calc(100svh + 150vh);margin-top:calc(var(--altura) - 100svh);pointer-events:none;position:relative}
.lp-expandir-fixo{justify-content:center;align-items:flex-end;height:100svh;display:flex;position:sticky;top:0}
.lp-palco{--w0:min(1120px, calc(100vw - 48px));width:calc(var(--w0) + (100vw - var(--w0)) * var(--e,0));perspective:1300px;perspective-origin:50% 0;pointer-events:auto;position:relative}
.lp-palco .lp-mockup{transform-origin:50% 0;transform:rotateX(calc((1 - var(--p,0)) * 42deg)) scale(calc(.88 + .12 * var(--p,0))) translateY(calc((1 - var(--p,0)) * 30px));will-change:transform;opacity:0;transition:opacity 1.2s .9s;padding:calc(var(--pad) * (1 - var(--e,0))) calc(var(--pad) * (1 - var(--e,0))) 0;border-radius:calc(28px * (1 - var(--e,0))) calc(28px * (1 - var(--e,0))) 0 0;border-color:rgba(255,255,255,calc(.18 * (1 - var(--e,0))))}
.lp-hero.entrou .lp-mockup{opacity:1}
.lp-mockup-tela{height:calc(var(--tela) + (100svh - var(--tela) - 1px) * var(--e,0));border-radius:calc(20px * (1 - var(--e,0))) calc(20px * (1 - var(--e,0))) 0 0;background:#fff;overflow:hidden;position:relative}
.lp-mockup-tela .dash-fit{opacity:calc(1 - var(--g,0))}
.lp-palco .lp-f1{bottom:120px;left:-60px;animation:5s ease-in-out infinite lp-flutua;translate:0 calc(var(--p,0) * -90px);opacity:clamp(0, calc(min(var(--p,0) * 3 - .4, 1 - var(--e,0) * 4)), 1)}
.lp-palco .lp-f2{top:150px;right:-60px;animation:5s ease-in-out 1.2s infinite lp-flutua;translate:0 calc(var(--p,0) * 60px - 40px);opacity:clamp(0, calc(min(var(--p,0) * 3 - .8, 1 - var(--e,0) * 4)), 1)}

/* Entrada del hero */
.lp-entra{opacity:0;filter:blur(8px);transition:opacity .9s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1),filter .9s;transition-delay:calc(.12s + var(--d,0) * 70ms);transform:translateY(26px)}
.lp-hero.entrou .lp-entra{opacity:1;filter:none;transform:none}

/* Letra a letra (titulares) */
.lp-pal{white-space:nowrap;display:inline-block}
.lp-letra{opacity:0;filter:blur(8px);transition:opacity .25s cubic-bezier(.2,.7,.2,1),filter .35s cubic-bezier(.2,.7,.2,1),transform .35s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--base,0ms) + var(--i,0) * var(--pp,14ms));display:inline-block;transform:translateY(.2em)}
.lp-digita[data-visivel] .lp-letra,.lp-hero.entrou .lp-digita-hero .lp-letra{opacity:1;filter:none;transform:none}

/* Revelado genérico */
.lp [data-anim]{opacity:0;filter:blur(6px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .9s cubic-bezier(.2,.7,.2,1),filter .8s;transform:translateY(28px)}
.lp [data-anim][data-visivel]{opacity:1;filter:none;transform:none}
.lp [data-anim].lp-digita{opacity:1;filter:none;transform:none}
.lp .lp-recurso[data-anim][data-visivel]{transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1),filter .8s,background .3s}

/* Píldora de navegación flotante */
.lp-pilula{z-index:60;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:var(--on-dark);opacity:0;background:rgba(7,12,82,.92);border-radius:999px;align-items:center;gap:28px;padding:8px 8px 8px 18px;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .4s;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%,-140%);box-shadow:0 14px 40px rgba(6,8,63,.3);white-space:nowrap;width:max-content;max-width:calc(100vw - 24px);overflow:hidden}
.lp-pilula.visivel{opacity:1;transform:translate(-50%)}
.lp-pilula nav{gap:22px;font-size:14px;display:flex}
.lp-pilula nav a{opacity:.72;transition:opacity .2s}
.lp-pilula nav a:hover{opacity:1}
.lp-pilula-botoes{align-items:center;gap:6px;font-size:14px;display:flex}
.lp-pilula-botoes>a:first-child{border-radius:999px;padding:8px 14px;opacity:.8}
.lp-pilula-botoes a.lp-btn{gap:10px;padding:4px 4px 4px 16px;font-size:14px}
.lp-pilula-botoes a.lp-btn .lp-seta{width:30px;height:30px;font-size:14px}

/* ---------- SECCIONES ---------- */
.lp-secao{flex-direction:column;align-items:center;gap:56px;padding:112px 80px;display:flex}
.lp-secao>*{width:100%;max-width:1280px}
.lp-cinza{background:var(--cream)}
.lp-escura{background:var(--navy);color:var(--on-dark)}
.lp-cabeca{flex-direction:column;gap:18px;display:flex}
.lp-secao>.lp-cabeca{margin-bottom:24px}
.lp-cabeca p{opacity:.7;font-size:18px;font-weight:300;line-height:1.5}
.lp-cabeca.centro{text-align:center;align-items:center}
.lp-cabeca.centro .lp-etiqueta{align-self:center}
.lp-dois-tons{font-family:var(--f-display);text-transform:var(--tt);letter-spacing:-.035em;font-size:52px;font-weight:850;line-height:1.06}
.lp-dois-tons .lp-claro{color:var(--muted);font-weight:300;letter-spacing:-.03em}
.lp-escura .lp-dois-tons .lp-claro{color:var(--blue-soft)}
.lp-cabeca .lp-dois-tons{font-size:54px}

/* Divisor con etiqueta que se "descifra" */
.lp-divisor{align-items:center;display:flex;max-width:1280px}
.lp-secao>.lp-divisor{margin-bottom:-16px}
.lp-divisor i{background:var(--line);flex:1;height:1px;position:relative}
.lp-divisor i:before{content:"";background:var(--ink);border-radius:50%;width:7px;height:7px;position:absolute;top:-3px}
.lp-divisor i:first-child:before{left:0}
.lp-divisor i:last-child:before{right:0}
.lp-divisor>span{margin:0 14px;position:relative}
.lp-divisor.escuro i{background:rgba(255,255,255,.16)}
.lp-divisor.escuro i:before{background:var(--orange)}
.lp-embaralha{letter-spacing:.14em;text-transform:uppercase;justify-content:flex-end;font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;font-size:12.5px;font-weight:500;display:inline-flex;position:relative}
.lp-emb-real{visibility:hidden;white-space:pre;padding:8px 14px 8px 16px}
.lp-emb-tag{white-space:pre;background:rgba(6,8,63,.07);align-items:center;padding:0 14px 0 16px;display:flex;position:absolute;top:0;bottom:0;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:inset 2px 0 var(--orange)}
.lp-emb-tag b{font-weight:inherit;color:var(--orange)}
.lp-emb-tag b.ok{color:var(--ink)}
.lp-embaralha.antes .lp-emb-tag{width:9px;padding:0}
.lp-divisor.escuro .lp-emb-tag{color:#fff;background:rgba(255,255,255,.09)}
.lp-divisor.escuro .lp-emb-tag b.ok{color:#fff}
.lp-divisor.escuro .lp-emb-tag b{color:var(--acc)}

/* ---------- SOLUCIONES (tarjetas) ---------- */
#soluciones{opacity:var(--r,0);transform:translateY(calc((1 - var(--r,0)) * 60px));will-change:opacity,transform;padding-bottom:41px}
#soluciones .lp-cabeca p{line-height:1.3}
#soluciones>.lp-recursos{margin-top:-31px}
.lp-recursos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}
.lp-recurso{background:var(--cream);cursor:pointer;border-radius:28px;outline:none;flex-direction:column;gap:10px;height:385px;padding:32px 32px 0;transition:background .3s,transform .3s;display:flex;position:relative;overflow:hidden}
.lp-recurso:focus-visible{box-shadow:0 0 0 3px var(--orange)}
.lp-recurso-topo{justify-content:space-between;align-items:center;display:flex}
.lp-ver{background:#fff;border-radius:999px;align-items:center;gap:6px;padding:5px 12px 5px 5px;font-size:12px;font-weight:600;display:inline-flex}
.lp-ver>span{background:var(--navy);width:20px;height:20px;color:var(--orange);border-radius:50%;place-items:center;display:grid;font-size:9px}
.lp-recurso h3{font-family:var(--f-display);letter-spacing:-.025em;font-size:25px;font-weight:300;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.lp-recurso p{opacity:.72;font-size:15.5px;font-weight:400;line-height:1.45}
.st{font-family:var(--f-body);letter-spacing:0;font-size:11px;font-weight:700;text-transform:uppercase;border-radius:999px;padding:3px 9px}
.st.on{background:var(--orange);color:var(--ink)}
.st.soon{background:var(--blue-mist);color:var(--cobalt)}
.lp-recurso-tela{flex:1;margin-right:-32px;position:relative}
.lp-recurso-tela .mini{position:absolute;top:14px;left:0;width:440px}
.lp-recurso-video{background:var(--cream);opacity:0;pointer-events:none;transition:opacity .35s,transform .45s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.03);display:flex;flex-direction:column;justify-content:center;padding:28px}
.lp-recurso.ativo .lp-recurso-video{opacity:1;transform:none}
.lp-mais{background:var(--ink);border-radius:22px;justify-content:center;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:4px auto 0;padding:25px 28px;flex-wrap:wrap;display:flex}
.lp-mais>span:first-child{color:#fff;font-size:15px}
.lp-mais .chip{background:var(--orange);color:var(--ink);border-radius:999px;padding:10px 18px;font-size:15px;font-weight:500}

/* mini pantallas (tarjetas) */
.mini{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 30px rgba(6,8,63,.12);padding:16px 18px;font-size:12px;color:var(--ink)}
.mini-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.mini-h b{font-size:13px;font-weight:700;display:flex;align-items:center;gap:7px}
.mini-h b .ico{color:var(--node);font-size:15px}
.mini-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--line)}
.av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;background:var(--blue-mist);color:var(--cobalt)}
.mini-row small{color:var(--muted);display:block;font-size:10.5px}
.pill{border-radius:999px;padding:3px 8px;font-size:10.5px;font-weight:700;white-space:nowrap}
.pill.or{background:var(--orange-soft);color:#B23800}
.pill.bl{background:var(--blue-mist);color:var(--cobalt)}
.pill.gr{background:#E2F8F4;color:#08776B}
.mini-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.mini-kpis div{background:var(--cream);border-radius:12px;padding:10px}
.mini-kpis small{color:var(--muted);font-size:10px;display:block}
.mini-kpis b{font-size:16px;font-family:var(--f-display);font-weight:850;letter-spacing:-.02em}
.mini-bar{height:8px;border-radius:99px;background:var(--cream);overflow:hidden;margin-top:6px}
.mini-bar i{display:block;height:100%;border-radius:99px;background:var(--orange)}
.mini-bar i.b{background:var(--cobalt)}.mini-bar i.c{background:var(--blue-soft)}
.mini svg.line{width:100%;height:92px;display:block}

/* escena "en acción" (hover) */
.acc-t{font-family:var(--f-display);font-weight:850;font-size:15px;letter-spacing:-.02em;margin-bottom:14px;display:flex;align-items:center;gap:8px}
.acc-t .ico{color:var(--orange)}
.acc-step{display:flex;align-items:center;gap:12px;background:#fff;border-radius:14px;padding:11px 14px;margin-top:8px;font-size:14px;box-shadow:0 6px 16px rgba(6,8,63,.06);opacity:0;transform:translateY(10px)}
.acc-step small{color:var(--muted);display:block;font-size:12px}
.acc-step .dot{width:26px;height:26px;border-radius:50%;flex:none;display:grid;place-items:center;background:var(--cream);color:var(--muted);font-size:13px;transition:background .3s,color .3s}
.lp-recurso.ativo .acc-step{animation:acc-in .45s cubic-bezier(.2,.8,.2,1) forwards}
.lp-recurso.ativo .acc-step .dot{animation:acc-ok .3s forwards}
.lp-recurso.ativo .acc-step:nth-child(2),.lp-recurso.ativo .acc-step:nth-child(2) .dot{animation-delay:.15s}
.lp-recurso.ativo .acc-step:nth-child(3),.lp-recurso.ativo .acc-step:nth-child(3) .dot{animation-delay:.75s}
.lp-recurso.ativo .acc-step:nth-child(4),.lp-recurso.ativo .acc-step:nth-child(4) .dot{animation-delay:1.35s}
.lp-recurso.ativo .acc-step:nth-child(5),.lp-recurso.ativo .acc-step:nth-child(5) .dot{animation-delay:1.95s}
@keyframes acc-in{to{opacity:1;transform:none}}
@keyframes acc-ok{to{background:var(--orange);color:var(--ink)}}

/* ---------- FRANJA de sectores (marquee) ---------- */
.lp-faixa{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:56px 24px 72px;display:flex;overflow:hidden}
.lp-faixa>p{color:var(--muted);font-size:16px;margin-bottom:8px}
.lp-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent);mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}
.lp-marquee-trilho{gap:12px;width:max-content;animation:38s linear infinite lp-rolar;display:flex}
.lp-marquee.reversa .lp-marquee-trilho{animation-duration:44s;animation-direction:reverse}
.lp-marquee:hover .lp-marquee-trilho{animation-play-state:paused}
@keyframes lp-rolar{to{transform:translate(calc(-50% - 6px))}}
.lp-profissao{background:var(--cream);white-space:nowrap;border-radius:999px;align-items:center;gap:10px;padding:8px 18px 8px 8px;font-size:15px;display:inline-flex}
.lp-profissao>span{background:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;color:var(--node);font-size:16px}
.lp-marquee.reversa .lp-profissao>span{background:var(--orange);color:var(--ink)}

/* ---------- PANEL ---------- */
.lp-painel-wrap{padding-top:0}
.lp-painel{background:var(--cream);border-radius:40px;grid-template-columns:440px minmax(0,1fr);align-items:center;gap:56px;padding:64px 0 64px 64px;display:grid;position:relative;overflow:hidden}
.lp-painel-texto{flex-direction:column;align-items:flex-start;gap:24px;display:flex}
.lp-painel-texto .lp-dois-tons{font-size:46px}
.lp-painel-texto p{opacity:.72;font-size:17px;font-weight:300;line-height:1.55}
.lp ul.lp-lista{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}
.lp-lista li{align-items:center;gap:10px;font-size:16px;display:flex}
.lp-lista li>span{background:var(--orange);color:var(--ink);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;display:grid;font-size:12px}
.lp-painel-tela{height:520px;position:relative}
.lp-painel-tela .app-shot{border:1px solid var(--line);border-radius:22px;width:980px;height:612px;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;left:0;box-shadow:0 30px 70px rgba(6,8,63,.16);overflow:hidden;background:#fff}
.lp-painel:not([data-visivel]) .lp-painel-tela .app-shot{transform:translate(80px)}

/* ---------- EN LA PRÁCTICA (pila) ---------- */
.lp-pilha{flex-direction:column;gap:40px;width:100%;max-width:1240px;display:flex}
.lp-linha{justify-content:center;align-items:center;gap:120px;display:flex}
.lp-linha.invertida{flex-direction:row-reverse}
.lp-pilha>.lp-linha{border:1px solid var(--line);top:calc(88px + var(--n) * 28px);z-index:calc(var(--n) + 1);--c:0;transform-origin:50% 0;transform:scale(calc(1 - var(--c) * .06));filter:brightness(calc(1 - var(--c) * .06));background:#fff;border-radius:48px;padding:48px 64px;position:sticky;box-shadow:0 -12px 40px rgba(6,8,63,.06)}
.lp-linha-texto{flex-direction:column;align-items:flex-start;gap:22px;width:520px;display:flex}
.lp-linha-texto .lp-dois-tons{font-size:42px}
.lp-linha-texto p{opacity:.72;max-width:480px;font-size:17px;font-weight:300;line-height:1.55}
.lp-linha-visual{border-radius:40px;flex:none;width:560px;height:640px;position:relative;overflow:visible}
.lp-linha-visual.naranja{background:linear-gradient(160deg,#FF9A66,var(--orange))}
.lp-linha-visual.cobalto{background:linear-gradient(160deg,#2B57C4,var(--cobalt))}
.lp-linha-visual.suave{background:linear-gradient(160deg,var(--blue-mist),var(--blue-soft))}
.lp-celular{background:var(--ink);border-radius:48px 48px 0 0;width:340px;height:600px;padding:10px 10px 0;position:absolute;top:40px;left:110px;overflow:hidden;box-shadow:0 30px 60px rgba(6,8,63,.25);transition:transform 1.1s cubic-bezier(.2,.7,.2,1)}
.lp-celular>i{background:var(--ink);border-radius:999px;width:96px;height:26px;margin-left:-48px;position:absolute;top:22px;left:50%;z-index:2}
.lp-linha-visual:not([data-visivel]) .lp-celular{transform:translateY(60px)}
.lp-linha-visual .lp-flutuante.a{top:26px;left:-36px;animation:5s ease-in-out infinite lp-flutua}
.lp-linha-visual .lp-flutuante.b{top:520px;right:-36px;animation:5s ease-in-out 1.5s infinite lp-flutua}
.lp-flutuante.pequeno{padding:12px 18px 12px 12px;box-shadow:0 14px 36px rgba(6,8,63,.14)}
.lp-flutuante.pequeno b{font-size:14px}
.lp-flutuante.pequeno small{font-size:12px}
.lp-flutuante.pequeno .lp-flutuante-selo{width:38px;height:38px;font-size:17px}
.lp-flutuante.pequeno.naranja{background:var(--orange)}
.lp-flutuante.pequeno.naranja small{color:rgba(6,8,63,.7)}
.lp-flutuante.pequeno.naranja .lp-flutuante-selo{background:var(--navy);color:var(--orange)}
.lp-flutuante.pequeno.azul{background:var(--cobalt);color:#fff}
.lp-flutuante.pequeno.azul small{color:rgba(255,255,255,.72)}
.lp-flutuante.pequeno.azul .lp-flutuante-selo{background:var(--acc);color:var(--ink)}

/* pantalla de móvil */
.ph{background:#fff;border-radius:38px 38px 0 0;height:100%;padding:52px 18px 18px;font-size:13px;color:var(--ink);overflow:hidden}
.ph-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;color:var(--muted);font-size:12px}
.ph h5{font-family:var(--f-display);font-weight:850;font-size:21px;letter-spacing:-.02em;margin:0 0 4px}
.ph .sub{color:var(--muted);font-size:12px;margin-bottom:14px}
.ph-card{background:var(--cream);border-radius:16px;padding:12px 14px;margin-bottom:10px}
.ph-card small{color:var(--muted);font-size:11px;display:block}
.ph-card b{font-size:14px}
.ph-li{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-top:1px solid var(--line)}
.ph-li:first-child{border-top:0}
.ph-tot{display:flex;justify-content:space-between;align-items:center;background:var(--orange-soft);border-radius:16px;padding:14px;margin-top:10px}
.ph-tot b{font-family:var(--f-display);font-size:22px;font-weight:850;letter-spacing:-.02em}
.ph-ok{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border-radius:16px;padding:12px 14px;margin-top:10px;font-size:13px}
.ph-ok .ico{color:var(--acc);font-size:18px}

/* ---------- MOTIVOS ---------- */
.lp-motivos{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid;margin-top:-7px}
.lp-motivo{background:var(--cream);border-radius:28px;flex-direction:column;gap:22px;padding:12px 12px 28px;display:flex}
.lp-motivo-img{border-radius:20px;height:280px;position:relative;clip-path:inset(-90px 0 0 round 20px);overflow:visible;overflow-x:clip}
.lp-motivo-img.naranja{background:linear-gradient(160deg,#FF9A66,var(--orange))}
.lp-motivo-img.cobalto{background:linear-gradient(160deg,#2B57C4,var(--cobalt))}
.lp-motivo-img.suave{background:linear-gradient(160deg,var(--blue-mist),var(--blue-soft))}
.lp-motivo-img .shot{position:absolute;transform:translateY(calc((1 - var(--s,0)) * 150px - var(--s,0) * 30px)) rotate(calc((1 - var(--s,0)) * -5deg));opacity:calc(.25 + .75 * var(--s,0));will-change:transform}
.lp-motivo-img .shot.ancho{width:640px;top:56px;left:28px;border-radius:14px;box-shadow:0 20px 40px rgba(6,8,63,.2)}
.lp-motivo-img .shot.movil{width:210px;height:430px;margin-left:-105px;top:48px;left:50%;border:7px solid var(--ink);border-radius:26px;background:#fff;box-shadow:0 20px 40px rgba(6,8,63,.35);overflow:hidden}
.lp-motivo-texto{flex-direction:column;gap:10px;padding:0 16px;display:flex}
.lp-motivo h3{font-family:var(--f-display);font-size:23px;font-weight:850;letter-spacing:-.025em}
.lp-motivo p{opacity:.72;font-size:15.5px;font-weight:400;line-height:1.5}

/* ---------- CÓMO FUNCIONA ---------- */
.lp-como{grid-template-columns:420px minmax(0,1fr);align-items:center;gap:56px;width:100%;max-width:1240px;display:grid}
.lp-como-lista{flex-direction:column;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:flex}
.lp-como-passo{text-align:left;width:100%;color:inherit;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:24px;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;padding:22px 24px;transition:background .4s,color .4s,border-color .4s;display:grid;position:relative;overflow:hidden}
.lp-como-passo:hover{background:rgba(255,255,255,.09)}
.lp-como-num{letter-spacing:-.02em;color:var(--orange);font-family:var(--f-display);font-size:30px;font-weight:300;line-height:1}
.lp-como-corpo{flex-direction:column;display:flex}
.lp-como-corpo b{font-family:var(--f-display);font-size:21px;font-weight:850;letter-spacing:-.02em}
.lp-como-texto{grid-template-rows:0fr;transition:grid-template-rows .5s cubic-bezier(.2,.7,.2,1);display:grid}
.lp-como-texto>span{opacity:.8;padding-top:0;font-size:15.5px;font-weight:400;line-height:1.5;overflow:hidden}
.lp-como-passo.ativo{background:var(--orange);color:var(--ink);border-color:transparent}
.lp-como-passo.ativo .lp-como-num{color:var(--ink)}
.lp-como-passo.ativo .lp-como-texto{grid-template-rows:1fr}
.lp-como-passo.ativo .lp-como-texto>span{padding-top:10px}
.lp-como-icone{width:40px;height:40px;color:var(--orange);background:rgba(255,255,255,.1);border-radius:50%;place-items:center;transition:background .4s,color .4s;display:grid;font-size:18px}
.lp-como-passo.ativo .lp-como-icone{background:var(--navy);color:var(--orange)}
.lp-como-barra{background:var(--ink);transform-origin:0;opacity:0;width:100%;height:3px;position:absolute;bottom:0;left:0;transform:scaleX(0)}
.lp-como-passo.ativo .lp-como-barra{opacity:.85;animation:6s linear forwards lp-como-prog}
@keyframes lp-como-prog{to{transform:scaleX(1)}}
.lp-como-tela{background:var(--navy-2);border:1px solid rgba(255,255,255,.12);border-radius:22px;overflow:hidden;box-shadow:0 40px 90px rgba(0,0,20,.5)}
.lp-como-janela{background:var(--deep);align-items:center;gap:7px;padding:12px 16px;display:flex}
.lp-como-janela span{background:rgba(255,255,255,.22);border-radius:50%;width:11px;height:11px}
.lp-como-janela em{color:rgba(244,245,255,.6);background:rgba(255,255,255,.07);border-radius:999px;flex:1;max-width:320px;margin-left:12px;padding:5px 14px;font-size:12px;font-style:normal}
.lp-como-imgs{aspect-ratio:1500/938;background:#fff;position:relative;color:var(--ink)}
.lp-como-imgs .scr{opacity:0;width:100%;height:100%;transition:opacity .6s,transform .9s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0;transform:scale(1.03);padding:5% 6%;display:grid;gap:4%;overflow:hidden}
.lp-como-imgs .scr.ativo{opacity:1;transform:none}
.scr h6{font-family:var(--f-display);font-weight:850;font-size:clamp(16px,2.2vw,30px);letter-spacing:-.03em;margin:0 0 .4em;line-height:1.05}
.scr .sm{color:var(--muted);font-size:clamp(10px,1vw,14px)}
.scr .field{border:1px solid var(--line);border-radius:10px;padding:.7em .9em;font-size:clamp(10px,.95vw,13px);color:var(--muted);margin-top:.6em;background:#fff}
.scr .field b{color:var(--ink);font-weight:600}
.scr .cta{display:inline-flex;align-items:center;gap:.6em;background:var(--orange);color:var(--ink);border-radius:999px;padding:.6em .6em .6em 1.1em;font-weight:700;font-size:clamp(10px,1vw,14px);margin-top:1em}
.scr .cta i{width:1.9em;height:1.9em;border-radius:50%;background:var(--navy);color:var(--orange);display:grid;place-items:center;font-style:normal}
.scr .panel{background:var(--cream);border-radius:16px;padding:6% 7%}
.slots{display:grid;grid-template-columns:repeat(3,1fr);gap:.5em;margin-top:.8em}
.slots span{border:1px solid var(--line);background:#fff;border-radius:10px;padding:.55em 0;text-align:center;font-size:clamp(10px,.95vw,13px);font-weight:600}
.slots span.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:.35em;margin-top:.6em;font-size:clamp(9px,.85vw,12px);text-align:center;color:var(--muted)}
.cal b{font-weight:600;color:var(--ink);padding:.45em 0;border-radius:8px}
.cal b.on{background:var(--orange);color:var(--ink)}
.nodes{display:flex;align-items:center;justify-content:center;gap:3%;margin:3% 0}
.node{background:#fff;border:1px solid var(--line);border-radius:16px;padding:4% 5%;text-align:center;font-weight:700;font-size:clamp(10px,1.05vw,15px);box-shadow:0 10px 24px rgba(6,8,63,.08);flex:1}
.node .ico{margin:0 auto .4em;font-size:1.8em;color:var(--node)}
.node.hub{background:var(--navy);color:#fff;border-color:var(--navy)}
.node.hub .ico{color:var(--orange)}
.arrow{color:var(--orange);font-weight:800;font-size:clamp(14px,1.6vw,22px)}
.checks{display:grid;grid-template-columns:1fr 1fr;gap:.6em}
.checks div{display:flex;align-items:center;gap:.6em;background:var(--cream);border-radius:12px;padding:.75em .9em;font-size:clamp(10px,.95vw,13.5px)}
.checks .ico{color:#08776B;font-size:1.3em}
.thread{display:flex;flex-direction:column;gap:.6em}
.thread span{max-width:78%;border-radius:16px;padding:.7em 1em;font-size:clamp(10px,1vw,14px);line-height:1.35}
.thread .eu{background:var(--cream);align-self:flex-start;border-bottom-left-radius:5px}
.thread .nos{background:var(--navy);color:#fff;align-self:flex-end;border-bottom-right-radius:5px}

/* ---------- PLANES ---------- */
.lp-planos{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}
.lp-plano{background:var(--cream);border-radius:32px;flex-direction:column;gap:24px;min-height:600px;padding:32px 28px;display:flex}
.lp-plano.escuro{background:var(--navy);color:var(--on-dark)}
.lp-plano-topo{justify-content:space-between;align-items:center;display:flex;gap:8px}
.lp-plano h3{font-family:var(--f-display);font-size:26px;font-weight:850;letter-spacing:-.025em}
.lp-tag{background:var(--orange);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:12.5px;font-weight:700;align-items:center;gap:5px;display:inline-flex;white-space:nowrap}
.lp-preco{align-items:baseline;gap:6px;display:flex}
.lp-preco strong{letter-spacing:-.05em;font-family:var(--f-display);font-size:64px;font-weight:300;line-height:1}
.lp-preco span{font-size:22px}
.lp-preco small{opacity:.6;font-size:16px}
.lp-plano>p{opacity:.72;font-size:15.5px;font-weight:400}
.lp-plano hr{opacity:.12;border:0;border-top:1px solid;width:100%;margin:0}
.lp-plano .lp-lista li{font-size:15px;align-items:flex-start}
.lp-plano .lp-lista li>span{background:var(--navy);color:var(--orange);margin-top:1px}
.lp-plano.escuro .lp-lista li>span{background:var(--orange);color:var(--ink)}
.lp-plano .mas{font-weight:700;font-size:14px;opacity:.85}
.lp-plano .lp-btn{width:100%;margin-top:auto;padding:8px 8px 8px 22px;font-size:15.5px}
.lp-plano .lp-seta{width:40px;height:40px}
.lp-planos-nota{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;align-items:center;color:var(--muted);font-size:14.5px;margin-top:-24px}
.lp-planos-nota b{color:var(--ink)}
.lp-planos-nota .br{background:var(--orange-soft);color:#8A2C00;border-radius:999px;padding:8px 16px;font-weight:600}

/* ---------- SOPORTE + SEGURIDAD ---------- */
.lp-suporte{flex-direction:row;justify-content:center;gap:16px;padding-top:0}
.lp-suporte>*{max-width:632px}
.lp-bloco{border-radius:32px;flex-direction:column;flex:1;justify-content:flex-start;gap:28px;min-height:480px;padding:40px;display:flex;position:relative;overflow:hidden}
.lp-bloco.naranja{background:var(--orange);color:var(--ink)}
.lp-bloco.escuro{background:var(--navy);color:var(--on-dark)}
.lp-bloco-topo{flex-direction:column;display:flex}
.lp-bloco h3{font-family:var(--f-display);letter-spacing:-.035em;margin-bottom:18px;font-size:38px;font-weight:300;line-height:1.08}
.lp-bloco h3 b{font-weight:850}
.lp-bloco p{opacity:.82;max-width:500px;font-size:16.5px;font-weight:400;line-height:1.5}
.lp-chat{flex-direction:column;justify-content:flex-end;gap:10px;min-height:150px;margin-top:auto;display:flex}
.lp-balao{display:flex}
.lp-balao.eu{justify-content:flex-start}
.lp-balao.nos{justify-content:flex-end}
.lp-balao span{border-radius:20px;max-width:78%;padding:12px 18px;font-size:15px;line-height:1.35}
.lp-balao.eu span{background:#fff;border-bottom-left-radius:6px;box-shadow:0 8px 20px rgba(6,8,63,.1)}
.lp-balao.nos span{background:var(--navy);color:#fff;border-bottom-right-radius:6px}
.lp-balao.digitando span{gap:5px;padding:14px 18px;display:inline-flex}
.lp-balao.digitando i{background:var(--acc);border-radius:50%;width:7px;height:7px;animation:1.2s ease-in-out infinite lp-ponto}
.lp-balao.eu.digitando i{background:rgba(6,8,63,.45)}
.lp-balao.digitando i:nth-child(2){animation-delay:.15s}
.lp-balao.digitando i:nth-child(3){animation-delay:.3s}
@keyframes lp-ponto{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}
.lp-balao.chega{animation:.45s cubic-bezier(.2,.8,.2,1) both lp-balao-in}
.lp-balao.eu.chega{transform-origin:0 100%}
.lp-balao.nos.chega{transform-origin:100% 100%}
@keyframes lp-balao-in{0%{opacity:0;transform:translateY(10px) scale(.92)}to{opacity:1;transform:none}}
.lp-bloco-acoes{flex-wrap:wrap;gap:10px;display:flex}
.lp .lp-acao{border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}
.lp .lp-acao:hover{transform:translateY(-2px)}
.lp .lp-acao.escura{background:var(--navy);color:var(--orange)}
.lp .lp-acao.contorno{color:var(--ink);border:1.5px solid rgba(6,8,63,.35)}
.lp-escudo{background:var(--orange);width:84px;height:84px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:36px;right:36px;font-size:34px}
.lp-escudo i{border:1.5px solid rgba(254,80,0,.55);border-radius:50%;animation:3s ease-out infinite lp-onda;position:absolute;inset:0}
.lp-escudo i:nth-child(2){animation-delay:1.5s}
@keyframes lp-onda{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}
.lp-seguro{flex-direction:column;gap:10px;margin:auto 0 0;padding:0;list-style:none;display:flex}
.lp-seguro li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;align-items:center;gap:14px;padding:12px 16px;font-size:15px;display:flex}
.lp-seguro li span{background:var(--orange);width:34px;height:34px;color:var(--ink);border-radius:50%;flex:none;place-items:center;display:grid;font-size:16px}

/* ---------- DUDAS ---------- */
.lp-duvidas{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:96px;display:flex}
.lp-duvidas>.lp-cabeca{flex:none;max-width:400px}
.lp-duvidas .lp-cabeca a{text-decoration:underline;text-underline-offset:3px}
.lp-perguntas{flex-direction:column;flex:1;gap:10px;max-width:760px;display:flex}
.lp-pergunta{background:#fff;border-radius:20px;padding:0 24px}
.lp-pergunta button{text-align:left;width:100%;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:22px 0;font-size:18px;font-weight:500;display:flex}
.lp-pergunta button span{background:var(--cream);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;transition:background .2s,transform .3s;display:grid;font-size:15px}
.lp-pergunta.aberta button span{background:var(--navy);color:var(--orange);transform:rotate(45deg)}
.lp-resposta{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}
.lp-resposta>p{opacity:.75;padding-right:48px;font-size:16px;font-weight:400;line-height:1.55;overflow:hidden}
.lp-pergunta.aberta .lp-resposta{grid-template-rows:1fr}
.lp-pergunta.aberta .lp-resposta>p{padding-bottom:22px}

/* ---------- PIE ---------- */
.lp-rodape{flex-direction:column;align-items:center;gap:24px;padding:32px 80px 48px;display:flex;background:#fff;color:var(--ink)}
.lp-rodape-linha{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1280px;display:flex}
.lp-rodape-linha nav{color:rgba(6,8,63,.72);flex-wrap:wrap;gap:28px;font-size:14px;display:flex;align-items:center}
.lp-rodape-linha nav a:hover,.lp-rodape-linha nav button:hover{color:var(--orange)}
.lp-rodape-linha.pequeno{border-top:1px solid var(--line);color:var(--muted);padding-top:24px;font-size:13px}
@media (min-width:768px){.lp-rodape-linha.pequeno{padding-right:84px}}
.lp-rodape .ids{display:flex;flex-wrap:wrap;gap:6px}
.lp-rodape .ids .sep{opacity:.5}

/* Botón flotante (castor) */
.lp-zap{z-index:50;background:var(--navy);border-radius:50%;place-items:center;width:60px;height:60px;transition:transform .2s;display:grid;position:fixed;bottom:32px;right:32px;box-shadow:0 10px 24px rgba(6,8,63,.35)}
.lp-zap img{width:40px;height:40px;object-fit:contain}
.lp-zap:hover{transform:scale(1.06)}
.lp-zap::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid var(--orange);opacity:.0;animation:zap 3.2s ease-out infinite}
@keyframes zap{0%{opacity:.8;transform:scale(.9)}70%,to{opacity:0;transform:scale(1.35)}}

/* Menú móvil */
.lp-hamb,.lp-drop{display:none}

/* ---------- PANEL DE LA APP (mockup HTML) ---------- */
.dash-fit{position:absolute;inset:0}
.dash{position:absolute;top:0;left:0;width:1100px;height:700px;transform-origin:0 0;display:grid;grid-template-columns:200px 1fr;background:#fff;color:var(--ink);font-size:12.5px;text-align:left;font-family:var(--f-body);line-height:1.35}
.d-side{background:var(--cream);padding:20px 14px;display:flex;flex-direction:column;gap:4px;border-right:1px solid var(--line)}
.d-logo{display:flex;align-items:center;gap:8px;padding:0 8px 16px}
.d-side small{font-size:9.5px;letter-spacing:.14em;color:var(--muted);padding:8px 10px 6px;font-weight:700}
.d-it{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:10px;color:rgba(6,8,63,.78);font-weight:500;transition:background .3s,color .3s}
.d-it .ico{font-size:15px;color:var(--node)}
.d-it em{margin-left:auto;font-style:normal;background:var(--navy);color:#fff;border-radius:99px;font-size:9.5px;padding:1px 6px;font-weight:700}
.d-it .so{margin-left:auto;font-size:9px;font-weight:700;color:var(--cobalt);background:var(--blue-mist);border-radius:99px;padding:1px 6px}
.d-it.on{background:var(--orange);color:var(--ink);font-weight:700}
.d-it.on .ico{color:var(--ink)}
.d-plan{margin-top:auto;background:var(--navy);color:#fff;border-radius:16px;padding:14px}
.d-plan b{display:block;font-family:var(--f-display);font-weight:850;font-size:13px}
.d-plan small{padding:0;color:var(--acc);letter-spacing:0;font-size:10.5px;font-weight:600}
.d-main{padding:18px 24px;display:flex;flex-direction:column;gap:14px;overflow:hidden}
.d-top{display:flex;justify-content:space-between;align-items:center}
.d-hi{display:flex;align-items:center;gap:10px}
.d-hi .av{width:30px;height:30px;font-size:12px;background:var(--navy);color:#fff}
.d-hi b{display:block;font-size:13px}
.d-hi small{color:var(--muted);font-size:10.5px}
.d-chips{display:flex;gap:6px}
.d-chip{border:1px solid var(--line);border-radius:99px;padding:5px 10px;font-size:10.5px;font-weight:600;display:inline-flex;align-items:center;gap:6px;background:#fff}
.d-chip.live{background:var(--orange-soft);border-color:transparent;color:#8A2C00}
.d-chip.live i{width:7px;height:7px;border-radius:50%;background:var(--orange);animation:lp-pulso 1.4s infinite}
.d-title{display:flex;justify-content:space-between;align-items:center}
.d-title h4{font-family:var(--f-display);font-weight:850;font-size:28px;letter-spacing:-.03em}
.d-view{display:none;flex-direction:column;gap:14px;flex:1;min-height:0}
.d-view.on{display:flex}
.d-grid{display:grid;grid-template-columns:1.05fr 1.25fr 1fr;gap:12px}
.d-grid2{display:grid;grid-template-columns:1.05fr 1.25fr 1fr;gap:12px;flex:1;min-height:0}
.d-card{background:var(--cream);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden}
.d-ch{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:12px}
.d-ch>span{display:flex;align-items:center;gap:7px}
.d-ch .ico{font-size:14px;color:var(--node)}
.d-big{font-family:var(--f-display);font-weight:300;font-size:34px;letter-spacing:-.04em;font-variant-numeric:tabular-nums;display:flex;align-items:center;gap:8px;line-height:1}
.d-big .pill{font-family:var(--f-body);letter-spacing:0;font-size:10px}
.d-cap{font-size:9.5px;letter-spacing:.1em;font-weight:700;color:var(--muted);text-transform:uppercase}
.d-meta{margin-top:auto}
.d-stats{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:10px;margin-top:4px}
.d-stats div+div{border-left:1px solid var(--line);padding-left:12px}
.d-stats b{font-family:var(--f-display);font-size:22px;font-weight:300;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.d-stats small{display:block;color:var(--muted);font-size:10.5px}
.d-bars{display:flex;align-items:flex-end;gap:7px;height:96px;padding-top:6px}
.d-bars i{flex:1;background:var(--ink);border-radius:5px;height:calc(var(--h) * var(--k,1));min-height:3px;transition:height .25s}
.d-bars i.hoy{background:var(--orange)}
.d-tags{display:flex;flex-wrap:wrap;gap:6px}
.d-tags span{background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 10px;font-size:10.5px;font-weight:600}
.d-tags span.on{background:var(--orange);border-color:var(--orange)}
.d-search{background:#fff;border-radius:99px;padding:7px 12px;color:var(--muted);font-size:10.5px;display:flex;gap:6px;align-items:center}
.d-feed{display:flex;flex-direction:column;gap:6px}
.d-ev{display:flex;gap:9px;align-items:center;background:#fff;border-radius:12px;padding:8px 10px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}
.d-ev.on{opacity:1;transform:none}
.d-ev .ic{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;flex:none;font-size:12px;background:var(--orange-soft);color:#B23800}
.d-ev .ic.b{background:var(--blue-mist);color:var(--cobalt)}
.d-ev .ic.g{background:#E2F8F4;color:#08776B}
.d-ev b{font-size:11.5px;display:block}
.d-ev small{color:var(--muted);font-size:10px}
.d-vat{display:flex;flex-direction:column;gap:9px}
.d-vat div{display:grid;grid-template-columns:52px 1fr 64px;gap:8px;align-items:center;font-size:11px}
.d-vat b{font-variant-numeric:tabular-nums;text-align:right}
.d-vat .mini-bar{margin-top:0;background:#fff}
.d-wh{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.d-wh div{background:#fff;border-radius:12px;padding:10px}
.d-wh small{color:var(--muted);font-size:10px;display:block}
.d-wh b{font-family:var(--f-display);font-size:20px;font-weight:300;letter-spacing:-.03em}
.d-next{background:var(--navy);color:#fff}
.d-next .d-cap{color:var(--blue-soft)}
.d-next .d-big{font-weight:850;font-size:28px}
.d-next .ico{color:var(--orange)}
.d-tab{width:100%;border-collapse:collapse;font-size:11.5px;background:#fff;border-radius:14px;overflow:hidden}
.d-tab th{text-align:left;color:var(--muted);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:10px 12px;background:var(--cream)}
.d-tab td{padding:10px 12px;border-top:1px solid var(--line)}
.d-tab td.n{font-variant-numeric:tabular-nums;text-align:right}
.d-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.d-kpis .d-card b{font-family:var(--f-display);font-size:24px;font-weight:300;letter-spacing:-.03em}


/* gestor de proyectos (mini planificación) */
.gantt{display:grid;gap:8px;font-size:10.5px}
.g-head,.g-row{display:grid;grid-template-columns:104px repeat(5,1fr);align-items:center}
.g-head span{color:var(--muted);font-weight:700;text-align:center}
.g-row{position:relative;height:26px;background:var(--cream);border-radius:8px}
.g-row>span{padding-left:8px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.g-row i{position:absolute;top:4px;bottom:4px;left:calc(104px + (100% - 104px) / 5 * var(--x));width:calc((100% - 104px) / 5 * var(--w));background:var(--orange);color:var(--ink);border-radius:6px;font-style:normal;font-weight:700;display:flex;align-items:center;padding:0 7px;white-space:nowrap;overflow:hidden}
.g-row i.b{background:var(--cobalt);color:#fff}
.g-row i.c{background:var(--blue-soft);color:var(--ink)}
.g-row i.mv{background:#fff;border:1.5px dashed var(--orange);color:#B23800}
/* tarjeta "a medida" */
.lp-recurso.medida{background:var(--navy);color:var(--on-dark);cursor:default;padding-bottom:32px}
.lp-recurso.medida .lp-num{background:var(--orange);color:var(--ink)}
.lp-recurso.medida p{opacity:.8}
.medida-pie{margin-top:auto;display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.medida-chips{display:flex;flex-wrap:wrap;gap:8px}
.medida-chips span{border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:6px 12px;font-size:13px;color:var(--blue-soft)}
/* fila número + estado y chips de la tarjeta 04 */
.lp-num-fila{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}
.lp-mini-chips{display:flex;flex-wrap:wrap;gap:8px}
.lp-mini-chips span{background:var(--cream);border-radius:999px;padding:7px 14px;font-size:13.5px;font-weight:500}


/* desplegable de Soluciones */
.lp-sol-btn{display:inline-flex;align-items:center;gap:6px;opacity:.75;transition:opacity .2s}
.lp-pilula .lp-sol-btn{opacity:.72}
.lp-sol-btn:hover,.lp-sol-btn[aria-expanded="true"]{opacity:1}
.lp-sol-btn .ico{width:12px;height:12px;transition:transform .25s}
.lp-sol-btn[aria-expanded="true"] .ico{transform:rotate(180deg)}
.lp-sol{position:fixed;top:0;left:0;z-index:80;width:min(700px,calc(100vw - 24px));background:#fff;color:var(--ink);border-radius:26px;padding:10px;box-shadow:0 30px 70px rgba(6,8,63,.3);opacity:0;visibility:hidden;transform:translateY(-6px) scale(.98);transform-origin:50% 0;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1),visibility 0s .25s}
.lp-sol.aberto{opacity:1;visibility:visible;transform:none;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1)}
.lp-sol-cols{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lp-sol-col{background:var(--cream);border-radius:18px;padding:10px;display:flex;flex-direction:column;gap:2px}
.lp-sol-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted);padding:6px 10px 8px;display:flex;align-items:center;gap:8px}
.lp-sol-k i{width:8px;height:8px;border-radius:50%;background:var(--blue-soft)}
.lp-sol-k i.on{background:var(--orange);box-shadow:0 0 0 4px rgba(254,80,0,.15)}
.lp-sol-it{display:grid;grid-template-columns:40px 1fr;gap:12px;align-items:center;padding:10px;border-radius:14px;transition:background .2s}
.lp-sol-it:hover,.lp-sol-it:focus-visible{background:#fff;outline:none}
.lp-sol-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;color:var(--node);font-size:19px}
.lp-sol-it:hover .lp-sol-ic{background:var(--cream)}
.lp-sol-it.on .lp-sol-ic,.lp-sol-it.on:hover .lp-sol-ic{background:var(--orange);color:var(--ink)}
.lp-sol-it b{font-size:15px;font-weight:700;display:block}
.lp-sol-it small{color:var(--muted);font-size:13px;line-height:1.35;display:block}
.lp-sol-pie{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:8px;padding:14px 18px;border-radius:16px;background:var(--navy);color:#fff;font-size:14.5px}
.lp-sol-pie span{color:var(--orange);font-weight:700;white-space:nowrap}
.lp-drop-sol{display:flex;flex-direction:column}
.lp-drop-k{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--blue-soft);padding:12px 18px 4px}
.lp .lp-drop-sol a{display:flex;justify-content:space-between;align-items:center;gap:10px;border-radius:16px;padding:11px 18px;font-size:17px;font-weight:300}
.lp .lp-drop-sol a:hover{background:rgba(255,255,255,.08)}
@media (max-width:1023px){.lp-sol{display:none}}

/* pie: bloque del grupo BeReady */
.lp-grupo{width:100%;max-width:1280px;margin-top:16px;background:var(--cream);border-radius:28px;padding:28px 32px;display:flex;justify-content:space-between;align-items:center;gap:24px 48px;flex-wrap:wrap}
.lp-grupo-izq{display:flex;flex-direction:column;align-items:flex-start;gap:12px;max-width:720px}
.lp-grupo-k{font-family:var(--f-display);font-weight:850;font-size:14px;letter-spacing:.12em;text-transform:uppercase;color:var(--navy);display:inline-flex;align-items:center;gap:10px}
.lp-grupo-k i{width:9px;height:9px;border-radius:50%;background:var(--orange)}
.lp-grupo-logo img{height:56px;width:auto;display:block;margin:-10px 0 -8px -2px}
.lp-grupo-izq p{color:rgba(6,8,63,.75);font-size:15px;line-height:1.55;margin:0}
.lp-grupo-acc{display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.lp-grupo-web{color:var(--navy);font-weight:600;font-size:14px}
.lp-grupo-web:hover{color:var(--orange)}
@media (max-width:767px){.lp-grupo{padding:24px 20px}.lp-grupo-acc{align-items:flex-start}}


/* globo del castor */
.lp-globo{position:fixed;right:32px;bottom:106px;z-index:51;width:max-content;max-width:270px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:18px 18px 6px 18px;padding:12px 36px 12px 16px;font-size:14.5px;line-height:1.38;box-shadow:0 14px 34px rgba(6,8,63,.22);opacity:0;visibility:hidden;transform:translateY(8px) scale(.94);transform-origin:100% 100%;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1),visibility 0s .35s}
.lp-globo.on{opacity:1;visibility:visible;transform:none;transition:opacity .3s,transform .35s cubic-bezier(.2,.8,.2,1)}
.lp-globo::after{content:"";position:absolute;right:22px;bottom:-8px;width:14px;height:14px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.lp-globo-txt{display:block}
.lp-globo-txt:hover{color:var(--navy)}
.lp-globo-dots{display:inline-flex;gap:5px;padding:4px 0}
.lp-globo-dots i{width:7px;height:7px;border-radius:50%;background:rgba(6,8,63,.4);animation:1.2s ease-in-out infinite lp-ponto}
.lp-globo-dots i:nth-child(2){animation-delay:.15s}.lp-globo-dots i:nth-child(3){animation-delay:.3s}
.lp-globo-x{position:absolute;top:7px;right:8px;width:22px;height:22px;border-radius:50%;color:var(--muted);font-size:16px;line-height:22px;text-align:center}
.lp-globo-x:hover{background:var(--cream);color:var(--ink)}
.lp-zap.habla img{animation:castor-habla .7s ease-in-out 2}
@keyframes castor-habla{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)}75%{transform:rotate(9deg)}}
@media (max-width:767px){.lp-globo{right:16px;bottom:82px;max-width:min(240px,calc(100vw - 32px));font-size:13.5px}}
@media (prefers-reduced-motion:reduce){.lp-zap.habla img,.lp-globo-dots i{animation:none}}


/* menú de contacto del castor */
.lp-zap{border:0;cursor:pointer;padding:0;transition:transform .2s,background .3s}
.lp-zap .c-n{display:none}
.lp-zap.abierto{background:var(--orange);box-shadow:0 10px 26px rgba(254,80,0,.45)}
.lp-zap.abierto .c-w{display:none}.lp-zap.abierto .c-n{display:block}
.lp-zap.abierto::after{animation:none;opacity:0}
/* castor animado del botón: plano general en reposo, medio mientras escribe, primer plano al hablar */
.lp-zap .castor-svg{width:100%;height:100%;display:block;border-radius:50%}
.lp-zap .disco{transition:fill .3s}
.lp-zap.abierto .disco{fill:var(--orange)}
.lp-zap .zoom{transform-box:view-box;transform-origin:0 0;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.lp-zap .cabeza{transform-box:view-box;transform-origin:530px 690px}
.lp-zap .ojo{transform-box:fill-box;transform-origin:50% 50%;animation:castor-parpadeo 5.2s infinite}
.lp-zap .bigotes{transform-box:fill-box;transform-origin:100% 50%}
.lp-zap:not(.habla):not(.escribe) .cabeza{animation:castor-respira 4.6s ease-in-out infinite}
.lp-zap.escribe .zoom{transform:translate(-142.9px,-46.6px) scale(1.2414)}
.lp-zap.escribe .bigotes{animation:castor-bigote .42s ease-in-out infinite alternate}
.lp-zap.habla .zoom{transform:translate(-285.9px,-98.1px) scale(1.4828)}
.lp-zap.habla .cabeza{animation:castor-asiente .7s ease-in-out 2}
.lp-zap.habla .bigotes{animation:castor-bigote .3s ease-in-out 4 alternate}
@keyframes castor-parpadeo{0%,90%,to{transform:scaleY(1)}92%{transform:scaleY(.08)}94%{transform:scaleY(1)}}
@keyframes castor-respira{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.012)}}
@keyframes castor-bigote{0%{transform:rotate(-5deg)}to{transform:rotate(5deg)}}
@keyframes castor-asiente{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)}65%{transform:rotate(4deg)}}
@media (prefers-reduced-motion:reduce){.lp-zap .castor-svg *{animation:none!important;transition:none!important}}

.lp-fab-menu{position:fixed;right:32px;bottom:104px;z-index:52;display:flex;flex-direction:column;align-items:flex-end;gap:8px;pointer-events:none}
.lp-fab-act{width:280px;display:flex;align-items:center;gap:12px;padding:6px 16px 6px 6px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 28px rgba(6,8,63,.18);font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.2;opacity:0;transform:translateY(10px) scale(.96);transform-origin:100% 100%;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1)}
.lp-fab-act small{display:block;color:var(--muted);font-weight:400;font-size:12px;margin-top:2px}
.lp-fab-act .ic{width:38px;height:38px;flex:none;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font-size:17px}
.lp-fab-act.primary{border-color:var(--orange);box-shadow:0 14px 30px rgba(254,80,0,.28)}
.lp-fab-act.primary .ic{background:var(--orange);color:var(--ink)}
.lp-fab-act:hover{transform:translateY(-2px)}
.lp-fab-menu.on{pointer-events:auto}
.lp-fab-menu.on .lp-fab-act{opacity:1;transform:none}
.lp-fab-menu.on .lp-fab-act:nth-child(2){transition-delay:.05s}
.lp-fab-menu.on .lp-fab-act:nth-child(1){transition-delay:.1s}
@media (max-width:767px){.lp-fab-menu{right:16px;bottom:80px}.lp-fab-act{width:min(280px,calc(100vw - 32px))}}


/* logo oficial (imagen): blanco en cabecera/píldora, azul en el pie */
.blogo img.logo-img{width:auto;height:46px;object-fit:contain}
.blogo.sm img.logo-img{width:auto;height:32px}
.blogo.sm.pie img.logo-img{height:40px}
@media (max-width:767px){.blogo img.logo-img{height:38px}.blogo.sm img.logo-img{height:28px}.blogo.sm.pie img.logo-img{height:36px}}


/* logo solo texto (píldora al hacer scroll): el lema se ajusta al ancho de BEAGENTS */
.wm{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;color:#fff;line-height:1;flex:none;padding:2px 0}
.wm-main{font-family:var(--f-display);font-weight:850;font-size:18px;letter-spacing:.03em;line-height:.9;white-space:nowrap}
.wm-main .thin{font-weight:300;margin-right:.03em}
.wm-tag{font-family:var(--f-body);font-weight:600;font-size:7.4px;letter-spacing:.3em;text-transform:uppercase;white-space:nowrap;opacity:.9}
@media (max-width:767px){.wm-main{font-size:17px}.wm-tag{font-size:7px}}


/* logo de la cabecera: castor (imagen) + texto real, del alto de los botones */
.marca{display:inline-flex;align-items:center;gap:12px;color:#fff;flex:none}
.marca-castor{height:42px;width:auto;display:block}
.marca .wm{gap:5px;padding:0}
.marca .wm-main{font-size:23px}
.marca .wm-tag{font-size:8.8px;font-weight:600}
@media (max-width:767px){.marca-castor{height:34px}.marca{gap:9px}.marca .wm-main{font-size:19px}.marca .wm-tag{font-size:7.4px}}


/* mismo logo que la cabecera, en azul: pie y panel de la app */
.marca.azul,.marca.azul .wm{color:var(--navy)}
.marca.pie .marca-castor{height:40px}
.marca.pie .wm-main{font-size:22px}
.marca.pie .wm-tag{font-size:8.4px}
.marca.chica{gap:8px}
.marca.chica .marca-castor{height:28px}
.marca.chica .wm{gap:3px}
.marca.chica .wm-main{font-size:16px}
.marca.chica .wm-tag{font-size:6.2px}
@media (max-width:767px){.marca.pie .marca-castor{height:34px}.marca.pie .wm-main{font-size:19px}.marca.pie .wm-tag{font-size:7.2px}}

/* ---------- RESPONSIVE ---------- */
@media (max-width:1279px){
  .lp-nav,.lp-secao{padding-left:40px;padding-right:40px}
  .lp-linha,.lp-linha.invertida{flex-direction:column;gap:32px}
  .lp-linha-texto{width:100%;max-width:560px}
  .lp-palco .lp-f1{left:16px}.lp-palco .lp-f2{right:16px}
  .lp-painel{grid-template-columns:1fr;padding:48px 0 0 48px}
  .lp-painel-texto{padding-right:48px}
  .lp-painel-tela{height:420px}
  .lp-pilha>.lp-linha{border-radius:32px;padding:32px 24px}
  .lp-planos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1100px){.lp-pilula{gap:18px}.lp-pilula nav{gap:16px;font-size:13px}}
@media (max-width:1023px){
  .lp-links{display:none}
  .lp-recursos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lp-suporte,.lp-duvidas{flex-direction:column;align-items:center}
  .lp-duvidas>.lp-cabeca{width:100%;max-width:none;text-align:center;align-items:center}
  .lp-duvidas .lp-etiqueta{align-self:center}
  .lp-perguntas{width:100%}
  .lp-bloco{width:100%;max-width:560px}
  .lp-duvidas{gap:40px}
  .lp-motivos{grid-template-columns:1fr;max-width:560px}
  .lp-cabeca .lp-dois-tons,.lp-dois-tons,.lp-painel-texto .lp-dois-tons{font-size:42px}
  .lp-motivo .lp-motivo-img .shot{opacity:1;will-change:auto;transition:transform 1.2s cubic-bezier(.2,.8,.2,1) .25s,opacity .9s .25s;transform:translateY(-30px)}
  .lp-motivo:not([data-visivel]) .lp-motivo-img .shot{opacity:0;transform:translateY(70px) rotate(-6deg) scale(.94)}
  .lp-painel{padding:32px 16px 0}
  .lp-painel-texto{padding-right:0}
  .lp-painel-tela{height:auto;aspect-ratio:980/560;overflow:hidden;border-radius:18px 18px 0 0}
  .lp-painel-tela .app-shot{border-bottom:0;border-radius:18px 18px 0 0;box-shadow:0 -20px 50px rgba(6,8,63,.1);transform-origin:0 0}
  .lp-painel:not([data-visivel]) .lp-painel-tela .app-shot{transform:translateY(40px) scale(var(--k,1))}
  .lp-pilha>.lp-linha{padding:28px 16px 0;overflow:hidden}
  .lp-linha-visual{width:100%;max-width:none;height:600px}
  .lp-celular{width:280px;height:560px;margin-left:-140px;top:32px;left:50%}
  .lp-linha-visual .lp-flutuante.a{top:12px;left:0}
  .lp-linha-visual .lp-flutuante.b{top:500px;right:0}
  .lp-rodape-linha{text-align:center;flex-direction:column;align-items:center;gap:20px}
  .lp-rodape-linha nav{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px 18px}
  .lp-rodape .ids{justify-content:center}
  .lp-expandir{height:auto;margin-top:0}
  .lp-expandir-fixo{height:auto;position:static}
  .lp-palco .lp-f1,.lp-palco .lp-f2{display:none}
  .lp-hero{--pad:6px;--tela:calc((100vw - 60px) * .5094)}
  .lp-selo{gap:6px;padding:5px 12px 5px 5px;font-size:clamp(9px,2.65vw,14px)}
  .lp-selo b{padding:4px 9px;font-size:1em}
  .lp-como{grid-template-columns:1fr;gap:28px}
  .lp-como-tela{order:-1}
  .lp-mais{border-radius:18px;gap:6px;width:100%;padding:14px}
  .lp-mais>span:first-child{text-align:center;opacity:.7;width:100%;font-size:12px}
  .lp-mais .chip{padding:6px 12px;font-size:12.5px}
  .lp-hamb{width:40px;height:40px;color:var(--on-dark);background:rgba(255,255,255,.1);border-radius:50%;flex:none;place-items:center;display:grid;font-size:18px}
  .lp-drop{z-index:70;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--on-dark);opacity:0;transform-origin:100% 0;pointer-events:none;visibility:hidden;background:rgba(7,12,82,.97);border-radius:26px;flex-direction:column;max-width:520px;margin-left:auto;padding:10px;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s;display:flex;position:fixed;top:74px;left:12px;right:12px;transform:translateY(-10px) scale(.98);box-shadow:0 24px 60px rgba(0,0,20,.4)}
  .lp-drop.aberto{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .25s,transform .3s cubic-bezier(.2,.8,.2,1);transform:none}
  .lp .lp-drop>a{border-radius:16px;padding:15px 18px;font-size:18px;font-weight:300}
  .lp .lp-drop>a:hover{background:rgba(255,255,255,.08)}
  .lp-drop-acoes{border-top:1px solid rgba(255,255,255,.1);gap:8px;margin-top:10px;padding:20px 8px 8px;display:flex}
  .lp .lp-acao-drop{text-align:center;border:1.5px solid rgba(255,255,255,.25);border-radius:999px;flex:1;padding:14px 16px;font-size:16px}
  .lp-drop-acoes .lp-btn{flex:1.4;padding:6px 6px 6px 22px;font-size:16px}
  .lp-pilula{gap:10px;width:calc(100% - 24px);justify-content:space-between}
}
@media (max-width:767px){
  .lp-nav{padding:16px}
  .lp-nav-botoes .lp-btn,.lp-nav-botoes .lp-btn-contorno{display:none}
  .lp-nav-botoes{margin-left:auto}
  .lp-secao{gap:40px;padding:72px 16px}
  .lp-secao>.lp-cabeca{margin-bottom:12px}
  .lp-hero-texto{gap:22px;padding:40px 16px}
  .lp-hero h1{font-size:40px}
  .lp-hero-texto>p{font-size:16px}
  .lp-garantias{flex-direction:column;align-items:center;gap:10px}
  .lp-hero{--tela:calc((100vw - 44px) * .5094)}
  .lp-palco{perspective:900px;width:calc(100% - 32px)}
  .lp-recursos{grid-template-columns:1fr}
  #soluciones>.lp-recursos{margin-top:0}
  #soluciones{padding-bottom:48px}
  .lp-cabeca .lp-dois-tons,.lp-dois-tons,.lp-painel-texto .lp-dois-tons,.lp-linha-texto .lp-dois-tons{font-size:31px}
  .lp-painel{border-radius:28px}
  .lp-linha-visual{border-radius:28px;max-width:360px;height:520px}
  .lp-celular{width:240px;height:490px;margin-left:-120px;top:30px}
  .lp-linha-visual .lp-flutuante.a{top:8px;left:-8px}
  .lp-linha-visual .lp-flutuante.b{top:430px;right:-8px}
  .lp-planos{grid-template-columns:1fr}
  .lp-plano{min-height:0;padding:28px}
  .lp-preco strong{font-size:56px}
  .lp-planos-nota{margin-top:0}
  .lp-bloco{min-height:0;padding:28px}
  .lp-bloco h3{font-size:29px}
  .lp-escudo{width:64px;height:64px;top:24px;right:24px;font-size:26px}
  .lp-balao span{max-width:88%}
  .lp-como-passo{gap:14px;padding:18px;grid-template-columns:auto 1fr}
  .lp-como-corpo b{font-size:18px}
  .lp-como-num{font-size:25px}
  .lp-como-icone,.lp-como-janela em{display:none}
  .lp-rodape{padding:24px 16px 40px}
  .lp-zap{width:54px;height:54px;bottom:16px;right:16px}
  .lp-divisor>span{margin:0 8px}
  .lp-pilula{padding-left:14px}
  .lp-pilula-botoes>a:first-child{display:none}
}
@media (max-width:480px){.lp-pilula-botoes a.lp-btn{display:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .lp [data-anim],.lp-entra,.lp-letra{opacity:1;filter:none;transition:none;transform:none}
  .lp-marquee-trilho{animation:none!important}
  .lp-palco .lp-mockup{transform:none}
  .lp-expandir{height:auto;margin-top:0}
  .lp-expandir-fixo{height:auto;position:static}
  .lp-palco .lp-f1,.lp-palco .lp-f2{opacity:1;translate:none}
  #soluciones{opacity:1;transform:none}
  .lp-motivo .lp-motivo-img .shot{opacity:1;transform:none}
  .lp-pilha>.lp-linha{filter:none;transform:none}
  .lp-balao.digitando i,.lp-escudo i,.lp-balao.chega{animation:none}
  .lp-como-passo.ativo .lp-como-barra{animation:none;transform:scaleX(1)}
}

/* botón del castor siempre visible: aro blanco fijo + sombra (sobre fondos azules no se pierde) */
.lp .lp-zap{box-shadow:0 0 0 3px #fff,0 10px 24px rgba(6,8,63,.38)}
.lp .lp-zap.abierto{box-shadow:0 0 0 3px #fff,0 10px 26px rgba(254,80,0,.45)}
.lp .lp-zap::after{inset:-6px}


/* ---------- MÓVIL: menú en la píldora y carruseles deslizables ---------- */
.lp-dots{display:none}
@media (max-width:1023px){
  .lp-pilula nav{display:none}
  .lp-pilula .lp-hamb{width:36px;height:36px;font-size:16px}
}
@media (max-width:767px){
  .lp-secao{padding-top:56px;padding-bottom:56px}
  .lp-recursos,.lp-motivos,.lp-planos,.lp-pilha{display:flex!important;flex-direction:row;align-items:stretch;align-self:stretch;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-left:-16px;margin-right:-16px;padding:4px 16px 14px;width:auto!important;max-width:none!important}
  .lp-recursos::-webkit-scrollbar,.lp-motivos::-webkit-scrollbar,.lp-planos::-webkit-scrollbar,.lp-pilha::-webkit-scrollbar{display:none}
  .lp-recursos>*,.lp-motivos>*,.lp-planos>*,.lp-pilha>*{flex:0 0 86%;min-width:0;scroll-snap-align:center}
  .lp .lp-recursos>[data-anim],.lp .lp-motivos>[data-anim],.lp .lp-planos>[data-anim],.lp .lp-pilha [data-anim]{opacity:1;filter:none;transform:none}
  .lp-motivo .lp-motivo-img .shot{opacity:1!important;transform:translateY(-30px)!important}
  .lp-pilha>.lp-linha{position:relative!important;top:auto!important;transform:none!important;filter:none!important;box-shadow:none;gap:20px;padding:24px 16px 0}
  .lp-pilha .lp-linha-visual{height:440px}
  .lp-pilha .lp-celular{width:200px;height:400px;margin-left:-100px;top:24px;transform:none!important}
  .lp-pilha .lp-linha-visual .lp-flutuante.a{top:6px;left:-4px}
  .lp-pilha .lp-linha-visual .lp-flutuante.b{top:330px;right:-4px}
  .lp-plano{min-height:0}
  .lp-dots{display:flex;justify-content:center;gap:6px;margin-top:-6px}
  .lp-dots button{width:8px;height:8px;border-radius:99px;background:rgba(6,8,63,.2);transition:width .25s,background .25s}
  .lp-dots button.on{width:22px;background:var(--orange)}
}


/* ---------- CONTACTO (formulario) ---------- */
.lp-contacto-grid{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:56px;align-items:start}
.lp-contacto-info p{max-width:420px}
.lp ul.lp-contacto-datos{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.lp-contacto-datos li{display:flex;align-items:center;gap:12px}
.lp-contacto-datos .ic{width:42px;height:42px;border-radius:50%;background:var(--orange);color:var(--ink);display:grid;place-items:center;flex:none;font-size:18px}
.lp-contacto-datos b{display:block;font-weight:600;color:#fff}
.lp-contacto-datos small{color:var(--blue-soft);font-size:13px}
.lp-contacto-caja{background:#fff;color:var(--ink);border-radius:28px;padding:32px;box-shadow:0 30px 70px rgba(0,0,20,.35)}
.lp-form{display:flex;flex-direction:column;gap:16px;position:relative}
.lp-form [hidden],.lp-contacto-caja [hidden]{display:none!important}
.lp-form-fila{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lp-campo{display:flex;flex-direction:column;gap:7px;min-width:0}
.lp-campo>span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.lp-campo>span em{text-transform:none;letter-spacing:0;font-style:normal;font-weight:400}
.lp-campo input,.lp-campo select,.lp-campo textarea,.lp-form-ok textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:12px 14px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}
.lp-campo textarea,.lp-form-ok textarea{resize:vertical;min-height:110px;line-height:1.45}
.lp-campo input:focus,.lp-campo select:focus,.lp-campo textarea:focus{border-color:var(--navy);background:#fff;box-shadow:0 0 0 3px rgba(11,20,134,.12)}
.lp-campo .mal{border-color:#E4572E;background:#FFF6F2}
.lp-trampa{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.lp-privacidad{display:flex;flex-direction:column;gap:10px}
.lp-privacidad p{background:var(--cream);border:1px solid var(--line);border-radius:14px;padding:12px 14px;font-size:12.5px;line-height:1.5;color:rgba(6,8,63,.7);margin:0}
.lp-privacidad a,.lp-privacidad button{text-decoration:underline;text-underline-offset:2px;color:var(--ink)}
.lp-check{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;line-height:1.45;cursor:pointer;color:rgba(6,8,63,.8)}
.lp-check input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--navy)}
.lp-form-error{background:#FFF1EC;border:1px solid #FFC9B3;color:#9A2F00;border-radius:12px;padding:10px 14px;font-size:14px}
.lp-form-pie{display:flex;justify-content:flex-end}
.lp-form-ok{display:flex;flex-direction:column;gap:12px}
.lp-form-ok-ic{width:52px;height:52px;border-radius:50%;background:var(--orange);color:var(--ink);display:grid;place-items:center;font-size:24px}
.lp-form-ok h3{font-family:var(--f-display);font-weight:850;font-size:26px;letter-spacing:-.025em}
.lp-form-ok p{font-size:16px;line-height:1.5;margin:0}
.lp-form-ok-sub{color:var(--muted)}
.lp-form-ok-sub a{text-decoration:underline}
.lp-form-ok-acc{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:1023px){.lp-contacto-grid{grid-template-columns:1fr;gap:32px}}
@media (max-width:767px){.lp-contacto-caja{padding:22px 18px;border-radius:22px}.lp-form-fila{grid-template-columns:1fr}.lp-form-pie .lp-btn{width:100%}}


/* ---------- formulario corto «Te llamamos» (junto al castor) ---------- */
.lp-llamada{position:fixed;right:32px;bottom:104px;z-index:53;width:340px;max-width:calc(100vw - 32px);max-height:calc(100vh - 140px);overflow:auto;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 60px rgba(6,8,63,.3);padding:18px;opacity:0;visibility:hidden;transform:translateY(10px) scale(.97);transform-origin:100% 100%;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1),visibility 0s .3s}
.lp-llamada.on{opacity:1;visibility:visible;transform:none;transition:opacity .22s,transform .3s cubic-bezier(.2,.8,.2,1)}
.lp-llamada [hidden]{display:none!important}
.lp-llamada-cab{display:flex;align-items:flex-start;gap:12px;margin-bottom:14px}
.lp-llamada-cab .ic{width:40px;height:40px;border-radius:50%;background:var(--orange);color:var(--ink);display:grid;place-items:center;flex:none;font-size:18px}
.lp-llamada-cab b{display:block;font-family:var(--f-display);font-weight:850;font-size:17px;letter-spacing:-.02em}
.lp-llamada-cab small{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:2px}
.lp-llamada-x{margin-left:auto;width:30px;height:30px;border-radius:50%;background:var(--cream);font-size:18px;line-height:30px;text-align:center;flex:none}
.lp-llamada-x:hover{background:var(--line)}
.lp-llamada-form{gap:12px}
.lp-llamada .lp-campo input,.lp-llamada .lp-campo select{padding:10px 12px}
.lp-cuando{border:0;margin:0;padding:0}
.lp-chips-opc{display:flex;flex-wrap:wrap;gap:6px}
.lp-chips-opc label{cursor:pointer}
.lp-chips-opc input{position:absolute;opacity:0;pointer-events:none}
.lp-chips-opc i{display:inline-block;font-style:normal;font-size:13.5px;font-weight:600;padding:8px 12px;border-radius:999px;background:var(--cream);border:1px solid var(--line);transition:background .2s,border-color .2s}
.lp-chips-opc input:checked+i{background:var(--navy);color:#fff;border-color:var(--navy)}
.lp-chips-opc input:focus-visible+i{box-shadow:0 0 0 3px rgba(11,20,134,.25)}
.lp-llamada .lp-privacidad p{font-size:12px;padding:10px 12px}
.lp-llamada .lp-check{font-size:13px}
.lp-llamada .lp-btn{width:100%;justify-content:space-between}
.lp-llamada .lp-form-ok h3{font-size:22px}
.lp-llamada .lp-form-ok p{font-size:15px}
@media (max-width:767px){.lp-llamada{right:16px;bottom:80px;width:auto;left:16px;max-width:none}}

/* ---------- MODALES LEGALES (heredados de la v1) ---------- */
.modal{position:fixed;inset:0;z-index:100;display:none;align-items:flex-start;justify-content:center;padding:24px 16px;background:rgba(7,12,82,.6);backdrop-filter:blur(3px);overflow-y:auto}
.modal[aria-hidden="false"]{display:flex}
.modal-card{background:#fff;color:#4c4f78;border-radius:24px;max-width:820px;width:100%;margin:auto;box-shadow:0 30px 80px rgba(7,12,82,.5)}
.modal-head{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--line);border-radius:24px 24px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;z-index:2}
.modal-head .eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--orange)}
.modal-head h3{font-family:var(--f-display);font-weight:850;font-size:23px;margin:3px 0 0;color:var(--ink);text-transform:uppercase;letter-spacing:-.02em}
.modal-x{flex:0 0 auto;width:42px;height:42px;border-radius:999px;border:none;background:var(--navy);color:#fff;font-size:18px;cursor:pointer;line-height:1}
.modal-body{padding:10px 24px 28px}
.modal-body h4{font-family:var(--f-display);font-weight:850;color:var(--ink);font-size:18px;margin:24px 0 8px}
.modal-body p{font-size:15px;margin-top:10px}
.modal-body ul{margin:10px 0 0;padding-left:20px;display:flex;flex-direction:column;gap:7px;font-size:15px}
.modal-body a{color:var(--blue);font-weight:600}
.modal-body .meta{font-size:13px;color:#8a8da8;margin-top:4px}
.ltab{width:100%;border-collapse:collapse;margin-top:12px;font-size:13.5px}
.ltab th,.ltab td{border:1px solid var(--line);padding:9px 11px;text-align:left;vertical-align:top}
.ltab th{background:var(--cream);color:var(--ink);font-weight:700}
.ltab-wrap{overflow-x:auto}
/* enlace de cada tarjeta de soluciones a su página */
.lp-recurso-link{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:15px;color:var(--cobalt);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:4px;align-self:flex-start}
.lp-recurso.ativo>.lp-recurso-link{visibility:hidden}
.lp-recurso.ativo .lp-recurso-video{pointer-events:auto}
.lp-recurso-video .lp-recurso-link{margin-top:12px}
.lp-recurso .lp-recurso-video{padding:18px 26px}
.lp-recurso{height:410px}
@media (max-width:767px){.lp-recurso{height:470px}.lp-recurso .lp-recurso-video{padding:16px 20px}}
@media (max-width:360px){.lp-recurso{height:525px}}
.lp-recurso-link:hover{color:var(--ink)}

/* ===== Páginas de solución (se añade a estilos/beagents.css, que es el CSS de la portada) ===== */
.pg-hero .lp-hero-texto{max-width:1100px}
.pg-hero h1{font-size:68px;text-wrap:balance}
.pg-hero .lp-hero-texto>p{max-width:760px;font-size:20px;line-height:1.5;color:rgba(244,245,255,.82)}
.pg-migas{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:13.5px;color:var(--blue-soft)}
.pg-migas a{color:var(--blue-soft);text-decoration:none}
.pg-migas a:hover{color:#fff}
.pg-migas span[aria-current]{color:#fff}
/* red de seguridad: si el script no carga, la cabecera aparece igualmente */
.pg-hero .lp-entra{animation:pgMostrar 0s 3s forwards}
@keyframes pgMostrar{to{opacity:1;filter:none;transform:none}}
/* el panel va justo debajo de la cabecera y continúa su fondo azul */
.pg-hero .lp-hero-texto{padding-bottom:56px}
.pg-hero .lp-brilho{display:none}
.pg-hero+#panel{padding-top:8px;margin-top:-1px;position:relative;overflow:clip;background-image:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:60px 100%}
.pg-hero+#panel::before{content:"";position:absolute;left:50%;top:180px;width:1100px;height:640px;transform:translateX(-50%);border-radius:50%;background:rgba(47,67,255,.5);filter:blur(140px);pointer-events:none}
.pg-hero+#panel::after{content:"";position:absolute;left:50%;top:520px;width:620px;height:360px;transform:translateX(-50%);border-radius:50%;background:rgba(254,80,0,.18);filter:blur(120px);pointer-events:none}
.pg-hero+#panel>*{position:relative;z-index:1}
.pg-hero+#panel .lp-cabeca .lp-dois-tons{font-size:40px}
.lp-selo.prox b{background:var(--blue-mist);color:var(--cobalt)}

.pg-ancho{width:100%;max-width:1280px}
.pg-ojo{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--orange)}
.pg-ojo i{width:8px;height:8px;border-radius:50%;background:var(--orange)}
.lp-escura .pg-ojo{color:var(--acc)}
.lp-escura .pg-ojo i{background:var(--acc)}

/* En una frase + para quién */
.pg-resumen{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;width:100%;max-width:1280px}
.pg-frase{background:var(--navy);color:var(--on-dark);border-radius:32px;padding:40px;display:flex;flex-direction:column;gap:18px;position:relative;overflow:hidden}
.pg-frase::after{content:"";position:absolute;right:-80px;bottom:-120px;width:320px;height:320px;border-radius:50%;background:rgba(254,80,0,.35);filter:blur(80px)}
.pg-frase p{font-family:var(--f-display);font-size:30px;line-height:1.2;letter-spacing:-.03em;font-weight:300;margin:0;position:relative;z-index:1}
.pg-frase p b{font-weight:850;color:var(--orange)}
.pg-para{background:var(--cream);border-radius:32px;padding:36px;display:flex;flex-direction:column;gap:16px}
.pg-para h3,.pg-tit3{font-family:var(--f-display);font-size:24px;font-weight:850;letter-spacing:-.03em;margin:0}
.pg-check{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.pg-check li{display:flex;gap:12px;align-items:flex-start;font-size:16.5px;line-height:1.45}
.pg-check li>span:first-child{width:24px;height:24px;border-radius:50%;background:var(--orange);color:var(--ink);display:grid;place-items:center;flex:none;margin-top:1px}
.pg-check li>span:first-child .ico{width:13px;height:13px}
.pg-check.azul li>span:first-child{background:var(--blue-mist);color:var(--cobalt)}
.lp-escura .pg-check li>span:first-child{background:var(--acc)}

/* Pasos */
.pg-pasos{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;width:100%;max-width:1280px;counter-reset:paso}
.pg-pasos.cuatro{grid-template-columns:repeat(4,minmax(0,1fr))}
.pg-pasos li{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px 22px;display:flex;flex-direction:column;gap:10px;counter-increment:paso}
.lp-cinza .pg-pasos li{border-color:transparent}
.pg-pasos li::before{content:counter(paso,decimal-leading-zero);font-family:var(--f-display);font-weight:850;font-size:15px;color:var(--orange);background:var(--navy);width:44px;height:44px;border-radius:50%;display:grid;place-items:center}
.pg-pasos b{font-size:18px;line-height:1.25}
.pg-pasos p{margin:0;font-size:15.5px;line-height:1.5;color:var(--muted)}
.lp-escura .pg-pasos li{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1)}
.lp-escura .pg-pasos li::before{background:var(--orange);color:var(--ink)}
.lp-escura .pg-pasos p{color:var(--blue-soft)}

/* Rejilla de funciones */
.pg-rejilla{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;max-width:1280px}
.pg-rejilla.dos{grid-template-columns:repeat(2,minmax(0,1fr))}
.pg-card{background:var(--cream);border-radius:28px;padding:30px 28px;display:flex;flex-direction:column;gap:12px}
.lp-cinza .pg-card{background:#fff}
.pg-card .pg-ic{width:48px;height:48px;border-radius:14px;background:var(--navy);color:var(--orange);display:grid;place-items:center}
.pg-card .pg-ic .ico{width:22px;height:22px}
.pg-card:nth-child(3n+2) .pg-ic{background:var(--cobalt);color:var(--acc)}
.pg-card:nth-child(3n) .pg-ic{background:var(--orange);color:var(--ink)}
.pg-card h3{font-family:var(--f-display);font-size:21px;font-weight:850;letter-spacing:-.025em;line-height:1.15;margin:4px 0 0}
.pg-card p{margin:0;font-size:16px;line-height:1.55;color:rgba(6,8,63,.72)}
.pg-card ul{margin:2px 0 0;padding-left:18px;font-size:15.5px;line-height:1.55;color:rgba(6,8,63,.72)}
.pg-card ul li{margin:3px 0}
.pg-card .pg-plan{align-self:flex-start;margin-top:auto;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;background:var(--blue-mist);color:var(--cobalt)}

/* Tabla fiscal */
.pg-tabla-wrap{width:100%;max-width:1280px;overflow-x:auto;border-radius:28px;background:#fff;border:1px solid var(--line)}
.pg-tabla{width:100%;border-collapse:collapse;font-size:15.5px;min-width:760px}
.pg-tabla caption{text-align:left;padding:22px 24px 6px;font-size:14px;color:var(--muted);caption-side:bottom}
.pg-tabla th,.pg-tabla td{text-align:left;padding:16px 20px;border-bottom:1px solid var(--line);vertical-align:top;line-height:1.45}
.pg-tabla thead th{background:var(--navy);color:#fff;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700}
.pg-tabla tbody th{font-weight:700;color:var(--ink)}
.pg-tabla tbody tr:last-child>*{border-bottom:0}
.pg-tabla tbody tr:nth-child(even){background:var(--cream)}
.pg-mod{display:inline-block;font-weight:700;color:var(--cobalt);background:#EEF1FF;border-radius:8px;padding:2px 8px;white-space:nowrap}
.pg-pl{display:inline-block;font-size:12px;font-weight:700;border-radius:999px;padding:3px 10px;background:var(--orange);color:var(--ink);white-space:nowrap}

/* Caso de ejemplo */
.pg-caso{width:100%;max-width:1280px;background:linear-gradient(150deg,var(--cobalt),var(--navy-2));color:var(--on-dark);border-radius:36px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative;overflow:hidden}
.pg-caso::before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:60px 100%;pointer-events:none}
.pg-caso>*{position:relative}
.pg-caso h2{font-family:var(--f-display);font-size:38px;font-weight:850;letter-spacing:-.035em;line-height:1.08;margin:14px 0 14px}
.pg-caso h2 span{font-weight:300;color:var(--blue-mist)}
.pg-caso p{color:rgba(244,245,255,.8);font-size:17px;line-height:1.55;margin:0}
.pg-caso small.aviso{display:block;margin-top:18px;font-size:13px;color:var(--blue-soft)}
.pg-antes{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-content:start}
.pg-antes div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:22px}
.pg-antes div.despues{background:var(--orange);color:var(--ink);border-color:transparent}
.pg-antes b{display:block;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;opacity:.85}
.pg-antes ul{margin:0;padding-left:18px;font-size:15.5px;line-height:1.5}
.pg-antes li{margin:4px 0}

/* Varios casos de ejemplo */
.pg-casos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;max-width:1280px}
.pg-casos.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.pg-caso-c{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:28px 24px;display:flex;flex-direction:column;gap:12px}
.pg-caso-c .pg-ic{width:48px;height:48px;border-radius:14px;background:var(--orange);color:var(--ink);display:grid;place-items:center}
.pg-caso-c:nth-child(2) .pg-ic{background:var(--acc)}
.pg-caso-c:nth-child(3) .pg-ic{background:var(--blue-mist);color:var(--cobalt)}
.pg-caso-c .pg-ic .ico{width:22px;height:22px}
.pg-caso-c h3{font-family:var(--f-display);font-size:21px;font-weight:850;letter-spacing:-.025em;line-height:1.15;margin:4px 0 0;color:#fff}
.pg-caso-c>p{margin:0;font-size:15.5px;line-height:1.5;color:var(--blue-soft)}
.pg-caso-c .pg-check li{font-size:15px;color:rgba(244,245,255,.88)}
.pg-caso-c .pg-plan{align-self:flex-start;margin-top:auto;font-size:12px;font-weight:700;border-radius:999px;padding:4px 10px;background:var(--orange);color:var(--ink)}
.pg-aviso-casos{font-size:13px;color:var(--blue-soft);margin-top:-24px}

/* Requisitos / nota */
.pg-nota{width:100%;max-width:1280px;display:flex;gap:16px;align-items:flex-start;background:#EEF1FF;border:1px solid var(--blue-mist);border-radius:24px;padding:24px 26px;font-size:16px;line-height:1.55}
.pg-nota .pg-ic{width:40px;height:40px;border-radius:50%;background:var(--cobalt);color:#fff;display:grid;place-items:center;flex:none}
.pg-nota b{color:var(--ink)}
.pg-nota p{margin:0}
.pg-nota p+p{margin-top:8px}

/* Precio a medida (Amazon) */
.pg-precio{width:100%;max-width:1280px;display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.pg-precio .pg-card{background:var(--cream)}
.pg-precio .oscura{background:var(--navy);color:var(--on-dark)}
.pg-precio .oscura p{color:rgba(244,245,255,.78)}
.pg-precio .oscura h3 b{color:var(--orange)}

/* Lista de espera / CTA final */
.pg-cta{width:100%;max-width:1280px;background:var(--orange);color:var(--ink);border-radius:36px;padding:56px;display:flex;justify-content:space-between;align-items:center;gap:32px;position:relative;overflow:hidden}
.pg-cta::after{content:"";position:absolute;right:-60px;top:-140px;width:360px;height:360px;border-radius:50%;background:rgba(255,255,255,.22);filter:blur(60px)}
.pg-cta>*{position:relative;z-index:1}
.pg-cta h2{font-family:var(--f-display);font-size:44px;font-weight:850;letter-spacing:-.035em;line-height:1.05;margin:0 0 12px}
.pg-cta h2 span{font-weight:300}
.pg-cta p{margin:0;font-size:18px;max-width:560px}
.pg-cta .lp-acoes{flex:none;justify-content:flex-end}
.pg-cta .lp-btn-contorno{color:var(--ink);border-color:rgba(6,8,63,.3)}
.pg-cta .lp-btn-contorno:hover{background:rgba(6,8,63,.06)}

/* Otras soluciones */
.pg-otras{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%;max-width:1280px}
.pg-otra{display:flex;flex-direction:column;gap:8px;background:var(--cream);border-radius:22px;padding:22px;text-decoration:none;color:var(--ink);transition:transform .2s,background .2s}
.pg-otra:hover{transform:translateY(-2px);background:var(--blue-mist)}
.pg-otra b{font-size:17px;display:flex;justify-content:space-between;gap:8px;align-items:center}
.pg-otra small{font-size:14.5px;color:var(--muted);line-height:1.45}

@media (max-width:1100px){
  .pg-pasos,.pg-pasos.cuatro{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-rejilla{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pg-otras,.pg-casos,.pg-casos.tres{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1023px){
  .pg-hero h1{font-size:52px}
  .pg-resumen,.pg-caso,.pg-precio{grid-template-columns:1fr}
  .pg-cta{flex-direction:column;align-items:flex-start;padding:40px 32px}
  .pg-cta .lp-acoes{justify-content:flex-start}
}
@media (max-width:767px){
  .pg-hero .lp-hero-texto{padding-bottom:36px}
  .pg-hero+#panel .lp-cabeca .lp-dois-tons{font-size:30px}
  .pg-hero h1{font-size:38px}
  .pg-hero .lp-hero-texto>p{font-size:17px}
  .pg-frase{padding:28px}.pg-frase p{font-size:23px}
  .pg-para{padding:26px}
  .pg-pasos,.pg-pasos.cuatro,.pg-rejilla,.pg-rejilla.dos,.pg-otras,.pg-antes,.pg-casos,.pg-casos.tres{grid-template-columns:1fr}
  .pg-caso{padding:30px 22px;border-radius:28px}.pg-caso h2{font-size:30px}
  .pg-cta{padding:32px 22px;border-radius:28px}.pg-cta h2{font-size:32px}
  .pg-tabla th,.pg-tabla td{padding:13px 14px}
}
/* ===== Simuladores de panel (páginas de solución). Los pinta estilos/simuladores.js con datos de ejemplo ===== */
.pg-sim{width:100%;max-width:1280px}
.pg-sim-claves{list-style:none;margin:0;padding:0;width:100%;max-width:1280px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.pg-sim-claves li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:20px 22px;font-size:15.5px;line-height:1.5;color:rgba(244,245,255,.82)}
.pg-sim-claves b{display:block;color:#fff;font-size:17px;margin-bottom:4px}
.pg-sim-claves li::before{content:"";display:block;width:28px;height:4px;border-radius:4px;background:var(--orange);margin-bottom:12px}
.pg-sim-claves li:nth-child(2)::before{background:var(--acc)}
.pg-sim-claves li:nth-child(3)::before{background:var(--blue-soft)}

.sim-pista{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 12px;margin:0 auto 16px;font-size:15px;color:rgba(244,245,255,.85);text-align:center}
.sim-pista-k{display:inline-flex;align-items:center;gap:8px;background:var(--acc);color:var(--ink);font-weight:800;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:6px 14px}
.sim-pista-k i{width:8px;height:8px;border-radius:50%;background:var(--ink);animation:simPunto 1.4s ease-in-out infinite}
@keyframes simPunto{50%{transform:scale(1.6);opacity:.45}}
.sim-pista-movil{display:none;font-weight:700;color:var(--acc)}
.sim-pista-tour{flex-basis:100%;font-size:13px;color:var(--blue-mist)}
.sim-pista-tour b{color:var(--acc)}
.pg-sim.usado .sim-pista-k i{animation:none}
.sim-lado.invita .sim-it:not(.on){animation:simInvita 2.4s ease-in-out infinite}
.sim-lado.invita .sim-it:nth-of-type(3){animation-delay:.3s}.sim-lado.invita .sim-it:nth-of-type(4){animation-delay:.6s}
.sim-lado.invita .sim-it:nth-of-type(5){animation-delay:.9s}.sim-lado.invita .sim-it:nth-of-type(6){animation-delay:1.2s}
@keyframes simInvita{0%,70%,100%{box-shadow:0 0 0 0 rgba(254,80,0,0)}35%{box-shadow:0 0 0 3px rgba(254,80,0,.35);background:rgba(254,80,0,.06)}}
@media (prefers-reduced-motion:reduce){.sim-lado.invita .sim-it,.sim-pista-k i{animation:none!important}}
.sim{background:#fff;color:var(--ink);border-radius:28px;box-shadow:0 40px 90px -30px rgba(0,0,20,.55);overflow:hidden;font-size:14px;line-height:1.4;text-align:left;font-family:var(--f-body)}
.sim button{font:inherit;cursor:pointer}
.sim-barra{display:flex;align-items:center;gap:7px;padding:12px 16px;background:var(--cream);border-bottom:1px solid var(--line)}
.sim-barra>i{width:10px;height:10px;border-radius:50%;background:#D9DCEF;flex:none}
.sim-barra>i:nth-child(1){background:#FF8A66}.sim-barra>i:nth-child(2){background:#FFC94D}.sim-barra>i:nth-child(3){background:#5ED3B5}
.sim-url{margin-left:10px;background:#fff;border:1px solid var(--line);border-radius:99px;padding:4px 14px;font-size:12px;color:var(--muted);flex:0 1 360px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sim-ej{margin-left:auto;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--cobalt);background:var(--blue-mist);border-radius:99px;padding:4px 10px;white-space:nowrap}
.sim-cuerpo{display:grid;grid-template-columns:214px minmax(0,1fr);min-height:640px}
.sim-lado{background:var(--cream);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;gap:3px}
.sim-logo{display:flex;align-items:center;gap:8px;padding:0 8px 14px;font-family:var(--f-display);font-weight:850;font-size:15px;color:var(--navy);letter-spacing:-.01em}
.sim-logo img{height:28px;width:auto}
.sim-logo i{font-style:normal;font-weight:300}
.sim-k{font-size:10px;letter-spacing:.14em;font-weight:700;color:var(--muted);padding:8px 10px 4px;text-transform:uppercase}
.sim-it{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:10px;border:0;background:none;color:rgba(6,8,63,.78);font-weight:600;font-size:13.5px;text-align:left;width:100%;transition:background .2s,color .2s}
.sim-it .ico{width:16px;height:16px;flex:none}
.sim-it:hover{background:rgba(6,8,63,.05)}
.sim-it.on{background:var(--orange);color:var(--ink)}
.sim-it em{margin-left:auto;font-style:normal;font-size:11px;font-weight:700;background:var(--navy);color:#fff;border-radius:99px;padding:1px 7px}
.sim-pie-lado{margin-top:auto;background:var(--navy);color:#fff;border-radius:16px;padding:14px;font-size:12px;color:var(--blue-soft)}
.sim-pie-lado b{display:block;font-size:13px;color:#fff;margin-bottom:2px}
.sim-main{padding:20px 24px 24px;display:flex;flex-direction:column;gap:16px;min-width:0}
.sim-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.sim-top h4{font-family:var(--f-display);font-weight:850;font-size:22px;letter-spacing:-.03em;margin:0;line-height:1.1}
.sim-top small{display:block;color:var(--muted);font-size:12.5px;margin-top:3px}
.sim-chips{display:flex;gap:6px;flex-wrap:wrap}
.sim-chip{border:1px solid var(--line);background:#fff;border-radius:99px;padding:6px 12px;font-size:12px;font-weight:700;color:rgba(6,8,63,.75);white-space:nowrap}
.sim-chip.on{background:var(--navy);border-color:var(--navy);color:#fff}
.sim-chip.vivo{background:var(--orange-soft);border-color:transparent;color:#8A2C00;display:inline-flex;align-items:center;gap:6px}
.sim-chip.vivo::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--orange)}
.sim-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sim-kpi{background:var(--cream);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:5px;min-width:0}
.sim-kpi small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.sim-kpi b{font-family:var(--f-display);font-weight:850;font-size:24px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}
.sim-kpi span{font-size:12px;color:var(--muted)}
.sim-kpi.navy{background:var(--navy);color:#fff}.sim-kpi.navy small,.sim-kpi.navy span{color:var(--blue-soft)}
.sim-kpi.nar{background:var(--orange)}.sim-kpi.nar small,.sim-kpi.nar span{color:rgba(6,8,63,.72)}
.sim-kpi.mal{background:#FFE9E1}.sim-kpi.mal b{color:#B23800}
.sim-rej{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.sim-rej.tres{grid-template-columns:repeat(3,minmax(0,1fr))}
.sim-rej.d21{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
.sim-card{background:var(--cream);border-radius:16px;padding:16px;display:flex;flex-direction:column;gap:10px;min-width:0}
.sim-card h5{margin:0;font-size:13.5px;font-weight:700;display:flex;justify-content:space-between;align-items:center;gap:8px}
.sim-card.navy{background:var(--navy);color:#fff}
.sim-card.navy small{color:var(--blue-soft)}
.sim-tw{overflow-x:auto;border-radius:14px;background:#fff;border:1px solid var(--line)}
.sim-t{width:100%;border-collapse:collapse;font-size:12.5px;min-width:660px}
.sim-t th{text-align:left;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:10px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.sim-t td{padding:10px 10px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:middle}
.sim-t td small{display:block;color:var(--muted);font-size:11px}
.sim-t .n{text-align:right;font-variant-numeric:tabular-nums}
.sim-t tbody tr:last-child td{border-bottom:0}
.sim-t tbody tr.clic{cursor:pointer}
.sim-t tbody tr.clic:hover td{background:#F7F8FF}
.sim-t tbody tr.sel td{background:#EEF1FF}
.sim-t tbody tr.sel td:first-child{box-shadow:inset 3px 0 var(--orange)}
.sim-t tfoot td{font-weight:700;background:var(--cream);border-top:1px solid var(--line)}
.sim-t .neg{color:#C2410C}
.sp{display:inline-block;border-radius:99px;padding:3px 9px;font-size:11px;font-weight:700;white-space:nowrap}
.sp.ok{background:#E2F8F4;color:#08776B}.sp.med{background:#FFF1D6;color:#8A5A00}.sp.mal{background:#FFE1D6;color:#B23800}
.sp.az{background:var(--blue-mist);color:var(--cobalt)}.sp.nv{background:var(--navy);color:#fff}.sp.nar{background:var(--orange);color:var(--ink)}
.sim-barra-h{display:flex;height:16px;border-radius:99px;overflow:hidden;background:#fff}
.sim-barra-h i{display:block;height:100%;transition:width .5s cubic-bezier(.2,.8,.2,1)}
.sim-ley{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:rgba(6,8,63,.78)}
.sim-ley span{display:inline-flex;align-items:center;gap:6px}
.sim-ley span i{width:10px;height:10px;border-radius:3px;flex:none}
.sim-frase{font-size:14px;line-height:1.5;background:#fff;border-radius:12px;padding:12px 14px;border-left:4px solid var(--orange)}
.sim-frase.mal{border-color:#E5482D;background:#FFF5F1}
.sim-frase.ok{border-color:#19B39E}
.sim-frase.az{border-color:var(--cobalt)}
.sim-feed{display:flex;flex-direction:column;gap:8px}
.sim-ev{display:flex;gap:10px;align-items:flex-start;background:#fff;border-radius:12px;padding:10px 12px;font-size:13px;line-height:1.4}
.sim-ev .ic{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;flex:none;background:var(--orange-soft);color:#B23800;font-weight:800;font-size:12px}
.sim-ev .ic.az{background:var(--blue-mist);color:var(--cobalt)}.sim-ev .ic.ok{background:#E2F8F4;color:#08776B}.sim-ev .ic.mal{background:#FFE1D6;color:#B23800}.sim-ev .ic.nv{background:var(--navy);color:#fff}
.sim-ev small{display:block;color:var(--muted);font-size:11.5px;margin-top:1px}
.sim-ev.nuevo{animation:simEntra .5s cubic-bezier(.2,.8,.2,1)}
@keyframes simEntra{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.sim-filas{display:flex;flex-direction:column;gap:9px}
.sim-filas>div{display:grid;grid-template-columns:minmax(90px,130px) minmax(0,1fr) auto;gap:10px;align-items:center;font-size:12.5px}
.sim-mb{height:8px;border-radius:99px;background:#fff;overflow:hidden}
.sim-mb i{display:block;height:100%;border-radius:99px;background:var(--orange);transition:width .5s}
.sim-mb i.b{background:var(--cobalt)}.sim-mb i.c{background:var(--blue-soft)}.sim-mb i.t{background:#19B39E}.sim-mb i.r{background:#E5482D}
.sim-btn{border:0;border-radius:99px;padding:9px 16px;font-weight:700;font-size:13px;background:var(--orange);color:var(--ink);display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.sim-btn.nv{background:var(--navy);color:#fff}
.sim-btn.lin{background:#fff;border:1px solid var(--line);color:var(--ink)}
.sim-btn:disabled{opacity:.45;cursor:default}
.sim-acc{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.sim-graf{width:100%;height:auto;display:block}
.sim-nota{font-size:12px;color:var(--muted)}
.sim-semaf{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.sim-sem{background:var(--cream);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:6px;border-top:4px solid #19B39E}
.sim-sem.med{border-top-color:#F2A516}.sim-sem.mal{border-top-color:#E5482D}.sim-sem.az{border-top-color:var(--cobalt)}
.sim-sem small{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.sim-sem b{font-family:var(--f-display);font-weight:850;font-size:22px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.sim-sem p{margin:0;font-size:12.5px;line-height:1.4;color:rgba(6,8,63,.78)}
.sim-sem .banda{font-size:11px;color:var(--muted)}
.sim-oculto{display:none!important}

/* Planificación (gestor de proyectos) */
.sim-plan-w{overflow-x:auto;background:#fff;border:1px solid var(--line);border-radius:14px}
.sim-plan{display:grid;grid-template-columns:150px repeat(5,minmax(100px,1fr));grid-auto-rows:minmax(58px,auto);min-width:680px;position:relative}
.sim-plan>.cab{font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--muted);padding:10px;border-bottom:1px solid var(--line);display:flex;align-items:center}
.sim-plan>.lab{font-size:12.5px;font-weight:700;padding:10px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}
.sim-plan>.lab small{font-weight:500;color:var(--muted);font-size:11px}
.sim-plan>.celda{border-bottom:1px solid var(--line);border-right:1px dashed #ECEEF7}
.sim-blq{margin:6px;border-radius:10px;padding:7px 9px;font-size:11.5px;font-weight:700;line-height:1.25;background:var(--blue-mist);color:var(--cobalt);display:flex;flex-direction:column;justify-content:center;z-index:1;transition:background .3s,box-shadow .3s}
.sim-blq small{font-weight:500;font-size:10.5px;opacity:.85}
.sim-blq.p114{background:var(--orange-soft);color:#8A2C00}
.sim-blq.p118{background:#E2F8F4;color:#08776B}
.sim-blq.p120{background:var(--blue-mist);color:var(--cobalt)}
.sim-blq.p121{background:#EDE7FF;color:#4B2FB5}
.sim-blq.falla{background:#E5482D;color:#fff}
.sim-blq.movido{box-shadow:0 0 0 2px var(--orange);animation:simLatido 1s ease 2}
@keyframes simLatido{50%{box-shadow:0 0 0 5px rgba(254,80,0,.25)}}

/* Gantt con línea base (gestor de proyectos) */
.sim-gantt{display:grid;grid-auto-rows:44px;min-width:640px;position:relative;align-items:center}
.sim-gantt>.cab{font-size:10px;letter-spacing:.08em;font-weight:700;color:var(--muted);text-align:center;align-self:stretch;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}
.sim-gantt>.cab:first-child{justify-content:flex-start;padding-left:10px}
.sim-gantt>.cab.hoy{color:var(--orange)}
.sim-gantt>.nom{grid-column:1;font-size:12.5px;font-weight:700;padding:0 10px}
.sim-gantt>.base{height:8px;border-radius:99px;background:var(--blue-mist);align-self:start;margin:9px 3px 0}
.sim-gantt>.real{height:14px;border-radius:99px;background:var(--orange);align-self:end;margin:0 3px 9px;transition:all .4s}
.sim-gantt>.real.hecha{background:#19B39E}
.sim-gantt>.real.curso{background:repeating-linear-gradient(45deg,var(--orange) 0 8px,#FF7A3D 8px 16px)}
.sim-gantt>.real.movida{box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(254,80,0,.35)}
.sim-gantt>.hoyl{width:2px;background:var(--orange);justify-self:center;align-self:stretch;opacity:.6}
/* Caja de 81 posiciones (inventario) */
.sim-caja{display:grid;grid-template-columns:repeat(9,1fr);gap:4px;max-width:270px}
.sim-caja i{aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid var(--line)}
.sim-caja i.p114{background:#FFE7DB;border-color:#FFB591}.sim-caja i.p125{background:#EDE7FF;border-color:#C9BBFF}.sim-caja i.p121{background:#E2F8F4;border-color:#9FE3D7}
.sim-caja i.merma{background:#E5482D;border-color:#E5482D}

/* Neveras, informes y tickets (gestor de proyectos) */
.sim-nev{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.sim-nev-c{background:var(--cream);border-radius:16px;padding:14px;display:flex;flex-direction:column;gap:8px;border:2px solid transparent;text-align:left}
.sim-nev-c.on{border-color:var(--navy);background:#fff}
.sim-nev-c b{font-size:14px}
.sim-nev-c .temp{font-family:var(--f-display);font-weight:850;font-size:22px;color:var(--cobalt)}
.sim-pers{display:flex;flex-direction:column;gap:6px}
.sim-per{display:flex;align-items:center;gap:10px;background:#fff;border-radius:12px;padding:9px 10px;border:2px solid transparent;text-align:left;width:100%}
.sim-per.on{border-color:var(--navy)}
.sim-per .av{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--navy);color:#fff;flex:none}
.sim-per span:not(.av):not(.sp){flex:1;min-width:0;font-size:13px;font-weight:700}
.sim-per small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.sim-voz{display:flex;align-items:center;gap:10px;background:var(--navy);color:#fff;border-radius:12px;padding:10px 12px;font-size:12.5px}
.sim-voz .onda{flex:1;height:22px;background:repeating-linear-gradient(90deg,var(--acc) 0 2px,transparent 2px 5px);mask:linear-gradient(90deg,#000 0 62%,rgba(0,0,0,.3) 62%);-webkit-mask:linear-gradient(90deg,#000 0 62%,rgba(0,0,0,.3) 62%);border-radius:4px}
.sim-fotos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.sim-fotos div{aspect-ratio:4/3;border-radius:10px;background:linear-gradient(135deg,#CCD6EC,#8099D0);display:grid;place-items:center;color:#fff;font-size:11px;font-weight:700;text-align:center;padding:6px}
.sim-fotos div:nth-child(2){background:linear-gradient(135deg,#FFE7DB,#FF9B6B)}
.sim-fotos div:nth-child(3){background:linear-gradient(135deg,#E2F8F4,#5ED3B5)}
.sim-msg{display:flex;gap:10px;align-items:flex-start}
.sim-msg .av{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;background:var(--blue-mist);color:var(--cobalt);flex:none}
.sim-msg div{background:#fff;border-radius:4px 14px 14px 14px;padding:9px 12px;font-size:13px;line-height:1.45}
.sim-msg div small{display:block;color:var(--muted);font-size:11px;margin-bottom:2px}
.sim-adj{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-size:11.5px;font-weight:700;color:var(--cobalt);background:#EEF1FF;border-radius:8px;padding:4px 8px}
.sim-fases{display:flex;gap:6px;flex-wrap:wrap}
.sim-fase{font-size:11.5px;font-weight:700;border-radius:8px;padding:6px 9px;background:#fff;color:var(--muted)}
.sim-fase.ok{background:#E2F8F4;color:#08776B}.sim-fase.ya{background:var(--navy);color:#fff}.sim-fase.rep{background:#FFE1D6;color:#B23800}

@media (max-width:1100px){
  .sim-kpis,.sim-semaf{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sim-rej.tres{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:900px){
  .sim-cuerpo{grid-template-columns:1fr;min-height:0}
  .sim-lado{flex-direction:row;overflow-x:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px;gap:6px;scrollbar-width:none}
  .sim-lado::-webkit-scrollbar{display:none}
  .sim-lado .sim-logo,.sim-lado .sim-k,.sim-pie-lado{display:none}
  .sim-it{width:auto;white-space:nowrap;flex:none;background:#fff;border:1px solid var(--line)}
  .sim-it.on{border-color:var(--orange)}
  .sim-rej,.sim-rej.tres,.sim-rej.d21,.sim-nev{grid-template-columns:1fr}
  .pg-sim-claves{grid-template-columns:1fr}
  .sim-pista-movil{display:inline}
}
@media (max-width:767px){
  .sim{border-radius:20px}
  .sim-main{padding:16px 14px 18px}
  .sim-top h4{font-size:19px}
  .sim-kpi b{font-size:20px}
  .sim-url{flex:1}
  .sim-barra>i{display:none}
  .sim-url{margin-left:0}
}