/* ==========================================================================
   HERO SINGLE POST - REFINAMIENTO DE ESTRUCTURA VISUAL NBC NEWS
   ========================================================================== */

/* 1. Hero oscuro con espacio inferior calibrado */
.pgp-single-hero-dark { 
    background: var(--pgp-dark-bg); 
    color: #ffffff; 
    padding: 4rem 0 7rem 0; /* Espacio exacto para que la foto solo entre un 20% */
    position: relative; 
    z-index: 1; 
}

/* 2. Contenedor Maestro de 960px con padding 0 para alineación exacta */
.pgp-single-hero-inner { 
    max-width: 960px; 
    margin: 0 auto; 
    padding: 0; /* Garantiza alineación al borde izquierdo */
    text-align: left;
}

.pgp-hero-category { 
    font-family: var(--font-mono); 
    font-size: 0.75rem; 
    font-weight: 800; 
    text-transform: uppercase; 
    letter-spacing: 1px; 
    color: var(--brand-red); 
    display: block; 
    margin-bottom: 0.75rem; 
}

.pgp-hero-headline { 
    font-family: var(--font-display);
    font-size: 3.25rem; 
    line-height: 1.05; 
    font-weight: 700; 
    color: #ffffff; 
    margin: 0 0 1.25rem 0; 
}

.pgp-hero-subtitle { 
    font-family: var(--font-serif-excerpt); 
    font-size: 1.2rem; 
    line-height: 1.5; 
    color: #cbd5e1; 
    margin-bottom: 2rem; 
    max-width: 900px; /* Ligero margen visual para no ahogar la lectura */
}

/* 3. Posicionamiento de la Foto: solo entra el 20% en el bloque oscuro */
.pgp-feat-hero-media-wrapper { 
    position: relative; 
    z-index: 30; 
    top: -4.5rem; /* Elevación suave para que solo el 20% superior quede en el azul */
    margin-bottom: -3.5rem; 
    width: 100%; 
    max-width: 960px; 
    margin-left: auto; 
    margin-right: auto; 
}

.pgp-feat-hero-media { 
    width: 100%; 
    overflow: hidden; 
    box-shadow: 0 12px 32px rgba(0,0,0,0.25); 
    border-radius: 0px; /* NBC News no usa border-radius en la foto principal */
    background: var(--pgp-dark-bg); 
}
.pgp-feat-hero-media img { 
    width: 100%; 
    height: auto; 
    display: block; 
}