/* EA4AC Modern 0.1.30
 * El boton «Ver categoría» queda sobre la segunda tarjeta, a la altura de
 * la ultima linea de la descripcion. «Últimas publicaciones» no se altera.
 * No depende de JavaScript ni de clases anadidas por scripts.
 */
@media (min-width: 581px) {
    body.home .ea4ac-home-blocks section.section[aria-labelledby^="section-"] > .section-heading {
        position: relative !important;
        display: block !important;
        min-width: 0;
    }

    body.home .ea4ac-home-blocks section.section[aria-labelledby^="section-"] > .section-heading > a.section-heading__link {
        position: absolute !important;
        left: calc((100% - 42px) / 3 + 21px) !important;
        top: auto !important;
        right: auto !important;
        bottom: 0 !important;
        margin: 0 !important;
        transform: none !important;
        align-self: auto !important;
        white-space: nowrap !important;
    }
}

/* En pantallas medianas, las tres tarjetas conservan el mismo numero de
 * columnas pero su separacion se reduce de 21px a 16px. */
@media (min-width: 781px) and (max-width: 1050px) {
    body.home .ea4ac-home-blocks section.section[aria-labelledby^="section-"] > .section-heading > a.section-heading__link {
        left: calc((100% - 32px) / 3 + 16px) !important;
    }
}

/* Entre 581px y 780px la cuadricula tiene dos columnas. */
@media (min-width: 581px) and (max-width: 780px) {
    body.home .ea4ac-home-blocks section.section[aria-labelledby^="section-"] > .section-heading > a.section-heading__link {
        left: calc((100% - 16px) / 2 + 16px) !important;
    }
}

/* En movil, tras la descripcion y sin posicionamiento absoluto. */
@media (max-width: 580px) {
    body.home .ea4ac-home-blocks section.section[aria-labelledby^="section-"] > .section-heading {
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        gap: 10px !important;
    }
    body.home .ea4ac-home-blocks section.section[aria-labelledby^="section-"] > .section-heading > a.section-heading__link {
        position: static !important;
        inset: auto !important;
        transform: none !important;
        margin: 0 !important;
    }
}