/*
|--------------------------------------------------------------------------
| CEDIM SUR — R4.8G.3
| Normalización compartida de Noticias y Promociones
|--------------------------------------------------------------------------
*/

.pagina-contenido-editorial {
    font-family:
        var(--identidad-fuente-principal, Arial),
        Helvetica,
        sans-serif;
}

.pagina-contenido-editorial img {
    max-width: 100%;
}

/*
|--------------------------------------------------------------------------
| Noticias — listado
|--------------------------------------------------------------------------
*/

.pagina-contenido-editorial .noticias-grid {
    align-items: stretch;
}

.pagina-contenido-editorial .noticia-card {
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    border-color: var(--linea, rgba(var(--identidad-principal-rgb), 0.14));
    box-shadow: 0 14px 34px rgba(var(--identidad-principal-oscuro-rgb), 0.08);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.pagina-contenido-editorial .noticia-card:hover,
.pagina-contenido-editorial .noticia-card:focus-within {
    transform: translateY(-4px);
    border-color: rgba(var(--identidad-principal-rgb), 0.28);
    box-shadow: 0 20px 44px rgba(var(--identidad-principal-oscuro-rgb), 0.12);
}

.pagina-contenido-editorial .noticia-imagen-enlace {
    min-height: 210px;
    aspect-ratio: 16 / 10;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.pagina-contenido-editorial .noticia-imagen-enlace .noticia-imagen,
.pagina-contenido-editorial .noticia-sin-imagen {
    width: 100%;
    height: 100%;
    min-height: 210px;
}

.pagina-contenido-editorial .noticia-contenido {
    min-width: 0;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.pagina-contenido-editorial .noticia-card h2,
.pagina-contenido-editorial .noticia-card h2 a,
.pagina-contenido-editorial .noticia-card .noticia-resumen {
    overflow-wrap: anywhere;
}

.pagina-contenido-editorial .listado-noticias .noticia-resumen {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.pagina-contenido-editorial .noticia-card .leer-mas {
    width: fit-content;
    margin-top: auto;
    padding-top: 4px;
}

.pagina-contenido-editorial .noticia-card .enlace-tarjeta-principal:focus-visible {
    outline: 3px solid var(--principal, var(--identidad-principal));
    outline-offset: 4px;
    border-radius: 4px;
}

/*
|--------------------------------------------------------------------------
| Noticias — ficha
|--------------------------------------------------------------------------
*/

.pagina-contenido-editorial .pagina-noticia article {
    min-width: 0;
}

.pagina-contenido-editorial .pagina-noticia .noticia-cabecera h1,
.pagina-contenido-editorial .pagina-noticia .noticia-resumen,
.pagina-contenido-editorial .pagina-noticia .noticia-contenido {
    overflow-wrap: anywhere;
}

.pagina-contenido-editorial .pagina-noticia .noticia-contenido {
    max-width: 78ch;
}

.pagina-contenido-editorial .pagina-noticia .noticia-imagen {
    height: auto;
    aspect-ratio: 16 / 9;
}

/*
|--------------------------------------------------------------------------
| Promociones — listado
|--------------------------------------------------------------------------
*/

.pagina-promociones-publica .promociones-grid {
    align-items: stretch;
}

.pagina-promociones-publica .promocion-card {
    min-width: 0;
    height: 100%;
    border-color: var(--linea, rgba(var(--identidad-principal-rgb), 0.14));
    box-shadow: 0 14px 34px rgba(var(--identidad-principal-oscuro-rgb), 0.08);
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        border-color 0.22s ease;
}

.pagina-promociones-publica .promocion-card:hover,
.pagina-promociones-publica .promocion-card:focus-within {
    transform: translateY(-4px);
    border-color: rgba(var(--identidad-principal-rgb), 0.28);
    box-shadow: 0 20px 44px rgba(var(--identidad-principal-oscuro-rgb), 0.12);
}

.pagina-promociones-publica .promocion-card-imagen {
    min-height: 220px;
    aspect-ratio: 16 / 10;
    display: grid;
    place-items: center;
    overflow: hidden;
}

.pagina-promociones-publica .promocion-card-imagen picture,
.pagina-promociones-publica .promocion-card-imagen img,
.pagina-promociones-publica .promocion-card-imagen .promocion-imagen-vacia {
    width: 100%;
    height: 100%;
}

.pagina-promociones-publica .promocion-card-contenido {
    min-width: 0;
}

.pagina-promociones-publica .promocion-card h3,
.pagina-promociones-publica .promocion-card h3 a,
.pagina-promociones-publica .promocion-card p,
.pagina-promociones-publica .promocion-card-precio {
    overflow-wrap: anywhere;
}

.pagina-promociones-publica .promocion-card .enlace-tarjeta-principal:focus-visible,
.pagina-promociones-publica .promocion-card .enlace-tarjeta-secundario:focus-visible {
    outline: 3px solid var(--principal, var(--identidad-principal));
    outline-offset: 4px;
}

.pagina-promociones-publica .promocion-card-detalle {
    pointer-events: none;
}

/*
|--------------------------------------------------------------------------
| Promociones — destacada y ficha
|--------------------------------------------------------------------------
*/

.pagina-promociones-publica .promocion-destacada,
.pagina-promociones-publica .ficha-promocion-grid {
    min-width: 0;
}

.pagina-promociones-publica .promocion-destacada-contenido,
.pagina-promociones-publica .ficha-promocion-contenido {
    min-width: 0;
}

.pagina-promociones-publica .promocion-destacada h2,
.pagina-promociones-publica .promocion-resumen,
.pagina-promociones-publica .ficha-promocion-contenido h1,
.pagina-promociones-publica .ficha-promocion-resumen,
.pagina-promociones-publica .ficha-promocion-precio {
    overflow-wrap: anywhere;
}

.pagina-promociones-publica .promocion-destacada-imagen-enlace:focus-visible,
.pagina-promociones-publica .promocion-detalle-enlace:focus-visible,
.pagina-promociones-publica .ficha-promocion-volver:focus-visible,
.pagina-promociones-publica .boton-promocion:focus-visible {
    outline: 3px solid currentColor;
    outline-offset: 4px;
}

.pagina-promociones-publica .promociones-vacio {
    overflow-wrap: anywhere;
}

/*
|--------------------------------------------------------------------------
| Responsive y accesibilidad
|--------------------------------------------------------------------------
*/

@media (max-width: 700px) {
    .pagina-contenido-editorial .noticia-imagen-enlace,
    .pagina-contenido-editorial .noticia-imagen-enlace .noticia-imagen,
    .pagina-contenido-editorial .noticia-sin-imagen,
    .pagina-promociones-publica .promocion-card-imagen {
        min-height: 190px;
    }

    .pagina-promociones-publica .promocion-card-acciones {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .pagina-contenido-editorial .noticia-card,
    .pagina-promociones-publica .promocion-card {
        transition: none;
    }

    .pagina-contenido-editorial .noticia-card:hover,
    .pagina-contenido-editorial .noticia-card:focus-within,
    .pagina-promociones-publica .promocion-card:hover,
    .pagina-promociones-publica .promocion-card:focus-within {
        transform: none;
    }

    .pagina-contenido-editorial .noticia-card:hover .noticia-imagen,
    .pagina-promociones-publica .promocion-card:hover .promocion-card-imagen img {
        transform: none;
    }
}

/*
|--------------------------------------------------------------------------
| Variables editoriales dependientes de Identidad
|--------------------------------------------------------------------------
*/

.pagina-promociones-publica {
    --acento: var(--identidad-secundario);
    --acento-claro: rgba(var(--identidad-secundario-rgb), 0.18);
    --fondo: var(--identidad-fondo);
}

.pagina-promociones-publica .promocion-precio,
.pagina-promociones-publica .promocion-card-precio {
    color: var(--principal, var(--identidad-principal));
    border-color: rgba(var(--identidad-principal-rgb), 0.18);
    background: rgba(var(--identidad-secundario-rgb), 0.16);
}

.pagina-promociones-publica .promocion-distintivo,
.pagina-promociones-publica .promocion-card-destacada,
.pagina-promociones-publica .ficha-promocion-distintivo {
    color: var(--principal-oscuro, var(--identidad-principal-oscuro));
    background: rgba(var(--identidad-secundario-rgb), 0.82);
}

.pagina-promociones-publica .ficha-promocion-precio {
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.28);
    background: rgba(var(--identidad-secundario-rgb), 0.18);
}

.pagina-promociones-publica .ficha-promocion-contenido .etiqueta,
.pagina-promociones-publica .promociones-hero .etiqueta {
    color: #ffffff;
}

.pagina-contenido-editorial .noticia-sin-imagen,
.pagina-promociones-publica .promocion-card-imagen,
.pagina-promociones-publica .promocion-imagen-vacia {
    background:
        linear-gradient(
            135deg,
            rgba(var(--identidad-secundario-rgb), 0.58),
            rgba(var(--identidad-principal-rgb), 0.10)
        );
}

/*
|--------------------------------------------------------------------------
| R4.8J.3 — contenido editorial responsive y contenido enriquecido
|--------------------------------------------------------------------------
*/

.pagina-contenido-editorial main,
.pagina-contenido-editorial article,
.pagina-contenido-editorial .noticia-contenido,
.pagina-promociones-publica main,
.pagina-promociones-publica .ficha-promocion-contenido {
    min-width: 0;
    max-width: 100%;
}

.pagina-contenido-editorial h1,
.pagina-contenido-editorial h2,
.pagina-contenido-editorial h3,
.pagina-contenido-editorial a,
.pagina-contenido-editorial p,
.pagina-promociones-publica h1,
.pagina-promociones-publica h2,
.pagina-promociones-publica h3,
.pagina-promociones-publica a,
.pagina-promociones-publica p {
    overflow-wrap: anywhere;
}

.pagina-contenido-editorial .noticia-contenido img,
.pagina-contenido-editorial .noticia-contenido video,
.pagina-promociones-publica .ficha-promocion-resumen img,
.pagina-promociones-publica .ficha-promocion-resumen video {
    max-width: 100%;
    height: auto;
}

.pagina-contenido-editorial .noticia-contenido iframe,
.pagina-promociones-publica .ficha-promocion-resumen iframe {
    max-width: 100%;
}

.pagina-contenido-editorial .noticia-contenido table,
.pagina-promociones-publica .ficha-promocion-resumen table {
    display: block;
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.pagina-contenido-editorial .noticia-contenido pre,
.pagina-promociones-publica .ficha-promocion-resumen pre {
    max-width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.pagina-promociones-publica .boton-promocion {
    max-width: 100%;
    white-space: normal;
    text-align: center;
}