/* Web generalista Hacelerix v2 · calco de la landing de Vambe (get/landing-ads-lite) con la marca Hacelerix.
   Plus Jakarta Sans 800 en titulares, antetítulos manuscritos en azul, tarjetas redondeadas con sombra suave,
   botón con brillo azul, móvil animado con burbujas que se salen del marco. Solo tema claro, como Vambe. */
:root{
  --blue:#037ecc; --blue-2:#0a6fb4; --blue-soft:#eef6fd; --blue-line:#cfe3f6; --glow:rgba(3,126,204,.42);
  --ink:#0f172a; --ink-2:#1e293b; --text:#334155; --muted:#64748b; --line:#e2e8f0; --bg:#ffffff; --bg-2:#f1f5f9; --bg-3:#eef2f7;
  --phone:#1e293b; --ok:#16a34a; --wa:#25d366;
  --sans:"Plus Jakarta Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --script:"Caveat",cursive;
  color-scheme:light;
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--blue)}
h1,h2,h3{margin:0;color:var(--ink);text-wrap:balance}
p{margin:0}
.wrap{max-width:1200px;margin:0 auto;padding-inline:24px}
@media (max-width:640px){.wrap{padding-inline:16px}}
:focus-visible{outline:3px solid #7cc4f2;outline-offset:2px;border-radius:6px}
.script{font-family:var(--script);font-weight:700;color:var(--blue);font-size:clamp(40px,5vw,58px);line-height:1;display:block;margin-bottom:10px;transform:rotate(-2deg);transform-origin:left}
.h2{font-size:clamp(30px,3.6vw,44px);font-weight:700;line-height:1.22;letter-spacing:-.02em}
.lead{font-size:18px;color:var(--muted);margin-top:12px;max-width:40em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--blue);color:#fff;font-family:var(--sans);font-weight:600;font-size:15px;border:0;border-radius:14px;padding:14px 22px;text-decoration:none;cursor:pointer;box-shadow:0 16px 40px -14px var(--glow);transition:transform .15s,background .15s}
.btn:hover{background:var(--blue-2);transform:translateY(-1px)}
.btn.block{width:100%}
.btn svg{width:16px;height:16px}
.ico{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}

/* ---------- Cabecera ---------- */
.hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:rgba(255,255,255,.92);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:20px;min-height:68px}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none;flex:none}
.marca img{height:28px;width:auto;display:block}
.marca span{border-left:1px solid var(--line);padding-left:14px;font-size:14px;font-weight:600;color:var(--ink)}
.marca span b{color:var(--blue);font-weight:700}
.nav{display:flex;align-items:center;gap:6px;margin-left:auto}
.nav>a,.nav summary{font-size:14px;font-weight:600;color:var(--text);text-decoration:none;padding:9px 12px;border-radius:10px;cursor:pointer;list-style:none;display:flex;align-items:center;gap:6px}
.nav summary::-webkit-details-marker{display:none}
.nav>a:hover,.nav summary:hover,.nav details[open] summary{background:var(--bg-2);color:var(--ink)}
.nav details{position:relative}
.nav summary .ico{width:14px;height:14px;transition:transform .2s}
.nav details[open] summary .ico{transform:rotate(180deg)}
.menu{position:absolute;top:calc(100% + 8px);left:-8px;min-width:300px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 50px -20px rgba(15,23,42,.35);padding:8px;display:grid;gap:2px;animation:baja .18s ease}
.menu a{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:600}
.menu a:hover{background:var(--blue-soft);color:var(--blue)}
.menu a i{width:32px;height:32px;border-radius:9px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none}
.menu a.otro{border-top:1px solid var(--line);margin-top:4px;padding-top:12px;color:var(--muted)}
.nav .btn{margin-left:8px;padding:11px 18px;font-size:14px}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:10px;width:42px;height:42px;place-items:center;cursor:pointer;color:var(--ink)}
@keyframes baja{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
@media (max-width:960px){
  .marca span{display:none}
  .burger{display:grid}
  .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:10px 16px 16px;gap:2px;box-shadow:0 20px 40px -20px rgba(15,23,42,.3)}
  .nav.abierto{display:flex}
  .menu{position:static;box-shadow:none;border:0;padding:0 0 0 8px;min-width:0;animation:none}
  .nav .btn{margin:8px 0 0}
}

/* ---------- Integraciones ---------- */
.ints{padding-block:22px 6px;text-align:center}
.ints p{font-size:15px;color:var(--muted)}
.ints p b{color:var(--ink);font-weight:700}
.cinta{overflow:hidden;margin-top:14px;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.cinta-in{display:flex;gap:44px;align-items:center;width:max-content;animation:correr 45s linear infinite}
.cinta:hover .cinta-in{animation-play-state:paused}
.int{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--muted);white-space:nowrap}
.int svg{width:30px;height:30px}
.int img{width:30px;height:30px;border-radius:7px;object-fit:contain}
@keyframes correr{to{transform:translateX(-50%)}}

