/* Landing de renovación: capa propia sobre app.css + app-neu.css de actuaria+ App.
   Aquí no hay barra lateral: la barra fija y el contenedor van a todo el ancho. */
body{background:var(--card)}
.lwrap{max-width:1040px;margin:0 auto;padding:0 28px 40px}
.lcargando{padding:80px 28px;text-align:center;font:400 14px/1.5 var(--sans);color:var(--text-mute)}
.lerrpage{max-width:520px;margin:80px auto;padding:0 28px;text-align:center}
.lerrpage img{height:30px;margin-bottom:26px}
.lerrpage h1{font:500 24px/32px var(--serif);letter-spacing:-.4px;color:var(--ink);margin:0 0 10px}
.lerrpage p{font:400 14px/22px var(--sans);color:var(--text-weak);margin:0}

/* cabecera */
.lh{position:sticky;top:0;z-index:200;background:rgba(244,245,249,.88);backdrop-filter:saturate(160%) blur(10px);border-bottom:1px solid var(--line)}
.lh__in{max-width:1040px;margin:0 auto;display:flex;align-items:center;gap:16px;height:60px;padding:0 28px}
.lh__in img{height:26px}
.lh__chip{display:inline-flex;align-items:center;gap:8px;margin-left:auto;font:500 12.5px/1 var(--sans);color:var(--text-strong);background:#fff;border:1px solid var(--stroke-weak);border-radius:8px;padding:8px 12px;white-space:nowrap}
.lh__chip i{width:6px;height:6px;border-radius:50%;background:var(--blue)}
.lh .btn{padding:8px 13px;font-size:13px}

/* hero */
.lhero{position:relative;padding:52px 0 8px;overflow:hidden}
.lhero__waves{position:absolute;right:-30px;top:10px;width:360px;height:220px;pointer-events:none;opacity:.7}
.lhero__kick{font:500 10.5px/1 var(--mono);letter-spacing:1.7px;text-transform:uppercase;color:var(--blue-deep);margin:0 0 14px}
.lhero h1{font:500 34px/40px var(--serif);letter-spacing:-.8px;color:var(--ink);margin:0;max-width:760px;text-wrap:balance;position:relative}
.lhero__meta{display:flex;flex-wrap:wrap;gap:8px 18px;margin:14px 0 0;font:400 13.5px/20px var(--sans);color:var(--text-weak)}
.lwhy{margin:34px 0 10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:22px 24px;position:relative}
.lwhy__t h2{font:500 21px/27px var(--sans);letter-spacing:-.4px;color:var(--ink);margin:0 0 4px}
.lwhy__t p{font:400 13.5px/20px var(--sans);color:var(--text-weak);margin:0;max-width:72ch;text-wrap:pretty}
.lwhy__g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}
.lwhy__g > div{display:flex;flex-direction:column;gap:6px;background:var(--card);border-radius:10px;padding:14px 15px}
.lwhy__g svg{color:var(--blue)}
.lwhy__g b{font:600 13px/18px var(--subt);color:var(--text-strong)}
.lwhy__g span{font:400 12.5px/18px var(--sans);color:var(--text-weak);text-wrap:pretty}

/* la propuesta */
.lprop{margin-top:26px}
.lprop .planes--2{max-width:none}
.lprop .kick{margin-top:6px}
.lpdf{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:22px 0 0}
.lpdf span{font:400 12.5px/18px var(--sans);color:var(--text-mute)}
.lok{margin:22px 0 0;background:var(--ok-bg)}
.lok svg{color:var(--ok)}
.lok a{color:var(--blue-deep);margin-left:4px}
/* la barra fija ocupa todo el ancho: aquí no hay barra lateral */
.pbar,.app.sb-min .pbar{left:0}
.pbar__in{max-width:1040px;padding:12px 28px}

