/* =============================================================================
   Single Hero — residual (solo lo que Tailwind no puede manejar)
   ============================================================================= */

/* ── Hero header — altura mínima ────────────────────────────────────────── */
.hero-header {
    min-height: 420px;
}

@media (min-width: 1024px) {
    .hero-header { min-height: 540px; }
}

/* ── Rating bar — animación de entrada ───────────────────────────────────── */
@keyframes invictus-bar-grow {
    from { width: 0; }
    to   { width: var(--bar-width, 0%); }
}

.rating-bar {
    animation: invictus-bar-grow 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}

/* ── Zona 7: Contenido editorial ─────────────────────────────────────────── */
.prose-hero {
    color: #c8cce8;
    font-size: 0.9rem;
    line-height: 1.75;
    max-width: 72ch;
}

.prose-hero h2,
.prose-hero h3 {
    font-family: 'Rajdhani', sans-serif;
    font-weight: 700;
    color: #f0f4ff;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-top: 1.75rem;
    margin-bottom: 0.75rem;
}

.prose-hero p      { margin-bottom: 1rem; }
.prose-hero strong { color: #f0f4ff; }

.prose-hero a {
    color: #3b82f6;
    text-decoration: underline;
    text-underline-offset: 3px;
}

.prose-hero a:hover { color: #f0f4ff; }

.prose-hero ul,
.prose-hero ol {
    padding-left: 1.5rem;
    margin-bottom: 1rem;
}

.prose-hero li { margin-bottom: 0.25rem; }