.ic{display:inline-block;flex:0 0 auto;width:var(--ic-size,20px);height:var(--ic-size,20px);
  background:var(--ic-color,currentColor);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}

.contenedor{max-width:var(--max-width-content);margin:0 auto;padding:0 24px}

/* Encabezado */
.encabezado{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.88);
  backdrop-filter:var(--blur-veil);-webkit-backdrop-filter:var(--blur-veil);
  border-bottom:1px solid var(--border-subtle)}
.encabezado .contenedor{display:flex;align-items:center;gap:32px;height:72px}
.encabezado__logo{height:28px;width:auto;display:block}
.encabezado__nav{display:flex;gap:26px;margin-left:8px}
.encabezado__nav a{font-size:var(--text-body-size);color:var(--text-body);text-decoration:none}
.encabezado__nav a:hover{color:var(--text-strong)}
.encabezado__derecha{margin-left:auto;display:flex;align-items:center;gap:16px}
.idiomas{display:flex;gap:4px;font-size:var(--text-caption-size);font-weight:var(--weight-semibold)}
.idiomas a{padding:4px 8px;border-radius:var(--radius-sm);color:var(--text-muted);text-decoration:none}
.idiomas a.activo{background:var(--sky-100);color:var(--sky-800)}

/* Botones */
.boton{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:44px;padding:0 20px;
  font-family:var(--font-core);font-size:15px;font-weight:var(--weight-semibold);letter-spacing:-.005em;
  line-height:1;border-radius:var(--radius-control);border:1px solid transparent;cursor:pointer;
  text-decoration:none;transition:var(--transition-control)}
.boton--sm{height:36px;padding:0 14px;font-size:13.5px;gap:6px}
.boton--lg{height:52px;padding:0 26px;font-size:17px;gap:10px}
.boton--primary{background:var(--action-primary);color:var(--text-inverse);border-color:var(--action-primary)}
.boton--primary:hover{background:var(--action-primary-hover);border-color:var(--action-primary-hover)}
.boton--secondary{background:var(--surface-card);color:var(--text-strong);border-color:var(--border-default)}
.boton--secondary:hover{background:var(--neutral-50);border-color:var(--border-strong)}
.boton--ghost{background:transparent;color:var(--text-strong)}
.boton--ghost:hover{background:var(--neutral-100)}
.boton--inverse{background:var(--neutral-0);color:var(--navy-800);border-color:var(--neutral-0)}
.boton--inverse:hover{background:var(--sky-100);border-color:var(--sky-100)}
.boton--ancho{width:100%}

/* Tarjetas */
.tarjeta{background:var(--surface-card);color:var(--text-body);border:1px solid var(--border-subtle);
  border-radius:var(--radius-card);padding:20px}
.tarjeta--md{padding:20px}
.tarjeta--lg{padding:28px}
.tarjeta--plana{box-shadow:var(--shadow-xs)}
.tarjeta--flotante{box-shadow:var(--shadow-lg)}
.tarjeta--elevada{box-shadow:var(--shadow-md)}
.tarjeta--acento{border-top:3px solid var(--sky-500)}

/* Insignias */
.insignia{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;
  border-radius:var(--radius-pill);font-size:var(--text-caption-size);font-weight:var(--weight-semibold);
  line-height:1;white-space:nowrap}
