/* ==========================================================
   HERO
========================================================== */

.noticia-hero{
    position:relative;
    width:100%;
    min-height:clamp(520px,41.6667vw,800px);
    overflow:hidden;
    color:var(--global-white);
    background-color:var(--global-black);
    background-image:linear-gradient(90deg,rgba(0,0,0,.94) 0%,rgba(0,0,0,.76) 46%,rgba(0,0,0,.22) 78%,rgba(0,0,0,.06) 100%),var(--noticia-hero-image);
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
}

.noticia-hero::after{
    content:"";
    position:absolute;
    inset:0;
    border-bottom:1px solid rgba(255,255,255,.18);
    pointer-events:none;
}

.noticia-hero-row{
    position:relative;
    z-index:1;
    min-height:clamp(520px,41.6667vw,800px);
    padding-top:clamp(5rem,9vw,9rem);
    padding-bottom:clamp(4rem,7vw,7rem);
}

.noticia-hero-copy{
    max-width:1050px;
}

.noticia-hero-copy .global-kicker{
    margin-bottom:1.5rem;
    color:rgba(255,255,255,.72);
}

.noticia-hero-copy h1{
    max-width:1000px;
    margin-bottom:1.5rem;
    font-size:clamp(3rem,5.6vw,5.8rem);
    line-height:.98;
    letter-spacing:-.055em;
}

.noticia-hero-copy > p{
    max-width:780px;
    margin-bottom:2rem;
    color:rgba(255,255,255,.74);
    font-size:clamp(1.05rem,1.7vw,1.3rem);
    line-height:1.65;
}

.noticia-hero-meta{
    display:flex;
    flex-wrap:wrap;
    gap:.85rem 1.75rem;
    color:rgba(255,255,255,.7);
    font-size:.92rem;
}

.noticia-hero-meta span{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
}

.noticia-hero-meta i{
    color:var(--global-white);
}


/* ==========================================================
   APERTURA
========================================================== */

.noticia-apertura{
    border-bottom:1px solid var(--global-gray-200);
}

.noticia-apertura-imagen{
    margin:0 0 clamp(3rem,6vw,6rem);
    overflow:hidden;
    background:var(--global-gray-100);
}

.noticia-apertura-imagen img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:16 / 10;
    object-fit:cover;
}

.noticia-apertura-row{
    align-items:flex-start;
}

.noticia-ficha{
    position:sticky;
    top:120px;
}

.noticia-ficha .global-kicker{
    margin-bottom:1.75rem;
}

.noticia-ficha dl{
    margin:0;
}

.noticia-ficha dl div{
    padding:1rem 0;
    border-bottom:1px solid var(--global-gray-200);
}

.noticia-ficha dl div:first-child{
    border-top:1px solid var(--global-gray-200);
}

