/* EA4AC_V4_ALIGNED: botones pequenos y alineados, sin estirar enlaces.
   Sustituye el CSS de Acciones V2; conserva la imagen destacada completa. */

/* El texto utiliza el tamano original del enlace antes de convertirse en boton. */
a.ea4ac-blue-action {
    display: inline-flex !important;
    box-sizing: border-box !important;
    align-items: center !important;
    justify-content: center !important;
    vertical-align: middle !important;
    flex: 0 0 auto !important;
    align-self: flex-start !important;
    justify-self: start !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    padding: 5px 9px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 6px !important;
    background-color: #60c7f4 !important;
    color: #071b2f !important;
    font-family: inherit !important;
    font-size: var(--ea4ac-v3-original-font-size, 13px) !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
    text-transform: none !important;
    text-align: center !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    box-shadow: none !important;
    transform: none;
}
a.ea4ac-blue-action::before,
a.ea4ac-blue-action::after {
    content: none !important;
    display: none !important;
}
a.ea4ac-blue-action svg,
a.ea4ac-blue-action .icon {
    display: none !important;
}
a.ea4ac-blue-action:hover,
a.ea4ac-blue-action:focus-visible {
    background-color: #85d9fc !important;
    color: #051827 !important;
    text-decoration: none !important;
}
a.ea4ac-blue-action:focus-visible {
    outline: 2px solid #071b2f !important;
    outline-offset: 2px;
}

/* Explorar tutoriales: reducir el tamano del boton de Gutenberg.
   Estas reglas anulan el padding inline anterior de 15 x 18 px. */
body.home .ea4ac-home-blocks .hero__intro
.wp-block-buttons .ea4ac-home-tutorials .wp-block-button__link {
    display: inline-flex !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 5px 9px !important;
    border-radius: 6px !important;
    background-color: #60c7f4 !important;
    color: #071b2f !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: normal !important;
    box-shadow: none !important;
    white-space: nowrap !important;
    text-decoration: none !important;
}
body.home .ea4ac-home-blocks .hero__intro
.wp-block-buttons .ea4ac-home-tutorials .wp-block-button__link:hover {
    background-color: #85d9fc !important;
    color: #051827 !important;
}

/* Cabeceras de secciones: titulo a la izquierda, boton compacto
   encima de la segunda imagen, alineado a su borde izquierdo. */
body.home .ea4ac-home-blocks .section-heading.ea4ac-actions-heading-v3 {
    position: relative !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
    gap: 8px 14px !important;
    min-width: 0;
}
body.home .ea4ac-home-blocks .section-heading.ea4ac-actions-heading-v3 > div {
    min-width: 0;
    flex: 0 1 auto;
    max-width: 100%;
}
@media (min-width: 901px) {
    body.home .ea4ac-home-blocks
    .section-heading.ea4ac-actions-heading-v3.ea4ac-actions-positioned-v3 > div {
        width: min(100%, var(--ea4ac-heading-max-v4, 100%));
        max-width: min(100%, var(--ea4ac-heading-max-v4, 100%));
    }
    body.home .ea4ac-home-blocks
    .section-heading.ea4ac-actions-heading-v3.ea4ac-actions-positioned-v3 > div > p {
        max-width: 100%;
        overflow-wrap: anywhere;
    }
}
body.home .ea4ac-home-blocks .section-heading.ea4ac-actions-heading-v3 > a.ea4ac-blue-action {
    position: static !important;
    align-self: flex-start !important;
    inset: auto !important;
    margin: 0 !important;
}
@media (min-width: 901px) {
    body.home .ea4ac-home-blocks
    .section-heading.ea4ac-actions-heading-v3.ea4ac-actions-positioned-v3 > a.ea4ac-blue-action {
        position: absolute !important;
        left: var(--ea4ac-actions-x-v3, 35%) !important;
        top: var(--ea4ac-actions-y-v4, 0px) !important;
        right: auto !important;
        bottom: auto !important;
        margin: 0 !important;
    }
}

/* No cambiar la anchura, numero de columnas ni posicion de posts-grid. */

/* La imagen destacada se muestra completa; sin forzar recortes. */
body.home .ea4ac-home-blocks .hero__featured,
body.home .ea4ac-home-blocks .hero__featured > a {
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    aspect-ratio: auto !important;
}
body.home .ea4ac-home-blocks .hero__featured > a,
body.home .ea4ac-home-blocks .hero__featured > a > picture,
body.home .ea4ac-home-blocks .hero__featured > a > figure {
    display: block !important;
    width: 100% !important;
    max-height: none !important;
    height: auto !important;
    aspect-ratio: auto !important;
}
body.home .ea4ac-home-blocks .hero__featured > a img,
body.home .ea4ac-home-blocks .hero__featured > a picture img,
body.home .ea4ac-home-blocks .hero__featured > a figure img {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    aspect-ratio: auto !important;
}

/* Asegurar que "Leer artículo" nunca se convierta en barra completa.
   No se modifican las medidas ni el numero de columnas de las tarjetas. */
body.home .ea4ac-home-blocks .posts-grid a.ea4ac-blue-action,
body.home .ea4ac-home-blocks .hero__featured a.ea4ac-blue-action,
.site-shell .posts-grid a.ea4ac-blue-action {
    display: inline-flex !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    align-self: flex-start !important;
    justify-self: start !important;
    width: max-content !important;
    max-width: 100% !important;
    min-height: 0 !important;
    padding: 5px 9px !important;
    text-align: left !important;
}