/* ---------- Héroe ---------- */
.heroe{padding-block:44px 64px}
.heroe .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,440px);gap:64px;align-items:start}
/* Texto arriba y acompañando mientras se baja por el formulario (Pablo, 15-oct: centrado se quedaba muy abajo) */
@media (min-width:961px){.heroe .h-txt{position:sticky;top:96px;padding-top:12px}}
.heroe .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--blue);background:var(--blue-soft);border-radius:999px;padding:6px 12px;margin-bottom:18px}
.heroe h1{font-size:clamp(38px,5vw,60px);font-weight:800;line-height:1.08;letter-spacing:-.035em}
.heroe h1 em{font-style:normal;background:linear-gradient(90deg,#2b3e8f,#03a6e8);-webkit-background-clip:text;background-clip:text;color:transparent}
.heroe .sub{font-size:19px;color:var(--muted);margin-top:18px;max-width:30em}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chip{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--blue-2);background:var(--blue-soft);border-radius:999px;padding:7px 12px}
.chip .ico{width:15px;height:15px}
.nota{font-size:12px;color:var(--muted);margin-top:10px}
.h-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}
.h-cta small{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.h-cta small img{width:34px;height:34px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px var(--line)}

/* ---------- Formulario por pasos ---------- */
.card-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 30px 70px -30px rgba(15,23,42,.28)}
.card-form h2{font-size:24px;font-weight:700}
.card-form .sub2{color:var(--muted);font-size:15px;margin-top:4px}
.pasos-bar{display:flex;gap:6px;margin:18px 0 20px}
.pasos-bar span{flex:1;height:5px;border-radius:999px;background:var(--line);transition:background .3s}
.pasos-bar span.on{background:var(--blue)}
.paso-lbl{font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px}
.paso-q{font-size:17px;font-weight:700;margin-bottom:14px}
.fpaso{animation:entra .35s ease}
@keyframes entra{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.opciones{display:grid;gap:8px}
.opcion{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;font-size:15px;font-weight:600;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.opcion:hover{border-color:var(--blue);background:var(--blue-soft);transform:translateX(2px)}
.opcion i{width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;flex:none}
.opcion .flecha{margin-left:auto;color:var(--muted)}
.opcion.on{border-color:var(--blue);background:var(--blue-soft)}
.campo{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.campo label{font-size:14px;font-weight:600;color:var(--ink)}
.campo .ayuda{font-size:12px;color:var(--muted);margin-top:-3px}
.caja{position:relative}
.caja .ico{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#94a3b8;width:17px;height:17px;pointer-events:none}
input,select{font-family:var(--sans);font-size:15px;color:var(--ink);background:#fff;border:1.5px solid var(--line);border-radius:12px;padding:10px 14px;width:100%;transition:border-color .15s,box-shadow .15s}
.caja input,.caja select{padding-left:42px}
input:focus,select:focus{outline:0;border-color:var(--blue);box-shadow:0 0 0 4px rgba(3,126,204,.14)}
input::placeholder{color:#94a3b8}
.tel{display:flex;gap:8px}
.tel select{width:96px;flex:none;padding-left:12px}
.tel .caja{flex:1;min-width:0}
.mes{font-size:12px;color:var(--blue-2);font-weight:600;min-height:16px}
.error{font-size:12px;color:#dc2626}
.campo.mal input,.campo.mal select{border-color:#dc2626}
/* Preguntas del paso 2 con botones de una pulsación (9-oct) */
.campo .lbl{font-size:14px;font-weight:600;color:var(--ink)}
.campo .opc{font-weight:500;color:var(--muted)}
.elecciones{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px}
.eleccion{font:inherit;font-size:13.5px;font-weight:600;line-height:1.25;color:var(--ink);text-align:left;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:8px 12px;min-height:40px;cursor:pointer;transition:border-color .15s,background .15s}
.eleccion:hover{border-color:var(--blue)}
.eleccion.on{border-color:var(--blue);background:var(--blue-soft);color:var(--blue-2);box-shadow:inset 0 0 0 1px var(--blue)}
.campo.mal .eleccion{border-color:#fca5a5}
.acciones{display:flex;gap:10px;align-items:center;margin-top:4px}
.atras{background:none;border:0;font:inherit;font-size:14px;font-weight:600;color:var(--muted);cursor:pointer;padding:12px 6px}
.elegido{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--blue-soft);color:var(--blue-2);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700;margin-bottom:16px}
.elegido button{background:none;border:0;font:inherit;font-size:13px;font-weight:600;color:var(--blue);text-decoration:underline;cursor:pointer;padding:0}
.legal{font-size:12px;color:var(--muted);text-align:center;margin-top:12px}
.trampa{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.enviando{opacity:.6;pointer-events:none}
.aviso-prev{margin-top:14px;font-size:13px;background:#fff7e0;border:1px solid #f0d58a;border-radius:12px;padding:10px 12px;color:#6b5310}
.aviso-prev a{color:#6b5310}

/* ---------- Empresas que confían ---------- */
.confian{padding-block:24px 56px;text-align:center}
.confian h2{font-size:24px;font-weight:700;letter-spacing:-.02em}
.confian .cinta-in{gap:64px;animation-duration:38s}
.confian .cinta-in img{height:44px;width:auto;max-width:170px;object-fit:contain}
.fila-logos{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:56px;margin-top:14px;padding-inline:16px}
.fila-logos img{height:44px;width:auto;max-width:170px;object-fit:contain}
.sellos{display:flex;justify-content:center;flex-wrap:wrap;gap:10px 22px;margin-top:22px;font-size:14px;font-weight:600;color:var(--text)}
.sellos span{display:inline-flex;align-items:center;gap:6px}
.sellos .ico{color:var(--blue);width:16px;height:16px}

/* ---------- Resultados reales + móvil ---------- */
.sec{padding-block:96px}
.sec.gris{background:linear-gradient(180deg,#fff 0,var(--bg-3) 120px,var(--bg-3) calc(100% - 120px),#fff 100%)}
.resultados{overflow-x:clip}
.resultados .wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;align-items:center}
.resultados .txt>p{font-size:18px;color:var(--text);margin-top:18px;max-width:34em}
.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:30px}
.stat{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--blue-line);border-radius:16px;padding:14px;background:#fff}
.stat i{width:36px;height:36px;border-radius:10px;background:var(--blue);color:#fff;display:grid;place-items:center;flex:none}
.stat strong{display:block;color:var(--blue);font-size:17px;font-weight:800;letter-spacing:-.01em}
.stat span{font-size:13px;color:var(--muted);line-height:1.35}
.escena{position:relative;display:grid;place-items:center;padding:20px 0;min-height:620px}
.escena::before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(3,126,204,.16),transparent 65%);filter:blur(10px)}
.movil{position:relative;width:290px;height:580px;border:9px solid var(--phone);border-radius:44px;background:var(--phone);box-shadow:0 40px 70px -25px rgba(15,23,42,.45)}
.movil .pantalla{position:absolute;inset:0;border-radius:34px;background:linear-gradient(180deg,#eef5fd,#e3edf9);overflow:visible}
.movil .notch{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:96px;height:24px;border-radius:999px;background:var(--phone);z-index:3}
.m-cab{position:absolute;top:0;left:0;right:0;height:86px;border-radius:34px 34px 0 0;background:#fff;display:flex;align-items:flex-end;gap:10px;padding:0 16px 12px;border-bottom:1px solid var(--line)}
.m-av{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2b3e8f,#03a6e8);color:#fff;display:grid;place-items:center;font-weight:800;font-size:14px}
.m-cab b{display:block;font-size:14px}
.m-cab small{font-size:11px;color:var(--ok);font-weight:600}
.burbujas{position:absolute;top:104px;left:0;right:0;bottom:70px;display:flex;flex-direction:column;gap:10px}
.burbuja{position:relative;max-width:250px;padding:11px 14px 8px;border-radius:16px;font-size:13.5px;line-height:1.4;box-shadow:0 14px 30px -14px rgba(15,23,42,.35);opacity:0;transform:translateY(10px) scale(.96);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.9,.3,1.2)}
.burbuja.ver{opacity:1;transform:none}
.burbuja small{display:block;font-size:10px;margin-top:3px;opacity:.7}
.burbuja.cli{align-self:flex-start;margin-left:-46px;background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:4px}
.burbuja.ia{align-self:flex-end;margin-right:-46px;background:var(--blue);color:#fff;border-bottom-right-radius:4px}
.burbuja.ia small b{font-weight:700}
.escribiendo{align-self:flex-end;margin-right:-10px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;display:flex;gap:4px;box-shadow:0 10px 24px -12px rgba(15,23,42,.3)}
.escribiendo span{width:7px;height:7px;border-radius:50%;background:var(--blue);animation:puntos 1s infinite ease-in-out}
.escribiendo span:nth-child(2){animation-delay:.15s}.escribiendo span:nth-child(3){animation-delay:.3s}
@keyframes puntos{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}
.m-pie{position:absolute;left:12px;right:12px;bottom:12px;height:44px;border-radius:999px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;padding:0 6px 0 16px;font-size:13px;color:#94a3b8}
.m-pie i{margin-left:auto;width:32px;height:32px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center}
.flota{position:absolute;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 14px;box-shadow:0 20px 40px -18px rgba(15,23,42,.35);font-size:13px;font-weight:700;opacity:0;transform:translateY(12px) scale(.9);transition:all .5s cubic-bezier(.2,.9,.3,1.3);z-index:4}
.flota.ver{opacity:1;transform:none}
.flota i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;color:#fff}
.flota small{display:block;font-weight:500;color:var(--muted);font-size:11.5px}
.flota.cita{right:-56px;bottom:96px}
.flota.cita i{background:var(--ok)}
.flota.tiempo{left:-96px;top:26px}
.flota.tiempo i{background:var(--blue)}
.flota.noti{left:-70px;bottom:150px}
.flota.noti i{background:#f59e0b}

/* ---------- Capacidades ---------- */
.capac .wrap{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:48px;align-items:start}
.tareas{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}
.tarea{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-size:14px;font-weight:600;color:var(--text);background:#fff;border:1.5px solid #fff;border-radius:999px;padding:10px 16px;cursor:pointer;box-shadow:0 6px 16px -10px rgba(15,23,42,.25);transition:all .18s}
.tarea .ico{width:16px;height:16px;color:var(--muted)}
.tarea:hover{transform:translateY(-1px)}
.tarea.on{border-color:var(--blue);color:var(--blue-2);background:var(--blue-soft)}
.tarea.on .ico{color:var(--blue)}
.extras-lbl{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8;margin:26px 0 0}
.extras-lbl .ico{width:15px;height:15px;color:var(--blue)}
.todo{background:none;border:0;font:inherit;font-size:14px;font-weight:700;color:var(--blue);cursor:pointer;margin-top:22px;padding:0}
.contador{position:sticky;top:96px;background:#fff;border-radius:24px;padding:26px;box-shadow:0 30px 60px -30px rgba(15,23,42,.3)}
.contador .k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#94a3b8}
.contador .num{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.contador .num strong{font-size:56px;line-height:1;font-weight:800;color:var(--blue);letter-spacing:-.04em;transition:transform .2s}
.contador .num strong.pop{transform:scale(1.15)}
.contador .num span{font-weight:700;color:var(--blue-2)}
.contador>p{font-size:15px;color:var(--muted);margin-top:8px}
.contador ul{list-style:none;padding:0;margin:16px 0 20px;display:grid;gap:6px;max-height:240px;overflow:auto}
.contador li{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;background:var(--bg-2);border-radius:10px;padding:9px 11px;animation:entra .25s ease}
.contador li .ico{width:15px;height:15px;color:var(--blue)}

/* ---------- Qué esperar (línea de pasos) ---------- */
.linea{list-style:none;padding:0;margin:44px 0 0;display:grid;gap:0;max-width:760px}
.linea li{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);gap:18px;padding-bottom:30px}
.linea li:not(:last-child)::before{content:"";position:absolute;left:21px;top:48px;bottom:4px;width:2px;background:var(--line)}
.linea li i{width:44px;height:44px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}
.linea .n{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--blue);letter-spacing:.03em;text-transform:uppercase}
.linea .n em{font-style:normal;color:#94a3b8}
.linea .n .chip{text-transform:none;letter-spacing:0;font-size:11.5px;padding:3px 9px}
.linea h3{font-size:19px;font-weight:700;margin-top:4px}
.linea p{font-size:16px;color:var(--muted);margin-top:4px}

/* ---------- Casos ---------- */
.casos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}
.casos.dos{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px;margin-inline:auto}
.caso{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(15,23,42,.35);display:flex;flex-direction:column}
.caso-img{position:relative;height:190px;display:grid;place-items:center;background:linear-gradient(135deg,#eef6fd,#dcebf9)}
.caso-img img{max-height:86px;max-width:62%;object-fit:contain}
.caso-img span{position:absolute;top:14px;left:14px;font-size:12px;font-weight:700;color:var(--blue-2);background:#fff;border-radius:999px;padding:5px 11px}
.caso-body{padding:22px;display:flex;flex-direction:column;gap:4px;flex:1}
.caso h3{font-size:20px;font-weight:800}
.caso .subt{color:#94a3b8;font-size:15px}
.caso .como{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:12px}
.caso .como .ico{width:14px;height:14px;color:var(--blue)}
.caso-body>p.t{font-size:15.5px;color:var(--text);margin-top:4px}
.metricas{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:16px}
.metrica{display:flex;align-items:center;gap:8px;background:var(--bg-2);border-radius:12px;padding:8px 12px}
.metrica i{width:28px;height:28px;border-radius:8px;background:var(--blue);color:#fff;display:grid;place-items:center}
.metrica .ico{width:15px;height:15px}
.metrica b{display:block;font-size:14px;font-weight:800}
.metrica span{font-size:11.5px;color:var(--muted)}

/* ---------- Preguntas ---------- */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-top:36px;align-items:start}
.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px;transition:border-color .2s,box-shadow .2s}
.faq details[open]{border-color:var(--blue-line);box-shadow:0 18px 40px -26px rgba(15,23,42,.35)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center;padding:18px 0;font-size:16.5px;font-weight:700}
.faq summary::-webkit-details-marker{display:none}
.faq summary b{color:var(--blue);font-size:22px;font-weight:400;transition:transform .2s;line-height:1}
.faq details[open] summary b{transform:rotate(45deg)}
.faq details p{color:var(--muted);padding-bottom:18px;font-size:15px}

/* ---------- Pie ---------- */
.pie{border-top:1px solid var(--line);padding-block:48px 28px;font-size:14px;color:var(--muted)}
.pie .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:32px}
.pie img{height:26px;width:auto}
.pie .desc{margin-top:14px;max-width:30em}
.pie .firma{font-family:var(--script);font-size:24px;color:var(--blue);margin-top:10px;line-height:1.1}
.pie h4{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);margin:0 0 12px}
.pie ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}
.pie a{color:var(--text);text-decoration:none}
.pie a:hover{color:var(--blue)}
.pie .copy{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:12.5px;display:flex;flex-wrap:wrap;gap:6px 16px;justify-content:space-between}

.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:58px;height:58px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 12px 26px -8px rgba(0,0,0,.4);z-index:20}
.wa svg{width:30px;height:30px}

/* ---------- Página de gracias (formato Podium) ---------- */
.gr{padding-block:48px 24px}
.gr .wrap{max-width:1000px}
.gr .aviso{display:inline-flex;align-items:center;gap:8px;background:#dcfce7;color:#166534;font-weight:700;font-size:14px;border-radius:999px;padding:8px 14px;margin-bottom:16px}
.gr h1{font-size:clamp(32px,4.4vw,52px);font-weight:800;line-height:1.1;letter-spacing:-.03em}
.gr .sub{font-size:18px;color:var(--muted);margin-top:12px;max-width:40em}
.video{position:relative;aspect-ratio:16/9;max-width:100%;margin-top:28px;border-radius:24px;overflow:hidden;background:#0f172a;display:grid;place-items:center;color:#fff;box-shadow:0 40px 80px -40px rgba(15,23,42,.6)}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.video .pendiente{display:grid;gap:12px;justify-items:center;text-align:center;padding:24px}
.video .play{width:76px;height:76px;border-radius:50%;background:var(--blue);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(3,126,204,.25);animation:late 2s infinite}
@keyframes late{50%{box-shadow:0 0 0 20px rgba(3,126,204,.08)}}
.video .pendiente strong{font-size:22px}
.video .pendiente span{font-size:14px;color:#cbd5e1;max-width:30em}
.gr .linea2{margin-top:14px;font-size:15px;color:var(--muted)}
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}
.tres div{display:flex;gap:12px;align-items:flex-start;background:var(--bg-2);border-radius:16px;padding:16px}
.tres b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:13px}
.tres span{font-size:14.5px;color:var(--text)}
.reserva{margin-top:40px;scroll-margin-top:90px}
.reserva h2{font-size:28px;font-weight:800;letter-spacing:-.02em}
.calendario{margin-top:16px;border:1px solid var(--line);border-radius:24px;background:#fff;overflow:hidden;box-shadow:0 30px 60px -36px rgba(15,23,42,.35)}
.calendario iframe{width:100%;min-height:700px;border:0;display:block}
/* form_embed.js de GHL deja oculto (opacity 0, left -9999px) el iframe que se inyecta tras cargar la página: se fuerza visible (7-oct) */
.calendario iframe{opacity:1!important;visibility:visible!important;pointer-events:auto!important;position:static!important;left:auto!important}
.calendario .marcador{padding:36px 20px;text-align:center;font-size:15px;color:var(--muted);background:var(--bg-2)}
.calendario .marcador .btn{margin-top:14px}
.traer{margin-top:20px;border-radius:16px;padding:18px 20px;background:var(--blue-soft);font-size:14.5px}
.traer strong{display:block;margin-bottom:6px;color:var(--ink)}
.traer ul{margin:0;padding-left:18px;display:grid;gap:4px;color:var(--text)}
.traer p{color:var(--muted);font-size:13px;margin-top:8px}

/* ---------- Móvil ---------- */
@media (max-width:960px){
  .heroe .wrap,.resultados .wrap,.capac .wrap{grid-template-columns:minmax(0,1fr)}
  .heroe .wrap{gap:36px}
  .contador{position:static}
  .casos,.casos.dos{grid-template-columns:minmax(0,1fr)}
  .faq{grid-template-columns:minmax(0,1fr)}
  .pie .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pie .wrap>div:first-child{grid-column:1/-1}
  .tres{grid-template-columns:minmax(0,1fr)}
  .resultados{overflow:hidden}
}
@media (max-width:640px){
  .sec{padding-block:64px}
  .heroe{padding-block:28px 44px}
  .card-form{padding:20px;border-radius:20px}
  .stats{grid-template-columns:minmax(0,1fr)}
  .escena{transform:scale(.86);margin-block:-40px}
  .burbuja.cli{margin-left:-24px}.burbuja.ia{margin-right:-24px}
  .flota.cita{right:-14px}.flota.tiempo{left:-20px;top:-10px}.flota.noti{left:-16px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .burbuja,.flota{opacity:1;transform:none}
}

@media (max-width:1180px){.flota.cita{right:-12px}.flota.tiempo{left:-40px;top:-22px}.flota.noti{left:-30px}}

/* Solo en la vista previa del artifact: volver a la página de revisión */
.volver-plan{position:fixed;left:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;display:inline-flex;align-items:center;gap:6px;background:#0f172a;color:#fff;font-family:var(--sans);font-size:14px;font-weight:700;text-decoration:none;border-radius:999px;padding:12px 18px;box-shadow:0 14px 30px -12px rgba(15,23,42,.55)}
.volver-plan:hover{background:#1e293b}

/* Página de gracias genérica: el sistema que montamos */
.sistema{margin-top:64px}
.piezas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.pieza{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;display:flex;flex-direction:column;gap:8px;box-shadow:0 20px 40px -32px rgba(15,23,42,.35)}
.pieza i{width:42px;height:42px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}
.pieza h3{font-size:16.5px;font-weight:700}
.pieza p{font-size:14px;color:var(--muted)}
.montaje-h{font-size:22px;font-weight:800;margin-top:40px}
.tres.montaje{margin-top:14px}
.tres.montaje strong{display:block;color:var(--ink);margin-bottom:2px}
@media (max-width:960px){.piezas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.piezas{grid-template-columns:minmax(0,1fr)}}

/* ===== v3 (6-oct, noche) ===== */
/* +70 empresas arriba del todo, compacto */
.confian{padding-block:26px 30px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,var(--bg-2))}
.confian h2{font-size:20px}
.confian .cinta{margin-top:14px}
.confian .cinta-in img{height:38px}
.sellos{margin-top:16px}
.ints{padding-block:30px 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}

/* Móvil: cabecera tipo WhatsApp, lejos de la cámara */
.movil{height:600px}
.movil .pantalla{background-color:#e9f1fb;background-image:radial-gradient(circle at 1px 1px,rgba(3,126,204,.10) 1px,transparent 0);background-size:16px 16px}
.m-cab{height:108px;padding:0 12px 12px;gap:8px;background:linear-gradient(180deg,#0b5f99,#037ecc);border-bottom:0;color:#fff;align-items:flex-end}
.m-cab>.ico{width:20px;height:20px;color:#fff;margin-bottom:9px}
.m-av{position:relative;width:40px;height:40px;background:#fff;color:var(--blue);font-size:16px;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.m-av em{position:absolute;right:-3px;bottom:-3px;width:17px;height:17px;border-radius:50%;background:#22c55e;border:2px solid #0b6fae;display:grid;place-items:center}
.m-av em .ico{width:9px;height:9px;color:#fff;stroke-width:3.5}
.m-quien{min-width:0;flex:1}
.m-quien b{color:#fff;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-quien small{color:#cfe6f8;font-weight:500;font-size:11px}
.m-acc{display:flex;gap:12px;margin-bottom:9px}
.m-acc .ico{width:19px;height:19px;color:#fff}
.m-hoy{position:absolute;top:120px;left:50%;transform:translateX(-50%);background:#fff;border-radius:8px;padding:3px 10px;font-size:11px;font-weight:700;color:var(--muted);box-shadow:0 2px 6px -3px rgba(15,23,42,.3)}
.burbujas{top:150px;bottom:70px}
.burbuja{max-width:236px}

/* Avisos flotantes: separados entre sí y de las burbujas */
.escena{padding-block:40px 70px}
.flota.tiempo{left:-64px;top:-26px;right:auto;bottom:auto}
.flota.noti{left:-70px;bottom:-34px;top:auto;right:auto}
.flota.cita{right:-56px;bottom:-34px;top:auto;left:auto}
@media (max-width:1180px){.flota.tiempo{left:-30px;top:-26px}.flota.noti{left:-36px;bottom:-34px}.flota.cita{right:-26px;bottom:-34px}}
@media (max-width:640px){.flota.tiempo{left:-10px}.flota.noti{left:-14px}.flota.cita{right:-10px}}

/* Páginas nuevas: Otros servicios, Contacto, Agenda */
.pg{padding-block:56px 72px}
.pg h1{font-size:clamp(34px,4.6vw,54px);font-weight:800;line-height:1.08;letter-spacing:-.03em;max-width:18em}
.pg .sub{font-size:19px;color:var(--muted);margin-top:16px;max-width:38em}
.servs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:40px}
.serv{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:12px;box-shadow:0 30px 60px -40px rgba(15,23,42,.35)}
.serv>i{width:48px;height:48px;border-radius:14px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}
.serv h3{font-size:24px;font-weight:800}
.serv>p{color:var(--text);font-size:16px}
.serv ul,.modelo ul{list-style:none;padding:0;margin:4px 0 0;display:grid;gap:8px}
.serv li,.modelo li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--text)}
.serv li .ico,.modelo li .ico{color:var(--ok);width:18px;height:18px;margin-top:2px}
.serv>a{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font-weight:700;text-decoration:none}
.serv>a .ico{width:16px;height:16px}
.modelos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:32px;max-width:900px}
.modelo{border:1px solid var(--line);border-radius:24px;padding:26px;background:#fff}
.modelo .k{font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.modelo h3{font-size:24px;font-weight:800;margin:4px 0 8px}
.cta-fin{margin-top:36px}
.canales{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:40px}
.canal{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;flex-direction:column;gap:6px;box-shadow:0 24px 50px -38px rgba(15,23,42,.35)}
.canal i{width:44px;height:44px;border-radius:12px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center;margin-bottom:6px}
.canal h3{font-size:16px;font-weight:700;color:var(--muted)}
.canal .dato{font-size:18px;font-weight:800;color:var(--ink);word-break:break-word}
.canal .dato a{color:var(--ink);text-decoration:none}
.canal .dato a:hover{color:var(--blue)}
.canal p:last-child{font-size:14px;color:var(--muted)}
.banda{margin-top:40px;display:flex;flex-wrap:wrap;gap:20px 32px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#0b5f99,#037ecc);color:#fff;border-radius:24px;padding:30px 32px;box-shadow:0 30px 60px -30px rgba(3,126,204,.6)}
.banda h2{color:#fff;font-size:26px;font-weight:800}
.banda p{color:#d6ebfa;margin-top:6px;max-width:38em}
.banda .btn{background:#fff;color:var(--blue-2);box-shadow:none}
.banda .btn:hover{background:#eef6fd}
@media (max-width:960px){.servs,.modelos{grid-template-columns:minmax(0,1fr)}.canales{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.canales{grid-template-columns:minmax(0,1fr)}}
.m-quien{display:flex;flex-direction:column;justify-content:flex-end;gap:1px;margin-bottom:3px}
.m-quien b,.m-quien small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.m-quien small i{font-style:normal;color:#86efac}

/* ===== Responsive v4 (6-oct, noche) ===== */
/* Los avisos flotantes se colocan respecto al móvil, no a la sección */
.escena{display:grid;place-items:center}
.escena-in{position:relative;width:290px;max-width:100%}
.escena .flota.tiempo{left:-70px;top:-22px;right:auto;bottom:auto}
.escena .flota.noti{left:-70px;bottom:-30px;top:auto;right:auto}
.escena .flota.cita{right:-70px;bottom:-30px;top:auto;left:auto}
/* Botón de agendar en la cabecera del móvil */
.hdr-cta{display:none;margin-left:auto;background:var(--blue);color:#fff;font-weight:700;font-size:13px;text-decoration:none;border-radius:10px;padding:10px 14px;box-shadow:0 10px 24px -12px var(--glow)}
@media (max-width:960px){
  .hdr-cta{display:inline-flex}
  .burger{margin-left:8px}
  .h-form{max-width:560px}
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .escena{min-height:0;padding-block:36px 64px}
}
@media (max-width:640px){
  .hdr .wrap{min-height:60px;gap:10px}
  .marca img{height:24px}
  .confian{padding-block:16px 18px}
  .confian h2{font-size:16px}
  .confian .cinta{margin-top:10px}
  .confian .cinta-in{gap:40px}
  .confian .cinta-in img,.fila-logos img{height:30px}
  .fila-logos{gap:36px}
  .sellos{display:none}
  .heroe .wrap{gap:28px}
  .heroe h1{font-size:36px}
  .heroe .sub{font-size:17px}
  .h-cta .btn{width:100%}
  .h-cta small{width:100%;justify-content:center}
  .card-form h2{font-size:21px}
  .ints{padding-block:20px 18px}
  .ints p{font-size:14px}
  .stats{grid-template-columns:minmax(0,1fr)}
  .stat{padding:12px}
  .escena{transform:none;margin-block:0;padding-block:30px 60px}
  .movil{width:270px;height:560px}
  .escena-in{width:270px}
  .burbuja{max-width:210px;font-size:13px}
  .burbuja.cli{margin-left:-14px}.burbuja.ia{margin-right:-14px}
  .escena .flota{padding:8px 10px;font-size:12px}
  .escena .flota i{width:26px;height:26px}
  .escena .flota.tiempo{left:-12px;top:-24px}
  .escena .flota.noti{left:-24px;bottom:-34px}
  .escena .flota.cita{right:-24px;bottom:-34px}
  .tareas{gap:8px}
  .tarea{font-size:13.5px;padding:9px 13px}
  .contador{padding:22px}
  .faq summary{font-size:15.5px}
  .pg{padding-block:36px 48px}
  .pg h1{font-size:34px}
  .gr h1{font-size:32px}
  .banda{padding:24px}
  .banda .btn{width:100%}
}
@media (max-width:360px){.escena .flota.noti small,.escena .flota.cita small{display:none}}
@media (max-width:560px){
  .canal{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;row-gap:2px;padding:16px;align-items:start}
  .canal i{grid-row:1/span 3;margin:0}
  .canal .dato{font-size:16.5px}
  .caso-img{height:130px}
  .caso-img img{max-height:64px}
  .serv{padding:22px}
  .serv h3{font-size:21px}
}

/* v5 · calendario dentro de la tarjeta del formulario cuando el lead encaja (6-oct) */
.fp-cal .ok-cal{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:#1b7a4c;background:#e4f4eb;border-radius:999px;padding:6px 12px;margin-bottom:12px}
.fp-cal .ok-cal svg{width:15px;height:15px}
.fp-cal .paso-q{margin-bottom:4px}
.fp-cal .cal-sub{font-size:14px;color:var(--muted);margin-bottom:4px}
.fp-cal .calendario{margin:12px -12px 0;border-radius:16px;box-shadow:none}
.fp-cal .calendario iframe{min-height:640px}
@media (max-width:640px){.fp-cal .calendario{margin:12px -8px 0}}

/* v6 · landings de anuncios (/lp/<sector>/ y /lp/general/): sin menú ni salidas */
.hdr.lp .nav{display:flex;margin-left:auto}
.hdr.lp .marca{cursor:default}
@media (max-width:960px){.hdr.lp .nav{display:none}.hdr.lp .hdr-cta{margin-left:auto}}
.pie.lp{padding-block:22px}
.pie.lp .wrap{display:block}
.pie.lp .copy{margin:0;padding:0;border:0}
#ck{position:fixed;left:12px;right:12px;bottom:12px;z-index:80;max-width:640px;margin:0 auto;background:#0f172a;color:#e2e8f0;border-radius:14px;padding:12px 14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;font-size:14px;box-shadow:0 20px 40px -20px rgba(0,0,0,.5)}
#ck[hidden]{display:none}
#ck a{color:#8fd0f7}
#ck button{font:inherit;font-weight:700;border:0;border-radius:10px;padding:9px 14px;cursor:pointer;background:#1e293b;color:#e2e8f0}
#ck button.y{background:var(--blue);color:#fff}
.hdr.lp .nav a.btn{color:#fff}

/* Chat del móvil: los mensajes que no caben se quitan (web.js); lo visible empieza justo debajo de «Hoy» y nunca pisa «Escribe un mensaje» */
.burbujas{top:150px;bottom:64px;display:block}
.hilo{display:flex;flex-direction:column;gap:10px;padding-bottom:6px}

/* ── /lp/plan/ · descualificados para mandar precio (7-oct) ── */
.pl-heroe .wrap{grid-template-columns:minmax(0,1fr) minmax(0,400px)}
.pl-k{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--blue)}
.pl-precio{display:flex;align-items:baseline;gap:8px;margin-top:6px}
.pl-precio strong{font-size:56px;font-weight:800;letter-spacing:-.04em;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.pl-precio span{font-size:15px;font-weight:600;color:var(--muted)}
.pl-mont{font-size:15px;color:var(--text);margin-top:8px}
.pl-ok{list-style:none;padding:0;margin:18px 0 22px;display:grid;gap:10px}
.pl-ok li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--text)}
.pl-ok li .ico{flex:none;width:18px;height:18px;margin-top:2px;color:var(--ok)}
.pl-resumen .legal{margin-top:10px}
.pl-tog{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:4px;margin-top:28px}
.pl-tog button{font-family:var(--sans);font-size:14px;font-weight:700;color:var(--muted);background:none;border:0;border-radius:999px;padding:9px 18px;cursor:pointer}
.pl-tog button em{font-style:normal;color:var(--ok);margin-left:4px}
.pl-tog button[aria-pressed=true]{background:var(--blue);color:#fff}
.pl-tog button[aria-pressed=true] em{color:#cfeee0}
.pl-planes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:24px;max-width:920px}
.pl-plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;display:flex;flex-direction:column;box-shadow:0 30px 60px -40px rgba(15,23,42,.35)}
.pl-plan.pop{border:2px solid var(--blue);box-shadow:0 30px 70px -30px var(--glow)}
.pl-plan .pl-ok{flex:1;align-content:start}
.pl-sello{position:absolute;top:-13px;right:22px;background:var(--blue);color:#fff;font-size:12px;font-weight:700;border-radius:999px;padding:5px 12px}
.btn.sec2{background:var(--blue-soft);color:var(--blue-2);box-shadow:none}
.btn.sec2:hover{background:var(--blue-line)}
.pl-letra{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;max-width:920px}
.pl-letra div{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}
.pl-letra i{flex:none;width:36px;height:36px;border-radius:10px;background:var(--blue-soft);color:var(--blue);display:grid;place-items:center}
.pl-letra i .ico{width:18px;height:18px}
.pl-letra p{font-size:14px;color:var(--text)}
.pl-letra b{color:var(--ink)}
.pl-alta{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);gap:56px;align-items:start;scroll-margin-top:80px}
.pl-cuenta{margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px 22px;max-width:420px}
.pl-cuenta dl{margin:10px 0 0;display:grid;gap:8px}
.pl-cuenta dl div{display:flex;justify-content:space-between;gap:16px;font-size:15px}
.pl-cuenta dt{color:var(--muted)}
.pl-cuenta dd{margin:0;font-weight:600;color:var(--ink);text-align:right;font-variant-numeric:tabular-nums}
.pl-cuenta .tot{border-top:1px solid var(--line);padding-top:10px;margin-top:4px;font-size:17px}
.pl-cuenta .tot dd{font-weight:800;color:var(--blue-2)}
.pl-radios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 16px}
.pl-elige{display:flex;gap:10px;align-items:flex-start;border:1.5px solid var(--line);border-radius:14px;padding:12px 14px;cursor:pointer;transition:border-color .15s,background .15s}
.pl-elige input{width:auto;margin-top:3px;accent-color:var(--blue)}
.pl-elige b{display:block;font-size:15px}
.pl-elige small{color:var(--muted);font-size:13px}
.pl-elige.on{border-color:var(--blue);background:var(--blue-soft)}
.pl-dos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px}
.pl-check{display:flex!important;gap:10px;align-items:flex-start;font-weight:500!important;font-size:14px!important;color:var(--text)!important;cursor:pointer}
.pl-check input{width:18px;height:18px;flex:none;margin-top:1px;accent-color:var(--blue)}
.pl-hecho h3{font-size:22px;font-weight:800;margin-top:12px}
.pl-hecho p{color:var(--text);margin-top:8px}
@media (max-width:960px){
  .pl-heroe .wrap,.pl-alta{grid-template-columns:minmax(0,1fr);gap:32px}
  .pl-planes,.pl-letra{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){.pl-dos,.pl-radios{grid-template-columns:minmax(0,1fr)}.pl-precio strong{font-size:48px}}