/* ==========================================================================
   Últimas novedades (portada) — tarjetas de imagen con degradado
   Clase `novedades-blog` en el bloque Bucle de consulta.
   ========================================================================== */

/* Rejilla ----------------------------------------------------------------- */

.novedades-blog .wp-block-post-template {
    gap: var(--wp--preset--spacing--40);
}

.novedades-blog .wp-block-post {
    position: relative;
    margin: 0;
    border-radius: 0.5rem;
    overflow: hidden;
    transition: transform 200ms ease, box-shadow 200ms ease;
}

.novedades-blog .wp-block-post:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 28px rgba(23, 26, 46, 0.22);
}

/* Portada: proporción fija para igualar todas las tarjetas ----------------- */

.novedades-blog .wp-block-cover {
    position: relative;
    aspect-ratio: 4 / 5;
    min-height: 0;
}

.novedades-blog .wp-block-cover__image-background {
    transition: transform 500ms ease;
}

.novedades-blog .wp-block-post:hover .wp-block-cover__image-background {
    transform: scale(1.06);
}

/* Degradado más suave: deja respirar la foto ------------------------------ */

.novedades-blog .wp-block-cover__inner-container>.wp-block-group {
    background: linear-gradient(0deg,
            rgba(23, 26, 46, 0.94) 0%,
            rgba(23, 26, 46, 0.72) 35%,
            rgba(23, 26, 46, 0) 78%) !important;
}

/* Anulamos el posicionamiento de los contenedores intermedios para que el
   enlace del título pueda estirarse sobre toda la tarjeta                   */

.novedades-blog .wp-block-cover__inner-container,
.novedades-blog .wp-block-cover__inner-container .wp-block-group {
    position: static;
}

.novedades-blog .wp-block-post-title a::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 3;
}

/* Título ------------------------------------------------------------------ */

.novedades-blog .wp-block-post-title {
    position: relative;
    z-index: 4;
    font-family: var(--wp--preset--font-family--display);
    font-size: var(--wp--preset--font-size--large);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.01em;
    text-wrap: balance;
    margin: 0 0 0.35rem;
}

.novedades-blog .wp-block-post-title a {
    color: var(--wp--preset--color--base);
    text-decoration: none;
}

.novedades-blog .wp-block-post:hover .wp-block-post-title a {
    text-decoration: underline;
    text-underline-offset: 0.15em;
}

/* Fecha, como antetítulo invertido ---------------------------------------- */

.novedades-blog .wp-block-post-date {
    position: relative;
    z-index: 4;
    font-family: var(--wp--preset--font-family--body);
    font-size: 0.8125rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: var(--wp--preset--color--accent-5) !important;
    margin: 0;
}

.novedades-blog .wp-block-post-date a,
.novedades-blog .wp-block-post-date time {
    color: inherit;
    text-decoration: none;
}

/* Botón "Todos los posts" -------------------------------------------------- */

.novedades-blog .wp-block-buttons {
    margin-top: var(--wp--preset--spacing--50);
}

/* Móvil ------------------------------------------------------------------- */

@media (max-width: 600px) {
    .novedades-blog .wp-block-cover {
        aspect-ratio: 3 / 2;
    }
}

/* Sin animación para quien la haya desactivado en su sistema --------------- */

@media (prefers-reduced-motion: reduce) {

    .novedades-blog .wp-block-post:hover,
    .novedades-blog .wp-block-post:hover .wp-block-cover__image-background {
        transform: none;
    }
}