/* ==========================================================
   CASA MIXTECO
   CMX-90C · FIX · GENERATEPRESS MÓVIL COMPACTO

   CONTROLA:
   - Espacio gris entre header y WooCommerce
   - Márgenes superiores de GeneratePress
   - Inicio más rápido del contenido
   ========================================================== */

@media (max-width: 768px) {


    /* ======================================================
       QUITAR MARGEN SUPERIOR DE GENERATEPRESS
       ====================================================== */

    body.woocommerce.separate-containers
    .site-main {

        margin-top: 0 !important;
    }


    /* ======================================================
       CONTENEDOR PRINCIPAL
       ====================================================== */

    body.woocommerce
    #page {

        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    body.woocommerce
    .site-content {

        margin-top: 0 !important;
        padding-top: 0 !important;
    }


    /* ======================================================
       ARTÍCULO / ARCHIVO
       ====================================================== */

    body.woocommerce.separate-containers
    .inside-article {

        margin-top: 0 !important;

        padding-top: 24px !important;
    }


    /* ======================================================
       FONDO
       ====================================================== */

    body.woocommerce {

        background:
            #F5F5F5;
    }

}