/* Landing de Imprefácil: tipografía grande, tarjetas redondeadas y animaciones suaves, con la paleta de la marca. */
.lp{background:#f7faff}
.lp .top{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid rgba(11,37,89,.06)}
.lp .wrap{max-width:1180px}
.lp h1,.lp h2,.lp h3{color:var(--brand-2);letter-spacing:-.02em}
.lpBtn{padding:15px 26px;border-radius:999px;font-size:16px;box-shadow:0 10px 24px -10px rgba(10,132,255,.6)}
.lpBtn.ghost{box-shadow:none}
.lpBtn.light{background:#fff;color:var(--brand-2);box-shadow:none}

/* ── Hero ── */
.lpHero{position:relative;overflow:hidden;padding:72px 0 64px;background:
  radial-gradient(700px 420px at 92% 8%,#d6e9ff 0,transparent 70%),
  radial-gradient(520px 320px at 4% 96%,#e6f1ff 0,transparent 70%)}
.lpHeroGrid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.lpPill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:13px;font-weight:600;color:var(--brand-2);box-shadow:0 4px 14px -8px rgba(11,37,89,.25)}
.lpPill i{width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px rgba(10,132,255,.18)}
.lpHero h1{font-size:clamp(44px,6.4vw,82px);line-height:.98;font-weight:800;margin:22px 0 18px}
.lpHero h1 .hl{color:var(--brand);position:relative;white-space:nowrap}
.lpHero h1 .hl:after{content:"";position:absolute;left:2px;right:2px;bottom:.06em;height:.16em;border-radius:99px;background:#cfe4ff;z-index:-1}
.lpSub{font-size:clamp(19px,2vw,23px);font-weight:600;color:var(--brand-2);line-height:1.35;margin:0 0 12px;max-width:560px}
.lpLead{font-size:17px;color:var(--muted);line-height:1.6;margin:0 0 28px;max-width:540px}
.lpCta{display:flex;gap:12px;flex-wrap:wrap}
.lpTrust{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;padding:0;margin:26px 0 0;font-size:14px;color:var(--brand-2);font-weight:500}
.lpTrust li{display:flex;align-items:center;gap:7px}
.lpTrust li:before{content:"";width:18px;height:18px;border-radius:50%;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.lpHeroArt{position:relative;padding:20px}
.lpWin{background:#fff;border-radius:24px;box-shadow:0 40px 80px -30px rgba(11,37,89,.35),0 0 0 1px rgba(11,37,89,.06);overflow:hidden;transform:rotate(1.5deg)}
.lpWinBar{display:flex;align-items:center;gap:6px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fbfdff}
.lpWinBar b{width:10px;height:10px;border-radius:50%;background:#dbe5f2}
.lpWinBar span{margin-left:10px;font-size:12px;color:var(--muted);font-weight:500}
.lpRoll{display:block;width:100%;height:auto;padding:16px}
.lpRollTxt{font:600 14px Inter,sans-serif;fill:#0b2559}
.lpRows>g{animation:lpDrop .7s cubic-bezier(.2,.8,.2,1) both}
.lpRows>g:nth-child(2){animation-delay:.12s}.lpRows>g:nth-child(3){animation-delay:.24s}.lpRows>g:nth-child(4){animation-delay:.36s}
.lpRows>g:nth-child(5){animation-delay:.48s}.lpRows>g:nth-child(6){animation-delay:.6s}.lpRows>g:nth-child(7){animation-delay:.72s}
@keyframes lpDrop{from{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:none}}
.lpChip{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;border-radius:16px;padding:12px 16px;font-size:14px;font-weight:600;color:var(--brand-2);box-shadow:0 18px 40px -16px rgba(11,37,89,.35);animation:lpFloat 6s ease-in-out infinite}
.lpChip strong{font-size:22px;color:var(--brand)}
.lpChip span{line-height:1.2}
.lpChip .dot{width:12px;height:12px;border-radius:4px}.lpChip .dot.w{background:#fff;border:2px solid #0b2559}.lpChip .dot.p{background:var(--brand)}
.lpChip.c1{left:-14px;top:38%;}
.lpChip.c2{right:-6px;top:6%;animation-delay:-2s}
.lpChip.c3{right:10px;bottom:2%;animation-delay:-4s}
@keyframes lpFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ── Franja ── */
.lpMarquee{overflow:hidden;background:var(--brand-2);color:#fff;padding:16px 0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.lpTrack{display:flex;gap:44px;width:max-content;animation:lpMarq 38s linear infinite}
.lpTrack span{font-weight:600;font-size:15px;white-space:nowrap;display:flex;align-items:center;gap:44px;opacity:.92}
.lpTrack span:after{content:"✦";color:#7cc0ff}
@keyframes lpMarq{to{transform:translateX(-50%)}}

/* ── Secciones ── */
.lpSec{padding:96px 0}
.lpSec.soft{background:linear-gradient(180deg,#eef5fe,#f7faff)}
.lpHead{text-align:center;max-width:720px;margin:0 auto 52px}
.lpHead.left{text-align:left;margin:0}
.lpHead h2{font-size:clamp(32px,4.2vw,52px);line-height:1.05;font-weight:800;margin:10px 0 12px}
.lpHead p{color:var(--muted);font-size:17px;margin:0}
.lpEye{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
.lpEye.light{color:#7cc0ff}

/* Pilares */
.lpPillars{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.lpPillar{background:#fff;border-radius:28px;padding:28px;border:1px solid var(--line);box-shadow:0 20px 50px -34px rgba(11,37,89,.4);transition:transform .25s,box-shadow .25s}
.lpPillar:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(11,37,89,.45)}
.lpArt{background:linear-gradient(160deg,#eaf3ff,#f7fbff);border-radius:20px;padding:18px;margin-bottom:22px}
.lpArt svg{display:block;width:100%;height:120px}
.lpNum{font-size:13px;font-weight:700;color:var(--brand);letter-spacing:.08em}
.lpPillar h3{font-size:24px;line-height:1.15;margin:6px 0 10px;font-weight:800}
.lpPillar p{color:var(--muted);line-height:1.6;margin:0 0 12px}
.lpFact{background:var(--sky);color:var(--brand-2)!important;border-radius:14px;padding:12px 14px;font-size:14px;margin:4px 0 0!important}

/* Bloque oscuro */
.lpDark{background:radial-gradient(600px 300px at 100% 0,#16408f 0,transparent 70%),var(--brand-2);border-radius:36px;padding:56px;display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;color:#d7e6ff}
.lpDark h2{color:#fff;font-size:clamp(30px,3.6vw,46px);line-height:1.05;font-weight:800;margin:10px 0 0}
.lpDarkList{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.lpDarkList li{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px 18px;line-height:1.55;font-size:15px}
.lpDarkList b{color:#fff}

/* Comparación */
.lpCompare{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.lpBars{background:#fff;border-radius:28px;padding:34px;border:1px solid var(--line);box-shadow:0 20px 50px -34px rgba(11,37,89,.4)}
.lpBar{display:grid;grid-template-columns:150px 1fr 70px;align-items:center;gap:14px;margin-bottom:18px}
.lpBar .lbl{font-weight:600;color:var(--brand-2);font-size:15px}
.lpBar .track{height:26px;background:#eef3fa;border-radius:99px;overflow:hidden}
.lpBar .track i{display:block;height:100%;width:0;border-radius:99px;background:#9fb2cc;transition:width 1.4s cubic-bezier(.2,.8,.2,1)}
.lpBar.best .track i{background:linear-gradient(90deg,var(--brand),#47a3ff)}
.lpBars.on .track i{width:var(--w)}
.lpBar b{font-size:18px;color:var(--brand-2);text-align:right}
.lpSave{margin:8px 0 0;color:var(--muted)}
.lpSave strong{color:var(--brand)}

/* Pasos */
.lpSteps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;counter-reset:s}
.lpSteps li{background:#fff;border-radius:22px;padding:22px;border:1px solid var(--line);position:relative}
.lpSteps span{display:inline-block;font-size:12px;font-weight:700;color:var(--brand);background:var(--sky);border-radius:99px;padding:5px 10px}
.lpSteps h3{font-size:19px;margin:14px 0 6px;font-weight:800}
.lpSteps p{color:var(--muted);margin:0;line-height:1.5;font-size:15px}

/* Dos tarjetas */
.lpTwo{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.lpCard{background:#fff;border-radius:28px;padding:36px;border:1px solid var(--line)}
.lpCard h3{font-size:26px;margin:18px 0 10px;font-weight:800}
.lpCard p{color:var(--muted);line-height:1.6;margin:0;font-size:16px}
.lpIco{width:52px;height:52px;border-radius:16px;background:var(--sky);color:var(--brand);display:grid;place-items:center}
.lpIco svg{width:26px;height:26px}

/* Requisitos */
.lpReq{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.lpReq>div{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px}
.lpReq b{display:flex;align-items:center;gap:9px;color:var(--brand-2);font-size:17px}
.lpReq b:before{content:"";width:20px;height:20px;border-radius:50%;flex:none;background:var(--brand) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/12px no-repeat}
.lpReq p{color:var(--muted);margin:8px 0 0;line-height:1.5}

/* Para quién */
.lpWho{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.lpWho>div{background:#fff;border-radius:22px;padding:24px;border:1px solid var(--line)}
.lpWho h3{font-size:19px;margin:0 0 8px;font-weight:800}
.lpWho p{color:var(--muted);margin:0;line-height:1.5}

/* Planes */
.lpPlans{display:grid;grid-template-columns:repeat(2,minmax(0,380px));gap:22px;justify-content:center}
.lpPlan{position:relative;background:#fff;border-radius:28px;padding:32px;border:1px solid var(--line);display:flex;flex-direction:column}
.lpPlan h3{font-size:20px;margin:0}
.lpPlan .amt{font-size:52px;font-weight:800;color:var(--brand-2);letter-spacing:-.03em;margin:12px 0 0;line-height:1}
.lpPlan .per{color:var(--muted);font-size:14px}
.lpPlan ul{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:11px;flex:1}
.lpPlan li{display:flex;gap:10px;line-height:1.4;color:var(--ink)}
.lpPlan li:before{content:"";width:18px;height:18px;border-radius:50%;flex:none;margin-top:1px;background:var(--sky) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a84ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E") center/11px no-repeat}
.lpPlan em{color:var(--muted);font-style:normal}
.lpPlan.best{background:var(--brand-2);border-color:var(--brand-2);box-shadow:0 30px 60px -28px rgba(11,37,89,.6)}
.lpPlan.best h3,.lpPlan.best .amt{color:#fff}.lpPlan.best .per,.lpPlan.best li{color:#d7e6ff}
.lpPlan.best li:before{background-color:rgba(255,255,255,.14);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")}
.lpPlan .tag{position:absolute;top:22px;right:22px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;border-radius:99px;padding:6px 12px}
.lpPlan .btn{border-radius:999px;padding:14px}
.lpNote{text-align:center;color:var(--muted);margin:22px 0 0}

/* Preguntas */
.lpFaqList{max-width:780px;margin:0 auto;display:grid;gap:10px}
.lpFaqList details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 22px}
.lpFaqList summary{cursor:pointer;list-style:none;padding:19px 0;font-weight:600;color:var(--brand-2);font-size:17px;display:flex;justify-content:space-between;gap:12px}
.lpFaqList summary::-webkit-details-marker{display:none}
.lpFaqList summary:after{content:"+";font-size:22px;line-height:1;color:var(--brand);transition:transform .2s}
.lpFaqList details[open] summary:after{transform:rotate(45deg)}
.lpFaqList details p{margin:0 0 18px;color:var(--muted);line-height:1.6}

/* Cierre */
.lpEnd{text-align:center;border-radius:40px;padding:80px 32px;color:#d7e6ff;background:
  radial-gradient(500px 260px at 15% 0,#1c58c4 0,transparent 70%),radial-gradient(500px 260px at 90% 100%,#0a84ff 0,transparent 70%),var(--brand-2)}
.lpEnd h2{color:#fff;font-size:clamp(34px,5vw,64px);line-height:1.02;font-weight:800;max-width:860px;margin:0 auto 16px}
.lpEnd p{font-size:18px;margin:0 auto 30px;max-width:560px}
.lp .foot{margin-top:0}

/* Aparición al hacer scroll */
.rv{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.rv.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}
.no-js .rv{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.rv{opacity:1;transform:none;transition:none}.lpTrack,.lpChip,.lpRows>g{animation:none}.lpBar .track i{transition:none}}

/* Responsivo */
@media(max-width:1000px){.lpHeroGrid,.lpCompare,.lpDark{grid-template-columns:1fr}.lpPillars{grid-template-columns:1fr}.lpSteps{grid-template-columns:repeat(2,1fr)}.lpWho{grid-template-columns:repeat(2,1fr)}.lpReq{grid-template-columns:repeat(2,1fr)}.lpHeroArt{max-width:520px;margin:0 auto}}
@media(max-width:640px){.lpHero{padding:40px 0}.lpSec{padding:64px 0}.lpTwo,.lpReq,.lpWho,.lpSteps{grid-template-columns:1fr}.lpPlans{grid-template-columns:1fr}.lpDark{padding:32px 22px;border-radius:26px}.lpBar{grid-template-columns:1fr 60px}.lpBar .lbl{grid-column:1/-1}.lpChip.c1{left:0}.lpChip.c2{top:-10px;right:0}.lpEnd{padding:56px 22px;border-radius:28px}.lpWin{transform:none}}


/* ── Botones Glassmorphism ── */
.lpHero:before,.lpHero:after{content:"";position:absolute;border-radius:50%;filter:blur(60px);z-index:0;pointer-events:none}
.lpHero:before{width:380px;height:380px;left:-80px;top:340px;background:rgba(10,132,255,.28)}
.lpHero:after{width:300px;height:300px;left:360px;top:520px;background:rgba(124,192,255,.45)}
.lpHeroGrid{position:relative;z-index:1}
.lp .btn{position:relative;overflow:hidden;isolation:isolate;border-radius:999px;
  -webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);
  transition:transform .2s ease,box-shadow .25s ease,background .25s ease}
.lp .btn:before{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0) 55%);opacity:.35}
.lp .btn:after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;z-index:-1;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .7s ease}
.lp .btn:hover{transform:translateY(-2px)}
.lp .btn:hover:after{left:130%}
/* Principal: vidrio azul */
.lp .btn:not(.ghost):not(.light){color:#fff;background:linear-gradient(135deg,rgba(10,120,240,.92),rgba(41,150,255,.78));
  border:1px solid rgba(255,255,255,.45);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(11,37,89,.15),0 12px 30px -10px rgba(10,132,255,.65)}
.lp .btn:not(.ghost):not(.light):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 18px 36px -12px rgba(10,132,255,.75)}
/* Secundario: vidrio claro */
.lp .btn.ghost{color:var(--brand-2);background:rgba(255,255,255,.38);border:1px solid rgba(255,255,255,.75);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 10px 26px -14px rgba(11,37,89,.35)}
.lp .btn.ghost:hover{background:rgba(255,255,255,.55)}
/* Sobre fondos oscuros */
.lp .btn.light,.lpPlan.best .btn{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 14px 34px -14px rgba(0,0,0,.5)}
.lp .btn.light:hover,.lpPlan.best .btn:hover{background:rgba(255,255,255,.22)}
.lpPlan.best{background:radial-gradient(320px 200px at 85% 0,#1c58c4 0,transparent 70%),var(--brand-2)}
/* Botón del encabezado */
.lp .top nav a.btn{padding:9px 18px}
/* Etiquetas y chips con el mismo vidrio */
.lpPill,.lpChip{background:rgba(255,255,255,.55);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border:1px solid rgba(255,255,255,.8)}
.lpPlan .tag{background:rgba(10,132,255,.55);border:1px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
@media(prefers-reduced-motion:reduce){.lp .btn,.lp .btn:after{transition:none}}

/* ── Ajustes: imágenes reales, sin desvanecidos ni subrayado ── */
.lpHero:before,.lpHero:after{display:none!important}
.lpHero{background:linear-gradient(180deg,#f7faff,#eef5fe)!important}
.lpHero h1 .hl:after{display:none!important}
.lpMarquee{-webkit-mask-image:none!important;mask-image:none!important}
.lpWin{transform:none!important}
.lpShot{padding:14px;background:repeating-conic-gradient(#eef3fa 0 25%,#f9fbfe 0 50%) 0 0/18px 18px}
.lpShot img{display:block;width:100%;height:auto}
.lpWinFoot{display:flex;justify-content:space-between;align-items:center;padding:11px 16px;border-top:1px dashed #9cc8ff;font-size:13px;color:var(--muted)}
.lpWinFoot b{color:var(--brand-2)}
.lpArt{display:flex;align-items:center;justify-content:center;gap:10px;min-height:150px}
.lpArt figure{margin:0;flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}
.lpArt figure img{width:100%;height:110px;object-fit:contain;display:block}
.lpArt figcaption{font-size:11.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.lpArt figure.win figcaption{color:var(--brand)}
.lpArt figure.dark{background:#0f1d3a;border-radius:14px;padding:8px}
.lpArt figure.dark figcaption{color:#cfe4ff}
.lpArt figure.dark img{height:94px}
.lpArrow{font-size:22px;font-weight:800;color:var(--brand);flex:none}
.lpArtPdf{padding:14px}
.lpPdf{width:100%;max-width:230px;background:#fff;border-radius:12px;box-shadow:0 14px 30px -18px rgba(11,37,89,.45);overflow:hidden;border:1px solid #dbe6f5}
.lpPdfTop{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid #e3ecf8;font-size:11px}
.lpPdfTop b{margin-left:auto;color:var(--brand-2);font-weight:700}
.lpPdfTop .tag{padding:2px 7px;border-radius:99px;font-weight:700;font-size:10px}
.lpPdfTop .tag.c{background:linear-gradient(90deg,#00b7eb,#ff2ea6,#ffd400);color:#fff}
.lpPdfTop .tag.w{background:#0f1d3a;color:#fff}
.lpPdf img{display:block;width:100%;height:120px;object-fit:cover;object-position:top}

/* ── Comparación en vidrio (glassmorphism) ── */
.lpCompare{position:relative}
.lpCompare:before,.lpCompare:after{content:"";position:absolute;border-radius:50%;z-index:0;pointer-events:none}
.lpCompare:before{width:300px;height:300px;right:24%;top:-40px;background:radial-gradient(circle,#4aa3ff 0,#0a84ff 60%,transparent 61%);opacity:.55}
.lpCompare:after{width:220px;height:220px;right:-10px;bottom:-60px;background:radial-gradient(circle,#9fd0ff 0,#5cb0ff 60%,transparent 61%);opacity:.7}
.lpCompare>*{position:relative;z-index:1}
.lpBars{background:rgba(255,255,255,.42)!important;-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid rgba(255,255,255,.75)!important;
 box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 30px 60px -30px rgba(11,37,89,.45)!important}
.lpBar .track{background:rgba(255,255,255,.55)!important;border:1px solid rgba(255,255,255,.8);box-shadow:inset 0 1px 3px rgba(11,37,89,.12)}
.lpBar .track i{background:linear-gradient(90deg,rgba(120,140,170,.75),rgba(160,178,205,.75))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6)}
.lpBar.best .track i{background:linear-gradient(90deg,rgba(10,120,240,.9),rgba(71,163,255,.85))!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 6px 16px -6px rgba(10,132,255,.7)}
.lpSave{background:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.8);border-radius:12px;padding:10px 12px}
@media(max-width:640px){.lpArt figure img{height:84px}.lpCompare:before{right:0;width:200px;height:200px}}
.lpArtCmp{flex-direction:row;align-items:flex-end}
.lpArtCmp figure img{height:auto;max-height:none;object-fit:contain;object-position:top}
.lpArtCmp figure{justify-content:flex-start}
.lpArtCmp figure.win{background:rgba(10,132,255,.06);border-radius:10px}
.lpChip.c1{left:-18px!important;top:auto!important;bottom:96px}
.lpChip.c3{right:auto!important;left:-10px;bottom:auto!important;top:26%}
.lpCompare{overflow:visible}
section.lpSec{overflow-x:clip}
@media(max-width:640px){.lpCompare:after{right:0}.lpChip.c3{left:0}.lpChip.c1{left:0!important}}
/* Chips fuera de la imagen */
.lpHeroArt .lpChip.c2{top:2px!important;right:28px!important;left:auto!important;bottom:auto!important}
.lpHeroArt .lpChip.c3{top:2px!important;left:28px!important;right:auto!important;bottom:auto!important}
.lpHeroArt .lpChip.c1{bottom:2px!important;left:50%!important;top:auto!important;right:auto!important;margin-left:-82px}
.lpHeroArt{padding:28px 20px}
.lpWinFoot{padding-top:16px;padding-bottom:16px}
/* Pilar 1: antes arriba, después abajo, a lo ancho */
.lpArtCmp{flex-direction:column!important;align-items:stretch!important;gap:8px}
.lpArtCmp figure{flex-direction:row;align-items:center;gap:10px;padding:6px 8px;border-radius:10px}
.lpArtCmp figure img{width:62%!important;height:auto!important}
.lpArtCmp figcaption{flex:1;text-align:left;line-height:1.3}
.lpHeroArt{padding-bottom:58px!important}
.lpHeroArt .lpChip.c1{bottom:0!important}
.lpArtCmp figure{flex-direction:column!important;align-items:stretch!important;gap:4px}
.lpArtCmp figure img{width:100%!important}
.lpArtCmp figcaption{order:-1}
@media(max-width:640px){.lpHeroArt .lpChip{font-size:11.5px;padding:8px 10px;gap:6px}.lpHeroArt .lpChip.c3{left:2px!important}.lpHeroArt .lpChip.c2{right:2px!important}.lpHeroArt{padding-left:6px!important;padding-right:6px!important}}
/* Ilustraciones de formas en azules */
.lpShot svg{display:block;width:100%;height:auto}
.lpArtCmp{flex-direction:row!important;align-items:flex-start!important}
.lpArtCmp figure{flex:1;flex-direction:column!important;padding:8px!important}
.lpArtCmp figure svg{width:100%;height:auto;max-height:190px}
.lpArtCmp figcaption{order:-1;text-align:center!important}
.lpArtWhite figure svg{width:100%;height:110px}
.lpArtWhite figure.dark svg{height:94px}
.lpPdf .lpShapesMini{display:block;width:100%;height:130px;padding:8px;background:repeating-conic-gradient(#eef3fa 0 25%,#f9fbfe 0 50%) 0 0/12px 12px}

/* ═══ Hero v6: ilustración azul mejorada + chips llamativos bien distribuidos ═══ */
.lpHeroArt{position:relative;padding:44px 40px 56px!important}
.lpHeroArt:before{content:"";position:absolute;inset:8% 6% 6% 10%;border-radius:40px;background:linear-gradient(135deg,#cfe4ff,#e8f2ff 60%,#d6e9ff);transform:rotate(-4deg);z-index:0}
.lpWin{position:relative;z-index:1;border-radius:22px!important;box-shadow:0 40px 80px -32px rgba(11,37,89,.45),0 0 0 1px rgba(11,37,89,.06)!important}
.lpWinBar b.r{background:#ff5f57}.lpWinBar b.y{background:#febc2e}.lpWinBar b.g{background:#28c840}
.lpWinBar span{font-weight:600!important;color:#2c3e63!important}
.lpShot{padding:12px!important;background:#fff!important}
.lpHeroSvg{display:block;width:100%;height:auto}
.lpHeroSvg .lpRows>g{animation:lpDrop .7s cubic-bezier(.2,.8,.2,1) both}
.lpHeroSvg .lpRows>g:nth-child(2){animation-delay:.1s}.lpHeroSvg .lpRows>g:nth-child(3){animation-delay:.2s}.lpHeroSvg .lpRows>g:nth-child(4){animation-delay:.3s}.lpHeroSvg .lpRows>g:nth-child(5){animation-delay:.4s}.lpHeroSvg .lpRows>g:nth-child(6){animation-delay:.5s}.lpHeroSvg .lpRows>g:nth-child(7){animation-delay:.6s}
.lpHeroArt .lpChip{position:absolute;z-index:3;display:flex!important;align-items:center;gap:11px;padding:11px 16px 11px 11px!important;border-radius:18px!important;margin:0!important;
 background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:blur(14px) saturate(1.6);backdrop-filter:blur(14px) saturate(1.6);border:1px solid rgba(255,255,255,.9)!important;
 box-shadow:0 18px 40px -16px rgba(11,37,89,.45),inset 0 1px 0 #fff!important;animation:lpFloat 6s ease-in-out infinite;top:auto;bottom:auto;left:auto;right:auto}
.lpHeroArt .lpChip b{display:block;font-size:14px;color:#0b2559;line-height:1.15}
.lpHeroArt .lpChip small{display:block;font-size:11.5px;color:#5b6b86;font-weight:500;margin-top:2px}
.lpHeroArt .lpChip .ic{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;flex:none}
.lpHeroArt .lpChip .ic svg{width:20px;height:20px}
.lpChip .ic.ok{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 6px 14px -6px rgba(22,163,74,.7)}
.lpChip .ic.pdf{background:linear-gradient(135deg,#ff6b6b,#e5383b);box-shadow:0 6px 14px -6px rgba(229,56,59,.7)}
.lpChip .ic.sil{background:linear-gradient(135deg,#ffb020,#f59e0b);box-shadow:0 6px 14px -6px rgba(245,158,11,.7)}
.lpHeroArt .lpChip.c1{background:linear-gradient(135deg,#0a84ff,#0a5fd6)!important;border-color:rgba(255,255,255,.35)!important;box-shadow:0 22px 44px -16px rgba(10,100,230,.75),inset 0 1px 0 rgba(255,255,255,.35)!important;padding:12px 18px!important}
.lpHeroArt .lpChip.c1 .big{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.03em;line-height:1}
.lpHeroArt .lpChip.c1 b{color:#fff}.lpHeroArt .lpChip.c1 small{color:#cfe4ff}
/* posiciones: una por esquina/lado, sin tapar la misma zona */
.lpHeroArt .lpChip.c2{top:14px!important;right:0!important;animation-delay:-1.5s}
.lpHeroArt .lpChip.c1{top:44%!important;left:-18px!important;margin:0!important}
.lpHeroArt .lpChip.c3{bottom:14px!important;right:-6px!important;animation-delay:-3s}
.lpHeroArt .lpChip.c4{bottom:34px!important;left:6px!important;animation-delay:-4.5s}
@media(max-width:1000px){.lpHeroArt{padding:40px 16px 60px!important}.lpHeroArt .lpChip.c1{left:0!important}.lpHeroArt .lpChip.c3{right:0!important}}
@media(max-width:640px){.lpHeroArt{padding:46px 4px 66px!important}.lpHeroArt .lpChip{padding:8px 11px 8px 8px!important;gap:8px}.lpHeroArt .lpChip .ic{width:28px;height:28px}.lpHeroArt .lpChip b{font-size:12.5px}.lpHeroArt .lpChip small{display:none}.lpHeroArt .lpChip.c1 .big{font-size:22px}
 .lpHeroArt .lpChip.c2{top:0!important}.lpHeroArt .lpChip.c4{bottom:6px!important;left:0!important}.lpHeroArt .lpChip.c3{bottom:6px!important}.lpHeroArt .lpChip.c1{top:40%!important}.lpHeroArt:before{inset:6%}}
/* pilares */
.lpArtCmp figure svg{width:100%;height:auto}
.lpArtWhite figure svg{width:100%;height:110px}
.lpArtWhite figure.dark svg{height:94px}
.lpPdf .lpShapesMini{display:block;width:100%;height:auto;padding:6px;background:#fff}
/* chips: anular posiciones anteriores (evita que se estiren) */
.lpHeroArt .lpChip{height:auto!important;width:auto!important;max-width:240px}
.lpHeroArt .lpChip.c2{top:14px!important;right:0!important;bottom:auto!important;left:auto!important}
.lpHeroArt .lpChip.c1{top:42%!important;left:-18px!important;bottom:auto!important;right:auto!important}
.lpHeroArt .lpChip.c3{bottom:14px!important;right:-6px!important;top:auto!important;left:auto!important}
.lpHeroArt .lpChip.c4{bottom:36px!important;left:6px!important;top:auto!important;right:auto!important}
@media(max-width:640px){.lpHeroArt .lpChip.c1{left:0!important;top:40%!important}.lpHeroArt .lpChip.c2{top:0!important}.lpHeroArt .lpChip.c3{bottom:6px!important;right:0!important}.lpHeroArt .lpChip.c4{bottom:6px!important;left:0!important}}
.lpHeroArt{padding-bottom:78px!important}
.lpHeroArt .lpChip.c4{bottom:6px!important;left:34px!important}
.lpHeroArt .lpChip.c3{bottom:40px!important}
@media(max-width:640px){.lpHeroArt{padding-bottom:70px!important}.lpHeroArt .lpChip.c4{bottom:4px!important;left:0!important}.lpHeroArt .lpChip.c3{bottom:4px!important}}
.lpArtCmp figure svg{max-height:170px}
.lpArtWhite figure svg{height:104px!important}

/* ═══ Hero según la referencia: rectángulos y etiquetas planas ═══ */
.lpHeroArt.lpRef{position:relative;padding:40px 30px 56px 46px!important}
.lpHeroArt.lpRef:before{display:none!important}
.lpRefWin{position:relative;z-index:1;background:#fff;border-radius:24px;box-shadow:0 40px 80px -36px rgba(11,37,89,.35),0 0 0 1px rgba(11,37,89,.05)}
.lpRefBar{display:flex;align-items:center;gap:8px;height:52px;padding:0 20px;border-bottom:1px solid #e6edf7;background:#f8fbff;border-radius:24px 24px 0 0}
.lpRefBar i{width:12px;height:12px;border-radius:50%}.lpRefBar .r{background:#ff5f57}.lpRefBar .y{background:#febc2e}.lpRefBar .g{background:#28c840}
.lpRefBar span{margin-left:14px;font-weight:600;font-size:14px;color:#24324d}
.lpRefBody{padding:14px}
.lpRefSvg{display:block;width:100%;height:auto}
.lpRefChip{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:#fff;border-radius:20px;padding:12px 20px;box-shadow:0 22px 44px -18px rgba(11,37,89,.38),0 0 0 1px rgba(11,37,89,.04);font-weight:700;color:#0b2559;font-size:15px;white-space:nowrap;animation:lpFloat 6s ease-in-out infinite}
.lpRefChip .bx{width:28px;height:28px;border-radius:8px;background:#0a84ff;display:grid;place-items:center}
.lpRefChip.k1{right:0;top:12px}
.lpRefChip.k2{left:0;top:31%;padding:12px 22px;animation-delay:-2s}.lpRefChip.k2 strong{font-size:34px;font-weight:800;color:#0a84ff;letter-spacing:-.03em}
.lpRefChip.k3{right:-6px;bottom:22px;animation-delay:-4s}
@media(max-width:640px){.lpHeroArt.lpRef{padding:36px 4px 52px!important}.lpRefChip{font-size:12.5px;padding:8px 12px;gap:8px}.lpRefChip .bx{width:22px;height:22px}.lpRefChip.k2 strong{font-size:24px}.lpRefChip.k1{top:4px}.lpRefChip.k3{right:0;bottom:8px}}
@media(prefers-reduced-motion:reduce){.lpRefChip{animation:none}}
@media(min-width:1001px){.lpHeroGrid{grid-template-columns:1fr 1.08fr!important;gap:40px!important}.lpHeroArt.lpRef{max-width:none!important}}
.lpRefChip.k2{top:36%}
/* Etiquetas: todas del mismo tamaño, más pequeñas y sin tapar el montaje */
.lpRefChip{width:178px;height:44px;box-sizing:border-box;padding:0 14px!important;gap:9px!important;font-size:13px!important;border-radius:14px!important;justify-content:flex-start}
.lpRefChip .bx{width:24px!important;height:24px!important;border-radius:7px!important;flex:none}
.lpRefChip .bx svg{width:14px;height:14px}
.lpRefChip.k3 svg{width:20px;height:24px;flex:none}
.lpRefChip.k2 strong{font-size:20px!important;line-height:1}
.lpHeroArt.lpRef{padding:30px 0 34px 150px!important}
.lpRefChip.k1{right:-10px!important;top:6px!important}
.lpRefChip.k2{left:-20px!important;top:44%!important}
.lpRefChip.k3{right:-10px!important;bottom:6px!important;top:auto!important}
@media(max-width:1000px){.lpHeroArt.lpRef{padding:30px 0 34px 160px!important}.lpRefChip.k2{left:0!important}}
@media(max-width:640px){.lpHeroArt.lpRef{padding:34px 0 60px!important}
 .lpRefChip{width:auto;height:36px;font-size:12px!important;padding:0 10px!important}
 .lpRefChip.k1{right:0!important;top:0!important}
 .lpRefChip.k2{left:0!important;top:auto!important;bottom:10px!important}
 .lpRefChip.k3{right:0!important;bottom:10px!important}}
.lpRefBody{background:#fff;border-radius:0 0 24px 24px}
.lpRefBody{padding:14px!important}
.lpRefSvg{background:repeating-conic-gradient(#dde9fa 0 25%,#f7faff 0 50%) 0 0/18px 18px;border-radius:14px}

/* ===== v10: tamaños iguales, solo azules, jerarquía, bloque oscuro centrado ===== */
/* Imágenes de pilares: misma caja exacta */
.lpArt{height:230px!important;min-height:0!important;box-sizing:border-box;padding:16px!important;overflow:hidden;background:linear-gradient(160deg,#e6f1ff,#f7fbff)!important;border:1px solid #d6e9ff}
.lpArtCmp figure,.lpArtWhite figure{height:100%;justify-content:center!important}
.lpArtCmp figure svg{height:170px!important;max-height:170px!important;width:100%}
.lpArtWhite figure svg{height:150px!important}
.lpArtWhite figure.dark{background:#0b2559!important;padding:10px!important;border-radius:14px}
.lpArtWhite figure.dark svg{height:136px!important}
.lpArtPdf .lpPdf{height:100%;display:flex;flex-direction:column}
.lpArtPdf .lpShapesMini{flex:1;min-height:0;width:100%;height:auto!important}
.lpArt figcaption{color:#1c58c4!important}
.lpArt figure.win figcaption{color:var(--brand)!important}
.lpArt figure.dark figcaption{color:#cfe4ff!important}
/* Sin colores ajenos: tags del PDF, puntos de ventana, barra anterior */
.lpPdfTop .tag.c{background:var(--brand)!important;color:#fff}
.lpPdfTop .tag.w{background:#0b2559!important}
.lpRefBar .r,.lpRefBar .y,.lpRefBar .g{background:#cfe4ff!important}
.lpRefBar .y{background:#7cc0ff!important}.lpRefBar .g{background:#0a84ff!important}
.lpRefBar span,.lpWinBar span{color:#0b2559!important}
.lpBar .track i{background:linear-gradient(90deg,rgba(11,37,89,.55),rgba(28,88,196,.45))!important}
.lpChip .ic.ok,.lpChip .ic.pdf,.lpChip .ic.sil{background:linear-gradient(135deg,#3a9dff,#0a78f0)!important;box-shadow:0 6px 14px -6px rgba(10,132,255,.7)!important}
.lpHeroArt .lpChip small{color:#1c58c4}
/* Jerarquía */
.lpEye{font-size:12.5px!important;letter-spacing:.14em;color:var(--brand)!important;background:#e6f1ff;padding:6px 12px;border-radius:99px}
.lpEye.light{background:rgba(124,192,255,.14)!important;color:#9fd0ff!important}
.lpHead h2{font-size:clamp(32px,4vw,52px)!important;line-height:1.05!important;font-weight:800!important;color:#0b2559;letter-spacing:-.02em;margin-top:14px!important}
.lpNum{display:inline-grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#0b2559;color:#fff!important;font-size:15px!important;font-weight:800;letter-spacing:0!important}
.lpPillar h3{font-size:25px!important;color:#0b2559;letter-spacing:-.01em;margin:14px 0 10px!important}
.lpPillar p{font-size:15.5px}
.lpPillar{display:flex;flex-direction:column}
.lpPillar .lpFact{margin-top:auto!important;border:1px solid #d6e9ff}
.lpBar .lbl,.lpBar b{color:#0b2559!important;font-weight:700}
.lpBar.best b{color:var(--brand)!important;font-size:22px}
/* Bloque oscuro centrado */
.lpDark{display:block!important;text-align:center;padding:64px 56px!important}
.lpDarkHead{max-width:760px;margin:0 auto 36px}
.lpDark h2{font-size:clamp(32px,4.2vw,54px)!important;margin-top:16px!important;letter-spacing:-.02em}
.lpDarkList{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-width:1080px;margin:0 auto!important;gap:14px}
.lpDarkList li{text-align:center;padding:22px 18px!important;font-size:14.5px}
.lpDarkList b{display:block;font-size:17px;margin-bottom:6px}
@media(max-width:640px){.lpArt{height:200px!important}.lpArtCmp figure svg{height:140px!important}.lpArtWhite figure svg{height:120px!important}.lpArtWhite figure.dark svg{height:106px!important}.lpDark{padding:40px 20px!important}.lpDarkList{grid-template-columns:1fr}}
.lpDarkList{display:flex!important;flex-wrap:wrap;justify-content:center;max-width:1120px}
.lpDarkList li{flex:1 1 180px;max-width:240px}
@media(max-width:640px){.lpDarkList li{max-width:none;flex-basis:100%}}

/* v11: barcos azul / azul oscuro detrás de la comparación */
.lpCompare:before,.lpCompare:after{border-radius:0!important;background-color:transparent!important;background-repeat:no-repeat!important;background-size:contain!important;background-position:center!important;filter:drop-shadow(0 24px 30px rgba(11,37,89,.25))}
.lpCompare:before{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 772 470%22%3E%3Cpath d=%22M40 130 L246 176 L214 214 Z%22 fill=%22%230058d0%22 stroke=%22%230058d0%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M762 102 L522 180 L546 212 Z%22 fill=%22%230058d0%22 stroke=%22%230058d0%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M386 16 L220 217 L386 284 Z%22 fill=%22%234aa9fc%22 stroke=%22%234aa9fc%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M386 16 L386 284 L546 212 Z%22 fill=%22%230a88f8%22 stroke=%22%230a88f8%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M16 134 L386 284 L268 330 L142 326 Z%22 fill=%22%232a96fa%22 stroke=%22%232a96fa%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M386 284 L764 102 L704 216 L574 384 L500 350 Z%22 fill=%22%230a74f6%22 stroke=%22%230a74f6%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M272 330 L386 284 L500 350 L560 386 L508 392 L440 386 Z%22 fill=%22%23003c9c%22 stroke=%22%23003c9c%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M8 418C60 360 140 330 240 342C330 352 430 405 540 410C640 412 720 372 768 334C745 395 690 430 600 448C520 463 430 462 330 425C240 393 160 375 100 384C60 390 30 405 8 418Z%22 fill=%22%230a78f6%22/%3E%3C/svg%3E")!important;width:330px!important;height:200px!important;right:30%!important;top:-70px!important;opacity:.95!important;transform:rotate(-8deg)}
.lpCompare:after{background-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 772 470%22%3E%3Cpath d=%22M40 130 L246 176 L214 214 Z%22 fill=%22%23081a48%22 stroke=%22%23081a48%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M762 102 L522 180 L546 212 Z%22 fill=%22%23081a48%22 stroke=%22%23081a48%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M386 16 L220 217 L386 284 Z%22 fill=%22%232a4a8f%22 stroke=%22%232a4a8f%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M386 16 L386 284 L546 212 Z%22 fill=%22%23173070%22 stroke=%22%23173070%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M16 134 L386 284 L268 330 L142 326 Z%22 fill=%22%231d3a7a%22 stroke=%22%231d3a7a%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M386 284 L764 102 L704 216 L574 384 L500 350 Z%22 fill=%22%230f2453%22 stroke=%22%230f2453%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M272 330 L386 284 L500 350 L560 386 L508 392 L440 386 Z%22 fill=%22%2306122f%22 stroke=%22%2306122f%22 stroke-width=%221.4%22 stroke-linejoin=%22round%22/%3E%3Cpath d=%22M8 418C60 360 140 330 240 342C330 352 430 405 540 410C640 412 720 372 768 334C745 395 690 430 600 448C520 463 430 462 330 425C240 393 160 375 100 384C60 390 30 405 8 418Z%22 fill=%22%230f2453%22/%3E%3C/svg%3E")!important;width:230px!important;height:140px!important;right:-30px!important;bottom:-50px!important;opacity:1!important;transform:rotate(7deg)}
.lpBar{grid-template-columns:150px 1fr 96px!important}
.lpBar b{white-space:nowrap}
@media(max-width:640px){.lpCompare:before{width:200px!important;height:120px!important;right:4%!important;top:-40px!important}.lpCompare:after{width:150px!important;height:90px!important;right:-6px!important}.lpBar{grid-template-columns:1fr 80px!important}}
.lpCompare:before{top:-150px!important;right:36%!important;width:300px!important;height:180px!important}
.lpCompare:after{bottom:-120px!important;right:-50px!important;width:250px!important;height:150px!important}
@media(max-width:1000px){.lpCompare:before{top:auto!important;bottom:150px!important;right:50%!important}}
@media(max-width:640px){.lpCompare:before{width:180px!important;height:108px!important;right:auto!important;left:-20px!important;bottom:170px!important}.lpCompare:after{width:150px!important;height:90px!important;right:-10px!important;bottom:-70px!important}}
@media(max-width:640px){.lpCompare:before{left:auto!important;right:6px!important;bottom:285px!important;width:150px!important;height:90px!important}.lpCompare:after{bottom:-60px!important;right:-4px!important;width:130px!important;height:78px!important}}

/* v13: barra "anterior" azul oscuro + plan Gratis se vuelve azul al pasar el cursor */
.lpBar .track i{background:linear-gradient(90deg,#0b2559,#1c3f86)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.25)!important}
.lpBar.best .track i{background:linear-gradient(90deg,rgba(10,120,240,.95),rgba(71,163,255,.9))!important}

/* v14: planes interactivos — el seleccionado se vuelve azul oscuro, el otro pasa a blanco */
.lpPlans .lpPlan{background:#fff!important;border:1px solid var(--line)!important;overflow:hidden;isolation:isolate;cursor:pointer;box-shadow:0 20px 50px -34px rgba(11,37,89,.35);transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease}
.lpPlans .lpPlan>*{position:relative;z-index:1}
.lpPlans .lpPlan .tag{position:absolute!important;z-index:2}
.lpPlans .lpPlan:before{content:"";position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .45s ease;background:radial-gradient(320px 200px at 85% 0,#1c58c4 0,transparent 70%),#0b2559}
.lpPlans .lpPlan h3,.lpPlans .lpPlan .amt,.lpPlans .lpPlan .per,.lpPlans .lpPlan li,.lpPlans .lpPlan em{transition:color .4s ease}
.lpPlans .lpPlan:not(.on) h3,.lpPlans .lpPlan:not(.on) .amt{color:#0b2559!important}
.lpPlans .lpPlan:not(.on) .per,.lpPlans .lpPlan:not(.on) em{color:var(--muted)!important}
.lpPlans .lpPlan:not(.on) li{color:var(--ink)!important}
.lpPlans .lpPlan:not(.on) li:before{background-color:var(--sky)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230a84ff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")!important}
.lpPlans .lpPlan:not(.on) .btn{color:#0b2559!important;background:rgba(255,255,255,.6)!important;border:1px solid #d6e9ff!important;box-shadow:inset 0 1px 0 #fff,0 10px 26px -14px rgba(11,37,89,.35)!important}
.lpPlans .lpPlan.on{transform:translateY(-8px) scale(1.015);border-color:#0b2559!important;box-shadow:0 40px 70px -28px rgba(11,37,89,.65)}
.lpPlans .lpPlan.on:before{opacity:1}
.lpPlans .lpPlan.on h3,.lpPlans .lpPlan.on .amt{color:#fff!important}
.lpPlans .lpPlan.on .per,.lpPlans .lpPlan.on li,.lpPlans .lpPlan.on em{color:#d7e6ff!important}
.lpPlans .lpPlan.on li:before{background-color:rgba(255,255,255,.14)!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E")!important}
.lpPlans .lpPlan.on .btn{color:#fff!important;background:linear-gradient(180deg,#3a9dff,#0a78f0)!important;border:1px solid rgba(255,255,255,.4)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 16px 34px -12px rgba(10,132,255,.75)!important}
.lpPlans .lpPlan .btn{transition:background .4s ease,color .4s ease,box-shadow .4s ease}
.lpPlans .lpPlan li:before{transition:background-color .4s ease}
/* Más interacción: pilares, pasos y lista oscura */
.lpPillar{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.lpPillar:hover{border-color:#9cc8ff;box-shadow:0 34px 60px -30px rgba(11,37,89,.5)}
.lpPillar .lpArt{transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.lpPillar:hover .lpArt{transform:scale(1.025)}
.lpPillar .lpNum{transition:background .35s ease,transform .35s ease}
.lpPillar:hover .lpNum{background:var(--brand)!important;transform:rotate(-6deg)}
.lpPillar .lpFact{transition:background .35s ease,color .35s ease,border-color .35s ease}
.lpPillar:hover .lpFact{background:#0b2559!important;color:#d7e6ff!important;border-color:#0b2559}
.lpPillar:hover .lpFact b{color:#fff}
.lpDarkList li{transition:transform .3s ease,background .3s ease,border-color .3s ease}
.lpDarkList li:hover{transform:translateY(-5px);background:rgba(10,132,255,.22)!important;border-color:rgba(124,192,255,.5)!important}
.lpSteps li{transition:transform .3s ease,box-shadow .3s ease}
.lpSteps li:hover{transform:translateY(-5px);box-shadow:0 26px 50px -30px rgba(11,37,89,.45)}
@media(prefers-reduced-motion:reduce){.lpPlans .lpPlan,.lpPillar,.lpPillar .lpArt,.lpDarkList li,.lpSteps li{transition:none!important;transform:none!important}}
.lpPlans .lpPlan:not(.on) .tag{background:var(--brand)!important;border-color:var(--brand)!important;color:#fff}

/* v15: hero más grande + uso del mes dentro de la ventana */
@media(min-width:1001px){.lpHeroGrid{grid-template-columns:.95fr 1.25fr!important;gap:28px!important}.lpHeroArt.lpRef{padding:34px 10px 34px 120px!important}}
@media(min-width:1001px) and (max-width:1300px){.lpHeroArt.lpRef{padding-left:100px!important}.lpRefChip.k2{left:0!important}}
.lpRefChip.k2{left:-6px!important}
.lpRefUse{margin:0 16px 16px;padding:14px 16px;border-radius:16px;background:#f3f8ff;border:1px solid #d6e9ff}
.lpRefUse .t{display:flex;align-items:baseline;justify-content:space-between;gap:10px;color:#0b2559;font-size:15px}
.lpRefUse .t span{font-weight:700;color:var(--brand);font-size:14px}
.lpRefUse .bar{height:8px;border-radius:99px;background:#dbe9fb;margin:9px 0 8px;overflow:hidden}
.lpRefUse .bar i{display:block;height:100%;width:7%;border-radius:99px;background:linear-gradient(90deg,#0a78f0,#47a3ff)}
.lpRefUse small{display:block;font-size:12px;line-height:1.45;color:#1c58c4}
@media(max-width:640px){.lpRefUse{margin:0 10px 10px;padding:10px 12px}.lpRefUse .t{font-size:13px}.lpRefUse small{font-size:11px}}
@media(max-width:1000px){.lpRefChip.k2{left:0!important}}

/* v23: la imagen de arriba muestra la herramienta con un montaje del logo */
.lpTool{padding:14px 16px 16px!important;background:#fff}
.lpTB{display:flex;gap:8px;flex-wrap:wrap}
.lpTB .b{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:9px;background:#f1f6fd;border:1px solid #dde7f3;color:#0b2559;font-size:12px;font-weight:700;white-space:nowrap}
.lpTB .b svg{width:13px;height:13px;fill:#0b2559}
.lpTB .b.p{background:#0a84ff;border-color:#0a84ff;color:#fff;box-shadow:0 8px 18px -8px rgba(10,132,255,.8)}.lpTB .b.p svg{fill:#fff}
.lpSt{display:grid;grid-template-columns:1fr 1.25fr 1.05fr 1.2fr;gap:8px;margin:12px 0}
.lpSt>div{padding:8px 10px;border:1px solid #e3e6eb;border-radius:10px;background:#f8f9fb;min-width:0}
.lpSt small{display:block;font-size:8.5px;font-weight:800;letter-spacing:.06em;color:#5f6470;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lpSt b{display:block;margin-top:3px;font-size:16px;color:#15171d;white-space:nowrap}
.lpSt .u{border-color:#c4d9f0}.lpSt .u b{color:#0a84ff}.lpSt i{display:block;height:4px;border-radius:9px;background:#eceef2;margin-top:5px}.lpSt i s{display:block;height:100%;width:94%;border-radius:9px;background:#0a84ff}
.lpPv{position:relative;padding:16px 12px 10px 28px;border-radius:12px;border:1px solid #d9dde4;background:repeating-conic-gradient(#dde9fa 0 25%,#f7faff 0 50%) 0 0/14px 14px}
.lpPv .rh{position:absolute;left:28px;right:12px;top:5px;height:7px;background:repeating-linear-gradient(90deg,#0b2559 0 1px,transparent 1px 9px);opacity:.5}
.lpPv .rv{position:absolute;left:12px;top:16px;bottom:10px;width:7px;background:repeating-linear-gradient(180deg,#0b2559 0 1px,transparent 1px 9px);opacity:.5}
.lpPv svg{display:block;width:100%;height:auto;filter:drop-shadow(0 8px 16px rgba(25,29,39,.12))}
.lpPv .len{display:flex;justify-content:center;margin-top:6px}.lpPv .len span{padding:4px 12px;border-radius:99px;background:#fff;font-size:11.5px;font-weight:700;color:#0b2559;box-shadow:0 4px 10px -6px rgba(11,37,89,.5)}
@media(max-width:640px){.lpTool{padding:10px!important}.lpTB .b{height:28px;padding:0 9px;font-size:10.5px}.lpTB .b:nth-child(3){display:none}.lpSt{grid-template-columns:1fr 1fr}.lpSt b{font-size:14px}.lpPv{padding:14px 8px 8px 20px}.lpPv .rv{left:8px}.lpPv .rh{left:20px}}
.lpFaqGroup{margin:22px 0 4px;font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand)}
.lpFaqGroup:first-child{margin-top:0}
.lpFaqList details p{font-size:15.5px;line-height:1.7}
.lpPlan .amt .cur{margin-left:8px;font-size:20px;font-weight:800;letter-spacing:.02em;vertical-align:.9em;opacity:.85}