.insignia--success{background:var(--success-100);color:var(--success-600);border:1px solid #C6EBDC}
.insignia--warning{background:var(--warning-100);color:var(--warning-600);border:1px solid #F5E0BA}
.insignia--brand{background:var(--navy-800);color:var(--text-inverse);border:1px solid var(--navy-800)}
.insignia__punto{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor}

/* Héroe */
.hero{background:var(--gradient-pulse);color:var(--text-inverse);overflow:hidden}
.hero .contenedor{padding:80px 24px;display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero__col{display:flex;flex-direction:column;gap:24px}
.chip{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;padding:6px 12px;
  border-radius:var(--radius-pill);background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.2);
  font-size:var(--text-caption-size);font-weight:var(--weight-semibold);color:var(--sky-200)}
.hero h1{font-size:var(--text-display-size);line-height:var(--text-display-lh);
  letter-spacing:var(--text-display-ls);color:var(--text-inverse);max-width:22ch;margin:0}
.hero__parrafo{font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-lh);
  color:var(--text-inverse-muted);max-width:48ch;margin:0}
.hero__cta{display:flex;gap:12px;flex-wrap:wrap}
.hero__confianza{display:flex;gap:24px;flex-wrap:wrap;padding-top:8px;font-size:var(--text-body-sm-size);
  color:var(--text-inverse-muted)}
.hero__confianza span{display:inline-flex;align-items:center;gap:8px}
.hero__tarjetas{display:flex;flex-direction:column;gap:14px}
.hero__vida{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.hero__vida-icono{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border-radius:var(--radius-sm);background:var(--sky-100)}
.hero__vida-titulo{font-size:var(--text-body-size);font-weight:var(--weight-semibold);color:var(--text-strong)}
.hero__vida-detalle{font-size:var(--text-caption-size);color:var(--text-muted)}
.hero__orden-titulo{font-size:var(--text-caption-size);letter-spacing:var(--text-overline-ls);
  text-transform:uppercase;font-weight:600;color:var(--sky-700);margin-bottom:12px}
.hero__orden-fila{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--border-subtle)}
.hero__orden-num{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;
  border-radius:999px;background:var(--navy-800);color:#fff;font-size:12px;font-weight:600;flex:0 0 auto}
.hero__orden-nombre{font-size:var(--text-body-sm-size);font-weight:600;color:var(--text-strong)}
.hero__orden-alcance{font-size:var(--text-caption-size);color:var(--text-muted)}

/* Bandas de contenido */
.franja{padding:var(--gutter-section) 0}
.franja--clara{background:var(--neutral-50)}
.franja--blanca{background:var(--neutral-0)}
.franja--invertida{background:var(--surface-inverse)}
.franja--navy{background:var(--navy-900)}
.antetitulo{font-size:var(--text-overline-size);letter-spacing:var(--text-overline-ls);
  text-transform:uppercase;font-weight:var(--weight-semibold);color:var(--sky-700);margin-bottom:12px}
.franja h2{font-size:var(--text-h1-size);line-height:var(--text-h1-lh);letter-spacing:var(--text-h1-ls);
  margin:0}

/* Cómo funciona */
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.paso{display:flex;flex-direction:column;gap:14px}
.paso__cabecera{display:flex;align-items:center;gap:12px}
.paso__icono{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;
  border-radius:var(--radius-md);background:var(--navy-800)}
.paso__numero{font-size:var(--text-caption-size);font-weight:600;color:var(--text-subtle)}
.paso h3{font-size:var(--text-h3-size);letter-spacing:var(--text-h3-ls);margin:0}
.paso p{font-size:var(--text-body-size);line-height:var(--text-body-lh);color:var(--text-muted);margin:0}

/* Seguridad */
.seguridad{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.seguridad h2{color:var(--text-inverse);max-width:20ch}
.seguridad__intro{margin-top:18px;font-size:var(--text-body-lg-size);line-height:var(--text-body-lg-lh);
  color:var(--text-inverse-muted);max-width:40ch}
.seguridad__cita{margin-top:28px;padding-left:18px;border-left:2px solid var(--sky-500);
  font-family:var(--font-editorial);font-style:italic;font-size:var(--text-quote-size);
  line-height:var(--text-quote-lh);color:var(--sky-200);max-width:26ch}
.seguridad__lista{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.seguridad__item{padding:20px;border-radius:var(--radius-card);background:rgba(255,255,255,.06);
  border:1px solid var(--border-inverse)}
.seguridad__item-titulo{margin-top:12px;font-size:var(--text-h4-size);font-weight:var(--weight-semibold);
  color:var(--text-inverse)}
.seguridad__item-cuerpo{margin-top:6px;font-size:var(--text-body-sm-size);line-height:1.6;
  color:var(--text-inverse-muted)}

/* Planes */
.planes__cabecera{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:36px}
.planes__cabecera p{font-size:var(--text-body-size);color:var(--text-muted);max-width:34ch;margin:0}
.planes__cuadricula{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;align-items:start;max-width:760px;margin:0 auto}
.plan{display:flex;flex-direction:column;gap:18px;height:100%}
.plan__cabecera{display:flex;align-items:center;justify-content:space-between}
.plan__nombre{font-size:var(--text-h3-size);letter-spacing:var(--text-h3-ls);margin:0}
.plan__precio{display:flex;align-items:baseline;gap:4px}
.plan__precio-cifra{font-size:var(--text-h1-size);font-weight:var(--weight-bold);
  letter-spacing:var(--text-h1-ls);color:var(--text-strong)}
.plan__precio-periodo{font-size:var(--text-body-size);color:var(--text-muted)}
.plan__descripcion{font-size:var(--text-body-sm-size);color:var(--text-muted);margin:0}
.plan__lista{display:flex;flex-direction:column;gap:10px;padding-top:4px;border-top:1px solid var(--border-subtle)}
.plan__caracteristica{display:flex;gap:10px;align-items:flex-start;padding-top:6px}
.plan__caracteristica span{font-size:var(--text-body-sm-size);color:var(--text-body)}
.plan .boton{margin-top:auto}

/* Preguntas */
.preguntas{max-width:820px}
.pregunta{border-top:1px solid var(--border-subtle)}
.pregunta summary{display:flex;align-items:center;gap:16px;padding:20px 0;cursor:pointer;
  font-family:var(--font-core);list-style:none}
.pregunta summary::-webkit-details-marker{display:none}
.pregunta summary::after{content:'+';margin-left:auto;font-size:22px;color:var(--sky-700);line-height:1}
.pregunta[open] summary::after{content:'−'}
.pregunta summary span{flex:1;font-size:var(--text-h4-size);font-weight:var(--weight-semibold);color:var(--text-strong)}
.pregunta p{padding:0 0 22px;font-size:var(--text-body-size);line-height:1.7;color:var(--text-muted);max-width:62ch;margin:0}

/* Pie */
.pie{background:var(--navy-900);color:var(--text-inverse-muted)}
.pie__cuerpo{padding:56px 24px 28px;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:40px}
.pie__marca{display:flex;flex-direction:column;align-items:flex-start;gap:16px}
.pie__marca img{height:26px;width:auto}
.pie__marca p{font-size:var(--text-body-sm-size);line-height:1.7;max-width:34ch;margin:0}
.pie__suscripcion{display:flex;gap:10px;max-width:320px}
.pie__suscripcion input{flex:1;height:36px;padding:0 12px;border-radius:var(--radius-field);
  border:1px solid var(--border-inverse);background:rgba(255,255,255,.06);color:var(--text-inverse);
  font-family:var(--font-core);font-size:13.5px}
.pie__columna{display:flex;flex-direction:column;gap:10px}
.pie__columna-titulo{font-size:var(--text-caption-size);letter-spacing:var(--text-overline-ls);
  text-transform:uppercase;font-weight:600;color:var(--text-inverse)}
.pie__columna a{font-size:var(--text-body-sm-size);color:var(--text-inverse-muted);text-decoration:none}
.pie__base{padding:18px 24px 40px;border-top:1px solid var(--border-inverse);display:flex;
  align-items:center;gap:16px;flex-wrap:wrap}
.pie__base span{font-size:var(--text-caption-size)}
.pie__base .cifrado{margin-left:auto;display:inline-flex;align-items:center;gap:8px}

@media (max-width:900px){
  .hero .contenedor{grid-template-columns:1fr}
  .pasos{grid-template-columns:1fr}
  .seguridad{grid-template-columns:1fr}
  .seguridad__lista{grid-template-columns:1fr}
  .planes__cuadricula{grid-template-columns:1fr}
  .pie__cuerpo{grid-template-columns:1fr 1fr}
  .encabezado__nav{display:none}
}
@media (max-width:560px){
  .pie__cuerpo{grid-template-columns:1fr}
}