/* ═══════════════════════════════════════════════════════════════════
   TÉCNICO v4 (1-oct-2026) — auditoría SEO técnico / accesibilidad
   Solo correcciones técnicas, sin cambiar la composición:
   1) Tarjeta verde "Tu primera visita": el verde claro de arriba dejaba
      el texto blanco en ~3.8:1 → degradado un tono más profundo (≥4.5:1).
   2) Banner final (cielo claro): el párrafo pasa de blanco 88% a blanco
      100% con una sombra suave para separarlo del cielo.
   3) Celular: la celda "Mi trayectoria" sobre el azul usa un fondo tinta
      translúcido para que el texto blanco tenga contraste.
   4) Marca de la barra sobre el cielo: sombra de texto suave.
   ═══════════════════════════════════════════════════════════════════ */

.lh-pr__hero{background:radial-gradient(90% 70% at 100% 0%,rgba(255,255,255,.14),transparent 60%),linear-gradient(145deg,#14803f,#0b6230)}
.lh-pr__big span{opacity:1}

.lh-cb__txt > p{color:#fff;text-shadow:0 1px 14px rgba(12,26,43,.45),0 0 2px rgba(12,26,43,.35)}

@media (max-width:1079px){
  .lh-cell--dark{background:rgba(12,26,43,.34)}
  .lh-cell--dark small,.lh-cell--dark .lh-cell__go{color:rgba(255,255,255,.88)}
}

.topbar:not(.is-stuck):not(.is-tabs) .brand__txt{text-shadow:0 1px 10px rgba(12,26,43,.38),0 0 2px rgba(12,26,43,.3)}

/* 5) Línea de tiempo (web): subtítulos al 85% en lugar de 70% (≥4.5:1) */
.lh-ex .lh-tl small{color:rgba(255,255,255,.86)}

/* 6) Barra superior transparente sobre el cielo: velo tinta muy suave detrás
      del menú para que el texto blanco tenga contraste (se va al bajar). */
.topbar:not(.is-stuck):not(.is-tabs)::before{content:"";position:absolute;inset:0 0 -18px;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(12,26,43,.36),rgba(12,26,43,.18) 60%,rgba(12,26,43,0))}