/* ============================================================
   GLOPI — BANNER 10% HOME
   BLINDADO WORDPRESS / GUTENBERG
   Imagen exacta: wp-image-6876
   ============================================================ */


/* ============================================================
   1. CONTENEDOR PRINCIPAL
   ============================================================ */

body.home .wp-block-hero-content:has(img.wp-image-6876) {
    position: relative !important;

    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 20px !important;
    padding-right: 20px !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* ============================================================
   2. GRUPOS INTERNOS
   Evita límites de ancho del tema / Gutenberg
   ============================================================ */

body.home .wp-block-hero-content:has(img.wp-image-6876) > .wp-block-group,
body.home .wp-block-hero-content:has(img.wp-image-6876) .wp-block-group-is-layout-constrained {
    width: 100% !important;
    max-width: none !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}


/* ============================================================
   3. GALERÍA
   Neutraliza FLEX / GRID / GAP de WordPress
   ============================================================ */

body.home .wp-block-gallery:has(img.wp-image-6876) {
    display: block !important;

    width: min(100%, 1400px) !important;
    max-width: 1400px !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding: 0 !important;

    gap: 0 !important;
    column-gap: 0 !important;
    row-gap: 0 !important;

    flex: none !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;
    flex-wrap: nowrap !important;

    grid-template-columns: none !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    transform: none !important;
}


/* ============================================================
   4. ENLACE QUE WORDPRESS PUEDE INSERTAR
   ESTE ERA EL PUNTO DÉBIL DEL CÓDIGO ANTERIOR
   ============================================================ */

body.home .wp-block-gallery:has(img.wp-image-6876) > a,
body.home .wp-block-gallery:has(img.wp-image-6876) a:has(img.wp-image-6876) {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: 0 0 100% !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: 100% !important;

    box-sizing: border-box !important;

    text-decoration: none !important;

    overflow: visible !important;

    transform: none !important;
}


/* ============================================================
   5. FIGURE
   Funciona tanto si hay enlace como si WordPress lo elimina
   ============================================================ */

body.home .wp-block-gallery:has(img.wp-image-6876) figure.wp-block-image:has(img.wp-image-6876),
body.home figure.wp-block-image:has(img.wp-image-6876) {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    flex: none !important;
    flex-grow: 0 !important;
    flex-shrink: 0 !important;
    flex-basis: auto !important;

    aspect-ratio: auto !important;

    box-sizing: border-box !important;

    overflow: visible !important;

    transform: none !important;
}


/* ============================================================
   6. IMAGEN
   Nunca puede hacerse miniatura ni deformarse
   ============================================================ */

body.home img.wp-image-6876 {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;

    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    aspect-ratio: auto !important;

    object-fit: contain !important;
    object-position: center center !important;

    box-sizing: border-box !important;

    vertical-align: middle !important;

    transform: none !important;
}


/* ============================================================
   TABLET
   ============================================================ */

@media (min-width: 768px) and (max-width: 1024px) {

    body.home .wp-block-hero-content:has(img.wp-image-6876) {
        width: 100% !important;
        max-width: none !important;

        padding-left: 15px !important;
        padding-right: 15px !important;
    }

    body.home .wp-block-gallery:has(img.wp-image-6876) {
        width: 100% !important;
        max-width: 1400px !important;
    }

}


/* ============================================================
   MÓVIL
   FULL WIDTH REAL
   ============================================================ */

@media (max-width: 767px) {

    /* --------------------------------------------------------
       Rompe ÚNICAMENTE el ancho del contenedor de este banner
       -------------------------------------------------------- */

    body.home .wp-block-hero-content:has(img.wp-image-6876) {
        position: relative !important;

        width: 100vw !important;
        max-width: 100vw !important;
        min-width: 100vw !important;

        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;

        padding-left: 0 !important;
        padding-right: 0 !important;

        box-sizing: border-box !important;

        overflow: visible !important;

        transform: none !important;
    }


    /* --------------------------------------------------------
       Grupos internos
       -------------------------------------------------------- */

    body.home .wp-block-hero-content:has(img.wp-image-6876) > .wp-block-group,
    body.home .wp-block-hero-content:has(img.wp-image-6876) .wp-block-group-is-layout-constrained {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        overflow: visible !important;
    }


    /* --------------------------------------------------------
       Galería
       -------------------------------------------------------- */

    body.home .wp-block-gallery:has(img.wp-image-6876) {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        gap: 0 !important;

        flex: none !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        flex-basis: auto !important;

        box-sizing: border-box !important;

        overflow: visible !important;

        transform: none !important;
        left: auto !important;
        right: auto !important;
    }


    /* --------------------------------------------------------
       ENLACE
       Impide que Gutenberg vuelva a convertirlo
       en una columna flex estrecha
       -------------------------------------------------------- */

    body.home .wp-block-gallery:has(img.wp-image-6876) > a,
    body.home .wp-block-gallery:has(img.wp-image-6876) a:has(img.wp-image-6876) {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: 0 0 100% !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        flex-basis: 100% !important;

        box-sizing: border-box !important;

        overflow: visible !important;

        transform: none !important;
    }


    /* --------------------------------------------------------
       Figure
       -------------------------------------------------------- */

    body.home .wp-block-gallery:has(img.wp-image-6876) figure.wp-block-image:has(img.wp-image-6876),
    body.home figure.wp-block-image:has(img.wp-image-6876) {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;

        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        flex: none !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        flex-basis: auto !important;

        aspect-ratio: auto !important;

        box-sizing: border-box !important;

        overflow: visible !important;

        transform: none !important;
    }


    /* --------------------------------------------------------
       Imagen
       -------------------------------------------------------- */

    body.home img.wp-image-6876 {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;

        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;

        margin: 0 !important;
        padding: 0 !important;

        aspect-ratio: auto !important;

        object-fit: contain !important;
        object-position: center center !important;

        box-sizing: border-box !important;

        transform: none !important;
    }

}