.noticia-ficha dt{
    margin-bottom:.35rem;
    color:var(--global-gray-500);
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.noticia-ficha dd{
    margin:0;
    color:var(--global-black);
    font-family:var(--global-font-heading);
    font-size:1.02rem;
    font-weight:600;
}

.noticia-encabezado{
    max-width:850px;
}

.noticia-bajada{
    margin-bottom:2rem;
    color:var(--global-black);
    font-family:var(--global-font-heading);
    font-size:clamp(1.55rem,2.8vw,2.65rem);
    font-weight:600;
    line-height:1.14;
    letter-spacing:-.035em;
}

.noticia-encabezado > p:not(.noticia-bajada){
    margin-bottom:0;
    color:var(--global-gray-700);
    font-size:1.1rem;
    line-height:1.85;
}


/* ==========================================================
   ÍNDICE
========================================================== */

.noticia-contenido{
    border-bottom:1px solid var(--global-gray-200);
}

.noticia-indice{
    position:sticky;
    top:120px;
}

.noticia-indice .global-kicker{
    margin-bottom:1.5rem;
}

.noticia-indice ol{
    margin:0;
    padding:0;
    list-style:none;
    counter-reset:noticia-indice;
}

.noticia-indice li{
    counter-increment:noticia-indice;
    border-bottom:1px solid var(--global-gray-200);
}

.noticia-indice li:first-child{
    border-top:1px solid var(--global-gray-200);
}

.noticia-indice a{
    position:relative;
    display:block;
    padding:1.05rem 0 1.05rem 2.25rem;
    color:var(--global-gray-700);
    font-size:.95rem;
    line-height:1.45;
    transition:color var(--global-transition),padding-left var(--global-transition);
}

.noticia-indice a::before{
    content:counter(noticia-indice,decimal-leading-zero);
    position:absolute;
    top:1.05rem;
    left:0;
    color:var(--global-gray-400);
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.08em;
}

.noticia-indice a:hover,
.noticia-indice a.is-active{
    padding-left:2.6rem;
    color:var(--global-black);
}


/* ==========================================================
   ARTÍCULO
========================================================== */

.noticia-articulo{
    max-width:900px;
}

.noticia-bloque{
    scroll-margin-top:120px;
    margin-bottom:clamp(4rem,7vw,7rem);
}

.noticia-bloque:last-child{
    margin-bottom:0;
}

.noticia-bloque-numero{
    display:block;
    margin-bottom:1rem;
    color:var(--global-gray-400);
    font-size:.78rem;
    font-weight:700;
    letter-spacing:.12em;
}

.noticia-bloque h2{
    max-width:820px;
    margin-bottom:1.75rem;
    font-size:clamp(2.15rem,4vw,4.2rem);
    line-height:1.02;
    letter-spacing:-.05em;
}

.noticia-bloque h3{
    margin:2.75rem 0 1rem;
    font-size:clamp(1.45rem,2.5vw,2.25rem);
    line-height:1.12;
    letter-spacing:-.035em;
}

.noticia-bloque p{
    color:var(--global-gray-700);
    font-size:1.06rem;
    line-height:1.9;
    text-align: justify;
}

.noticia-bloque p:last-child{
    margin-bottom:0;
}

.noticia-bloque blockquote{
    margin:3rem 0;
    padding:2.5rem 0 2.5rem clamp(1.5rem,4vw,4rem);
    border-top:1px solid var(--global-gray-300);
    border-bottom:1px solid var(--global-gray-300);
    border-left:4px solid var(--global-black);
}

.noticia-bloque blockquote p{
    margin-bottom:1rem;
    color:var(--global-black);
    font-family:var(--global-font-heading);
    font-size:clamp(1.7rem,3vw,3rem);
    font-weight:600;
    line-height:1.12;
    letter-spacing:-.04em;
}

.noticia-bloque blockquote cite{
    color:var(--global-gray-500);
    font-size:.8rem;
    font-style:normal;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
}


/* ==========================================================
   IMÁGENES Y GALERÍA
========================================================== */

.noticia-imagen-intermedia{
    margin:0 0 clamp(4rem,7vw,7rem);
}

.noticia-imagen-intermedia img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:3 / 2;
    object-fit:cover;
}

.noticia-imagen-intermedia figcaption{
    margin-top:.9rem;
    color:var(--global-gray-500);
    font-size:.84rem;
    line-height:1.6;
}

.noticia-galeria{
    margin-top:2.5rem;
}

.noticia-galeria figure{
    margin:0;
    overflow:hidden;
    background:var(--global-gray-100);
}

.noticia-galeria img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:1 / 1;
    object-fit:cover;
    filter:grayscale(1);
    transition:filter var(--global-transition),transform var(--global-transition);
}

.noticia-galeria figure:hover img{
    filter:grayscale(0);
    transform:scale(1.025);
}


/* ==========================================================
   DESTACADO EDITORIAL
========================================================== */

.noticia-destacado{
    margin:3rem 0;
    padding:clamp(1.75rem,4vw,3rem);
    color:var(--global-white);
    background:var(--global-black);
}

.noticia-destacado .global-kicker{
    margin-bottom:2rem;
    color:rgba(255,255,255,.58);
}

.noticia-destacado strong{
    display:block;
    margin-bottom:.75rem;
    color:var(--global-white);
    font-family:var(--global-font-heading);
    font-size:1.2rem;
}

.noticia-destacado p{
    margin-bottom:0;
    color:rgba(255,255,255,.62);
    font-size:.96rem;
    line-height:1.7;
}


/* ==========================================================
   ENLACE A PRODUCCIÓN
========================================================== */

