/* Estilos comunes a toda la web. Se carga después de los estilos de cada
   página, así que estas reglas prevalecen sobre las de cada una. */

/* --- Etiquetas (.kicker, .eyebrow y títulos del desplegable del menú) ---
   Un único color sobre fondo claro y otro sobre fondo oscuro. */
.kicker{color:#0b76d1}
.eyebrow,
.dropdown-group strong,
:is(.hero,.dark,.focus-box.highlight,.contact-panel,.deep-card.darkish) .kicker{color:#bff5ff}
/* Recuadro de contacto en blanco de la cabecera de «Quiénes somos». */
.hero .contact-panel .kicker{color:#0b76d1}

/* --- Superficies oscuras ---
   El mismo degradado que la cabecera de la portada (sin estrellas ni anillo),
   para que ningún recuadro oscuro sea un negro plano.
   (.wrap.cta, en Sectores y Recursos, es una franja clara: no entra.) */
:root{--surface-dark:radial-gradient(circle at 74% 7%,rgba(102,231,255,.22),transparent 28%),radial-gradient(circle at 8% 12%,rgba(114,242,179,.12),transparent 24%),linear-gradient(138deg,#06101e,#0a1730 48%,#0b2443)}
.section.dark,
.focus-box.highlight,
.cta:not(.wrap),
.contact-panel,
.deep-card.darkish,
.about-card.lead-about{background:var(--surface-dark)}
/* El degradado ya incluye el brillo que antes añadía esta capa. */
.section.dark:before{display:none}
/* Cabecera de la tabla comparativa: un único degradado para toda la fila. */
.comparison thead{background:var(--surface-dark)}
.comparison th{background:transparent}

/* --- Cabecera de sección ---
   El texto que acompaña al titular va debajo de él, no a su derecha. */
.section-head{display:block}
.section-head p{max-width:720px;margin:16px 0 0}

/* --- Tarjetas de pasos ---
   La etiqueta del entregable va justo debajo del título del paso. */
.step .deliverable{margin:0 0 12px}

/* --- Pie de página --- */
.footer{background:var(--surface-dark);color:#aebed0;padding:30px 0;line-height:1.6}
.footer .wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.footer a{color:#dffaff;text-decoration:none}
.footer a:hover,.footer a:focus-visible{text-decoration:underline}
.footer strong{color:#fff}
.legal-links{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
@media print{.footer{display:none}}