/* secciones */
.lsec{margin-top:40px}
.lsec--tint{background:#fff;border:1px solid var(--line);border-radius:12px;padding:20px 24px}
.lpasos{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.lpasos > div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:4px}
.lpasos b{font:800 22px/1 var(--subt);color:var(--orange)}
.lpasos strong{font:600 13px/18px var(--subt);color:var(--text-strong);margin-top:6px}
.lpasos span{font:400 12.5px/18px var(--sans);color:var(--text-weak)}
.lnote{font:400 12px/18px var(--sans);color:var(--text-mute);margin:12px 0 0;text-wrap:pretty}
.lseg{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.lseg > svg{color:var(--blue);flex:none}
.lseg > div{flex:1;min-width:260px}
.lseg b{display:block;font:600 14px/20px var(--subt);color:var(--text-strong)}
.lseg span{font:400 12.5px/18px var(--sans);color:var(--text-weak)}
.lseg__b{display:flex;gap:8px;flex-wrap:wrap}
.lseg__b span{white-space:nowrap;padding:5px 9px;border-radius:4px;background:var(--card);border:1px solid var(--line);font:500 10.5px/1 var(--mono);color:var(--text-weak)}
.lases{display:flex;align-items:center;gap:18px;flex-wrap:wrap;background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 22px}
.lases__av{flex:0 0 46px;width:46px;height:46px;border-radius:50%;background:var(--blue-tint);color:var(--blue-deep);display:inline-flex;align-items:center;justify-content:center;font:700 14px/1 var(--subt)}
.lases__b{flex:1;min-width:220px}
.lases__b b{display:block;font:600 15px/22px var(--subt);color:var(--text-strong)}
.lases__b p{font:400 12.5px/19px var(--sans);color:var(--text-weak);margin:2px 0 0}
.lases__a{display:flex;gap:10px;flex-wrap:wrap}

/* pie */
.lf{margin-top:56px;border-top:1px solid var(--line);padding:36px 28px 96px}
.lf__in{max-width:1040px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.lf__in img{height:26px;display:block;margin-bottom:10px}
.lf__in p{font:400 13px/20px var(--sans);color:var(--text-weak);margin:0}
.lf__badges{display:flex;gap:8px}
.lf__badges span{white-space:nowrap;padding:5px 9px;border-radius:4px;background:#fff;border:1px solid var(--line);font:500 10.5px/1 var(--mono);color:var(--text-weak)}
.lf__legal{max-width:1040px;margin:24px auto 0;font:400 12px/18px var(--sans);color:var(--text-mute)}

/* modales */
.lmod{position:fixed;inset:0;z-index:300;background:rgba(21,31,71,.45);display:flex;align-items:center;justify-content:center;padding:20px}
.lmod__c{width:min(480px,100%);background:#fff;border-radius:14px;box-shadow:0 30px 70px -20px rgba(21,31,71,.45);padding:26px 28px}
.lmod__c--ok{text-align:center}
.lmod__c--ok img{height:96px;margin-bottom:6px}
.lmod__c--ok h3{font:500 24px/30px var(--serif);letter-spacing:-.4px;color:var(--ink);margin:0 0 8px}
.lmod__c--ok > p{font:400 13.5px/20px var(--sans);color:var(--text-weak);margin:0 0 16px;text-wrap:pretty}
.lmod__sum{display:flex;flex-direction:column;margin:0 0 16px;text-align:left}
.lmod__sum > div{display:flex;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid var(--line);font:400 13px/18px var(--sans)}
.lmod__sum span{color:var(--text-weak)}.lmod__sum b{font-weight:500;color:var(--text-strong);text-align:right}
.lfld{display:block;margin-bottom:12px}
.lfld span{display:block;font:400 11.5px/1.4 var(--sans);color:var(--text-mute);margin-bottom:5px}
.lfld input{width:100%;box-sizing:border-box;background:#fff;border:1px solid var(--stroke-weak);border-radius:8px;padding:10px 12px;font:400 13.5px/20px var(--sans);color:var(--text-strong);outline:none}
.lfld input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-tint)}
.lerr{font:400 12.5px/18px var(--sans);color:var(--danger);margin:0 0 10px}
.lmod__a{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:6px}
.lmod__c--ok .lmod__a{justify-content:center}

/* ver el video de un producto: el mismo botón en las tarjetas y en arma tu plan */
.vbtn{display:inline-flex;align-items:center;gap:4px;flex:none;height:24px;padding:0 8px 0 6px;border:1px solid var(--stroke-weak);background:#fff;color:var(--blue-deep);border-radius:6px;font:500 11px/1 var(--sans);cursor:pointer;transition:background .15s,border-color .15s}
.vbtn:hover{background:var(--blue-tint);border-color:var(--blue-line)}
.vbtn span{display:inline;font:inherit;color:inherit}
.plan__mods > span.pm{display:flex;align-items:center;gap:7px}
.plan__mods > span.pm > .pm__t{flex:1;display:inline}
.plan__mods .vbtn{margin-left:8px}
.lprop .brow{gap:9px;padding-left:12px;padding-right:12px}
.lprop .brow > div{min-width:0}
.lprop .brow small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lprop .brow__free{font-size:11.5px}
.lvid{padding:16px}
.lvid__c{width:min(960px,100%);background:#fff;border-radius:14px;box-shadow:0 30px 70px -20px rgba(21,31,71,.55);overflow:hidden}
.lvid__chips{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;padding:10px 12px;border-bottom:1px solid var(--line);background:var(--card)}
.lvid__chips button{border:none;background:none;border-radius:6px;padding:7px 10px;font:500 12px/1 var(--sans);color:var(--text-weak);cursor:pointer;white-space:nowrap}
.lvid__chips button.on{background:#fff;color:var(--text-strong);box-shadow:var(--shadow-sm)}
.lvid video{display:block;width:100%;aspect-ratio:16/9;background:#0b1026}
.lvid__f{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px}
.lvid__f b{display:block;font:600 13.5px/19px var(--subt);color:var(--text-strong)}
.lvid__f span{font:400 12.5px/18px var(--sans);color:var(--text-weak)}
.lvid__f .btn{flex:none;padding:8px 13px;font-size:12.5px}

@media (max-width:820px){
  .lwhy__g,.lpasos{grid-template-columns:1fr}
  .lhero h1{font-size:27px;line-height:33px}
  .lh__chip{display:none}
  .lwrap{padding:0 16px 40px}
  .lh__in,.pbar__in{padding-left:16px;padding-right:16px}
  .vbtn span{display:none}.vbtn{padding:0 6px}
  .lprop .brow small{white-space:normal}
  .lvid__chips{overflow-x:auto;flex-wrap:nowrap}
}