/* =========================================================
   ORIGEN ACTORS — NOTICIAS
   Página pública inicial sin contenido
   ========================================================= */

body.pagina-talento--noticias {
    transform: none;
    transition: opacity 300ms ease;
}

/* =========================================================
   LISTADO PÚBLICO DE NOTICIAS
   Usa la tarjeta ya existente de ÚLTIMAS NOTICIAS.
   ========================================================= */

.noticias-listado-publico {
    --noticias-listado-gap-x: clamp(20px, 2.2vw, 34px);
    --noticias-listado-gap-y: clamp(44px, 5vw, 72px);
    --noticias-publico-ancho-contenido: 250px;

    width: 100%;

    display: flex;
    flex-direction: column;
    row-gap: var(--noticias-listado-gap-y);
    column-gap: var(--noticias-listado-gap-x);
}

.noticias-listado-publico__fila {
    width: 100%;

    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: var(--noticias-listado-gap-x);
}

.noticias-listado-publico__slot {
    position: relative;
    flex: 0 0 var(--noticia-publica-slot-ancho);
    width: var(--noticia-publica-slot-ancho);
    height: var(--noticia-publica-slot-alto);
    min-width: 0;
    overflow: visible;
}

.noticias-listado-publico__slot
> .noticias-listado-publico__tarjeta.noticias-carrusel__diapositiva {
    position: absolute;
    top: 0;
    left: 0;
    flex: none;
    max-width: none;
    margin: 0;
    transform-origin: top left;
    transform: scale(var(--noticia-publica-escala, 1));
}

.noticias-listado-publico__tarjeta.noticias-carrusel__diapositiva {
    flex: 0 0 auto;
    width: calc(
        var(--noticia-publica-ancho-imagen, 330px) +
        var(--noticias-publico-ancho-contenido)
    );
    max-width: 100%;
    height: 330px;
    min-height: 330px;
    max-height: 330px;

    grid-template-columns:
        var(--noticia-publica-ancho-imagen, 330px)
        var(--noticias-publico-ancho-contenido);
    grid-template-rows: minmax(0, 1fr);
}

.noticias-listado-publico__tarjeta.noticias-carrusel__diapositiva {
    position: relative;
}

.noticias-listado-publico__tarjeta.noticias-carrusel__diapositiva::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 20;
    border: 1px solid rgba(255, 255, 255, 0.15);
    pointer-events: none;
}

.noticias-listado-publico__tarjeta.noticias-carrusel__diapositiva:hover::after {
    border-color: var(--verde);
}

.noticias-listado-publico__tarjeta .noticia__imagen {
    position: relative;
    width: var(--noticia-publica-ancho-imagen, 330px);
    height: 330px;
    min-height: 0;
    max-height: 330px;

    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;

    background: #000000;
}

.noticias-listado-publico__tarjeta .noticia__imagen-ajustada {
    position: relative;
    flex: 0 0 auto;
    overflow: hidden;
}

.noticias-listado-publico__tarjeta .noticia__imagen-ajustada img {
    position: absolute;
    left: 50%;
    top: 50%;

    max-width: none;
    max-height: none;
    margin: 0;
    object-fit: fill;
    object-position: center;
    transform-origin: center;
}

.noticias-listado-publico__tarjeta .noticia__contenido {
    width: var(--noticias-publico-ancho-contenido);
    min-width: 0;
    height: 330px;
    min-height: 0;
    max-height: 330px;
    overflow: hidden;
    padding: 28px 26px;

    background: var(--negro-panel);
}

.noticias-listado-publico__tarjeta .noticia__contenido time,
.noticias-listado-publico__tarjeta .noticia__contenido h3,
.noticias-listado-publico__tarjeta .noticia__subtitulo,
.noticias-listado-publico__tarjeta .noticia__leer {
    flex-shrink: 0;
    text-transform: none;
}

.noticias-listado-publico__tarjeta .noticia__contenido time,
.noticias-listado-publico__tarjeta .noticia__contenido h3,
.noticias-listado-publico__tarjeta .noticia__subtitulo {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: break-word;
    word-break: normal;
}


@media (orientation: landscape) {
    body.pagina-talento--noticias .talento-listado__cabecera {
        margin-bottom: var(--noticias-config-margen-superior, 28px);
    }

    .noticias-listado-publico__fila {
        width: calc(
            100% -
            var(--noticias-config-margen-lateral, 0px) -
            var(--noticias-config-margen-lateral, 0px)
        );
        margin-inline: auto;
    }
}