.noticia-enlace-produccion{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:2rem;
    margin-top:2.5rem;
    padding:1.6rem 0;
    border-top:1px solid var(--global-gray-300);
    border-bottom:1px solid var(--global-gray-300);
    color:var(--global-black);
}

.noticia-enlace-produccion small{
    display:block;
    margin-bottom:.35rem;
    color:var(--global-gray-500);
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.noticia-enlace-produccion strong{
    display:block;
    font-family:var(--global-font-heading);
    font-size:clamp(1.5rem,2.8vw,2.4rem);
}

.noticia-enlace-produccion i{
    font-size:1.75rem;
    transition:transform var(--global-transition);
}

.noticia-enlace-produccion:hover{
    color:var(--global-black);
}

.noticia-enlace-produccion:hover i{
    transform:translate(5px,-5px);
}


/* ==========================================================
   CRÉDITOS
========================================================== */

.noticia-creditos h2{
    margin-top:1.25rem;
    font-size:clamp(2.4rem,5vw,5rem);
}

.noticia-creditos-lista{
    margin:0;
}

.noticia-creditos-lista div{
    display:grid;
    grid-template-columns:minmax(120px,.8fr) 1.2fr;
    gap:1.5rem;
    padding:1.1rem 0;
    border-bottom:1px solid rgba(255,255,255,.14);
}

.noticia-creditos-lista div:first-child{
    border-top:1px solid rgba(255,255,255,.14);
}

.noticia-creditos-lista dt{
    color:rgba(255,255,255,.48);
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.noticia-creditos-lista dd{
    margin:0;
    color:var(--global-white);
}


/* ==========================================================
   NAVEGACIÓN ENTRE NOTICIAS
========================================================== */

.noticia-navegacion{
    border-bottom:1px solid var(--global-gray-200);
}

.noticia-navegacion-row{
    border-top:1px solid var(--global-gray-200);
    border-bottom:1px solid var(--global-gray-200);
}

.noticia-navegacion-item{
    display:flex;
    min-height:260px;
    padding:clamp(1.75rem,4vw,3rem);
    flex-direction:column;
    justify-content:space-between;
    color:var(--global-black);
    transition:color var(--global-transition),background var(--global-transition);
}

.noticia-navegacion-item--anterior{
    border-right:1px solid var(--global-gray-200);
}

.noticia-navegacion-item small{
    color:var(--global-gray-500);
    font-size:.74rem;
    font-weight:700;
    letter-spacing:.1em;
    text-transform:uppercase;
}

.noticia-navegacion-item strong{
    display:block;
    max-width:520px;
    margin:2.5rem 0;
    font-family:var(--global-font-heading);
    font-size:clamp(1.5rem,2.8vw,2.6rem);
    line-height:1.1;
    letter-spacing:-.035em;
}

.noticia-navegacion-item span{
    color:var(--global-gray-500);
    font-size:.85rem;
}

.noticia-navegacion-item:hover{
    color:var(--global-white);
    background:var(--global-black);
}

.noticia-navegacion-item:hover small,
.noticia-navegacion-item:hover span{
    color:rgba(255,255,255,.58);
}


/* ==========================================================
   PUBLICACIONES RELACIONADAS
========================================================== */

.noticia-relacionada-card{
    height:100%;
}

.noticia-relacionada-card > a{
    display:block;
    height:100%;
    color:var(--global-black);
}

.noticia-relacionada-card figure{
    margin:0;
    overflow:hidden;
    background:var(--global-gray-100);
}

.noticia-relacionada-card img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:800 / 533;
    object-fit:cover;
    filter:grayscale(1);
    transition:filter var(--global-transition),transform var(--global-transition);
}

.noticia-relacionada-card:hover img{
    filter:grayscale(0);
    transform:scale(1.025);
}

.noticia-relacionada-contenido{
    padding:1.5rem 0 0;
}

.noticia-relacionada-contenido .global-kicker{
    margin-bottom:1rem;
}

.noticia-relacionada-contenido h3{
    margin-bottom:1.5rem;
    font-size:clamp(1.35rem,2.1vw,2rem);
    line-height:1.12;
    letter-spacing:-.03em;
}

.noticia-relacionada-meta{
    display:flex;
    justify-content:space-between;
    gap:1rem;
    padding-top:1rem;
    border-top:1px solid var(--global-gray-200);
    color:var(--global-gray-500);
    font-size:.82rem;
}

.noticia-relacionada-meta span{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
}


/* ==========================================================
   CIERRE
========================================================== */

.noticia-cierre-logo{
    display:inline-block;
    width:min(100%,240px);
    height:auto;
    filter:grayscale(1);
}

.noticia-cierre h2{
    max-width:780px;
    margin:1rem 0 1.25rem;
}

.noticia-cierre-texto{
    max-width:650px;
    margin-bottom:0;
    color:rgba(255,255,255,.68);
    font-size:1.05rem;
    line-height:1.75;
}


/* ==========================================================
   RESPONSIVE
========================================================== */

@media (max-width:1199.98px){

    .noticia-hero-copy h1{
        max-width:900px;
    }

}

@media (max-width:991.98px){

    .noticia-ficha,
    .noticia-indice{
        position:static;
    }

    .noticia-ficha{
        margin-bottom:2rem;
    }

    .noticia-ficha dl{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:1rem;
    }

    .noticia-ficha dl div{
        min-width:0;
        padding:1rem;
        border:1px solid var(--global-gray-200);
    }

    .noticia-ficha dl div:first-child{
        border-top:1px solid var(--global-gray-200);
    }

    .noticia-ficha dd{
        overflow-wrap:anywhere;
    }

    .noticia-indice{
        margin-bottom:1rem;
    }

    .noticia-indice ol{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:0 2rem;
    }

    .noticia-cierre-logo{
        width:190px;
        margin-bottom:1rem;
    }

}

@media (max-width:767.98px){

    .noticia-hero{
        min-height:auto;
        background-image:linear-gradient(180deg,rgba(0,0,0,.45) 0%,rgba(0,0,0,.95) 100%),var(--noticia-hero-image);
        background-position:60% center;
    }

    .noticia-hero-row{
        min-height:680px;
        padding-top:4rem;
        padding-bottom:4rem;
    }

    .noticia-hero-copy h1{
        font-size:clamp(2.65rem,12vw,4.2rem);
    }

    .noticia-hero-meta{
        display:grid;
        gap:.75rem;
    }

    .noticia-apertura-imagen{
        margin-bottom:3.5rem;
    }

    .noticia-indice ol{
        grid-template-columns:1fr;
    }

    .noticia-bloque h2{
        font-size:clamp(2rem,10vw,3rem);
    }

    .noticia-bloque blockquote{
        padding:2rem 0 2rem 1.5rem;
    }

    .noticia-creditos-lista div{
        grid-template-columns:1fr;
        gap:.35rem;
    }

    .noticia-navegacion-item{
        min-height:220px;
    }

    .noticia-navegacion-item--anterior{
        border-right:0;
        border-bottom:1px solid var(--global-gray-200);
    }

}

@media (max-width:575.98px){

    .noticia-ficha dl{
        grid-template-columns:1fr;
    }

    .noticia-destacado{
        padding:1.5rem;
    }

    .noticia-enlace-produccion{
        align-items:flex-start;
    }

}

/* ==========================================================
   COLORES DE ENCABEZADOS SEGÚN CONTRASTE
========================================================== */

.noticia-hero h1,
.noticia-hero h2,
.noticia-hero h3,
.noticia-hero h4,
.noticia-hero h5,
.noticia-hero h6,
.noticia-creditos h1,
.noticia-creditos h2,
.noticia-creditos h3,
.noticia-creditos h4,
.noticia-creditos h5,
.noticia-creditos h6,
.noticia-cierre h1,
.noticia-cierre h2,
.noticia-cierre h3,
.noticia-cierre h4,
.noticia-cierre h5,
.noticia-cierre h6{
    color:var(--global-heading-dark-bg);
}

.noticia-navegacion-item:hover h1,
.noticia-navegacion-item:hover h2,
.noticia-navegacion-item:hover h3,
.noticia-navegacion-item:hover h4,
.noticia-navegacion-item:hover h5,
.noticia-navegacion-item:hover h6{
    color:var(--global-heading-dark-bg);
}