/*
 * MDC — Portadas históricas Perros / Gatos
 * Adaptación responsive móvil.
 */

@media (max-width: 767px) {

    /* ==================================================
       PERROS + GATOS
       ================================================== */

    body.page-id-601 .elementor-element-c833586,
    body.page-id-603 .elementor-element-c833586 {
        flex-direction: column !important;
    }


    /* ==================================================
       PERROS — IMAGEN SUPERIOR
       Conservamos Perro completo.
       ================================================== */

    body.page-id-601 .elementor-element-b7564e1 {
        width: 100% !important;
        height: 425px !important;
        min-height: 425px !important;
        flex: none !important;
        overflow: hidden !important;
    }

    body.page-id-601 .elementor-element-836a4b7 {
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    body.page-id-601 .elementor-element-836a4b7 img {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    /* ==================================================
       PERROS — FRASE COMO PIEZA GRÁFICA
       Proporción original: 1738 x 905
       ================================================== */

    body.page-id-601 .elementor-element-a167228 {
        display: block !important;

        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;

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

        aspect-ratio: 1738 / 905 !important;

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

        background: #54565A url('/wp-content/uploads/2026/09/portada-perros-frase-mobile.png')
                    center center / 100% 100%
                    no-repeat !important;

        overflow: hidden !important;
    }


    /* Los elementos originales del bloque gris
       permanecen en Elementor para escritorio,
       pero desaparecen en móvil. */

    body.page-id-601 .elementor-element-32c854b,
    body.page-id-601 .elementor-element-d534f24,
    body.page-id-601 .elementor-element-3d266ec {
        display: none !important;
    }

}

/*
 * MDC — Perros
 * Ajuste final móvil del bloque gris:
 * compacta el espacio vertical y agrupa frase + huella.
 */
@media (max-width: 767px) {

    body.page-id-601 .elementor-element-a167228 {
        min-height: 0 !important;
        height: auto !important;
        margin: 0 !important;
        padding: 58px 28px 28px !important;
        justify-content: flex-start !important;
        align-items: center !important;
        gap: 18px !important;
    }

    body.page-id-601 .elementor-element-32c854b {
        width: 100% !important;
        max-width: 430px !important;
        margin: 0 !important;
        align-self: center !important;
    }

    body.page-id-601 .elementor-element-32c854b .title,
    body.page-id-601 .elementor-element-32c854b .woodmart-title-container {
        margin: 0 !important;
        font-size: 26px !important;
        line-height: 1.22 !important;
        text-align: center !important;
    }

    body.page-id-601 .elementor-element-d534f24 {
        margin: 0 !important;
        align-self: center !important;
    }

    body.page-id-601 .elementor-element-d534f24 img,
    body.page-id-601 .elementor-element-d534f24 svg {
        max-width: 82px !important;
        height: auto !important;
    }

    /* La segunda huella móvil heredada ya no es necesaria */
    body.page-id-601 .elementor-element-3d266ec {
        display: none !important;
    }

}