@media (orientation: portrait) {
    .noticias-listado-publico {
        --noticias-listado-gap-y: 28px;
    }

    .noticias-listado-publico__fila {
        display: block;
    }

    .noticias-listado-publico__tarjeta.noticias-carrusel__diapositiva {
        width: 100%;
        max-width: 100%;
        height: 430px;
        min-height: 430px;
        max-height: 430px;

        grid-template-columns: 1fr;
        grid-template-rows: 230px minmax(0, 1fr);
    }

    .noticias-listado-publico__tarjeta .noticia__imagen {
        width: 100%;
        height: 230px;
        min-height: 0;
        max-height: 230px;
    }

    .noticias-listado-publico__tarjeta .noticia__contenido {
        width: 100%;
        height: 200px;
        max-height: 200px;
        padding: 20px;
    }
}

/* =========================================================
   NOTICIAS — RESPONSIVE PÚBLICO
   Conserva la configuración publicada y solo cambia la
   composición de la tarjeta cuando ya no cabe horizontal.
   ========================================================= */

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.navegacion__enlace {
    white-space: nowrap;
    flex: 0 0 auto;
}

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.talento-listado__cabecera {
    margin-bottom: var(--noticias-config-margen-superior, 28px);
}

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.noticias-listado-publico {
    --noticias-listado-gap-y: clamp(44px, 5vw, 72px);
}

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.noticias-listado-publico__fila {
    width: calc(
        100% -
        var(--noticias-config-margen-lateral, 0px) -
        var(--noticias-config-margen-lateral, 0px)
    );
    margin-inline: auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: var(--noticias-listado-gap-x);
}

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.noticias-listado-publico__tarjeta.noticias-carrusel__diapositiva {
    width: calc(
        var(--noticia-publica-ancho-imagen, 330px) +
        var(--noticias-publico-ancho-contenido)
    );
    max-width: none;
    height: 330px;
    min-height: 330px;
    max-height: 330px;
    grid-template-columns:
        var(--noticia-publica-ancho-imagen, 330px)
        var(--noticias-publico-ancho-contenido);
    grid-template-rows: minmax(0, 1fr);
}

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.noticias-listado-publico__tarjeta .noticia__imagen {
    width: var(--noticia-publica-ancho-imagen, 330px);
    height: 330px;
    min-height: 0;
    max-height: 330px;
}

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.noticias-listado-publico__tarjeta .noticia__contenido {
    width: var(--noticias-publico-ancho-contenido);
    height: 330px;
    min-height: 0;
    max-height: 330px;
    padding: 28px 26px;
}

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.noticias-listado-publico.noticias-listado-publico--vertical {
    --noticias-listado-gap-y: 28px;
}

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.noticias-listado-publico--vertical
.noticias-listado-publico__tarjeta.noticias-carrusel__diapositiva {
    width: var(--noticia-publica-vertical-ancho-base, 100%);
    max-width: none;
    height: 430px;
    min-height: 430px;
    max-height: 430px;
    grid-template-columns: 1fr;
    grid-template-rows: 230px minmax(0, 1fr);
}

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.noticias-listado-publico--vertical
.noticias-listado-publico__tarjeta .noticia__imagen {
    width: 100%;
    height: 230px;
    min-height: 0;
    max-height: 230px;
}

body.pagina-talento--noticias.pagina-noticias-responsive-publico
.noticias-listado-publico--vertical
.noticias-listado-publico__tarjeta .noticia__contenido {
    width: 100%;
    height: 200px;
    min-height: 0;
    max-height: 200px;
    padding: 20px;
}

@media (min-width: 761px) {
    body.pagina-talento--noticias.pagina-noticias-responsive-publico
    .cabecera.cabecera--menu-compacto .menu-movil {
        display: block;
    }

    body.pagina-talento--noticias.pagina-noticias-responsive-publico
    .cabecera.cabecera--menu-compacto .navegacion {
        position: absolute;
        top: var(--altura-cabecera);
        right: 0;
        left: 0;
        display: none;
        margin: 0;
        padding: 18px var(--margen-lateral) 22px;
        flex-direction: column;
        align-items: flex-start;
        gap: 12px;
        background: #050505;
        border-bottom: 1px solid var(--borde);
    }

    body.pagina-talento--noticias.pagina-noticias-responsive-publico
    .cabecera.cabecera--menu-compacto
    .navegacion.navegacion--abierta {
        display: flex;
    }
}

@media (max-width: 760px) {
    body.pagina-talento--noticias.pagina-noticias-responsive-publico {
        --margen-lateral: 28px;
    }
}

@media (max-width: 560px) {
    body.pagina-talento--noticias.pagina-noticias-responsive-publico
    .talento-listado {
        padding-top: calc(var(--altura-cabecera) + 18px);
    }
}