/* ==========================================================================
   1. REGISTRO GLOBAL: FORZAR OCULTACIÓN DE LA FRITE BLANCA / MENÚ COMPLETO
   ========================================================================== */

.mi-banner-flotante p{
    color: #fcf5ce;
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.5em !important;
    font-style: italic;
    text-align: center;
}

.ast-builder-layout-element.site-header-focus-item.ast-header-account{
    display: none !important;
}




/*@media screen and (max-width: 1776px) {*/
@media screen and (max-width: 1776px) and (min-width: 922px) {
     /* 1. Forzamos a la fila madre de Astra a ser elástica y no rígida */
    .ast-grid-common-col.ast-builder-grid-row-container,
    .site-primary-header-wrap .ast-builder-grid-row {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 2. Obligamos a la columna central del menú a expandirse al máximo */
    .site-header-primary-section-center.site-header-section.ast-flex {
        flex-grow: 1 !important;
        flex-shrink: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    /* 3. Forzamos al bloque blanco del menú a rellenar todo ese nuevo espacio */
    .ast-builder-menu-1, 
    .ast-builder-menu-1 .main-header-bar-navigation,
    .main-navigation-layout-inline-flex {
        width: 100% !important;
        max-width: 100% !important;
        flex: 1 1 100% !important;
    }
    .ast-builder-menu .main-navigation>ul{
     background-color: transparent !important;
     border-bottom: 0px;
    }
    .ast-header-break-point .main-navigation ul .menu-item .menu-link{
        border-bottom: 0px;
    }
    /* ==========================================================================
       2. ENCENDIDO FORZADO DE LA CABECERA MÓVIL (Por debajo de 1776px)
       ========================================================================== */
    .site-header-focus-item{
        display: none !important;
    }
    .site-primary-header-wrap.ast-builder-grid-row-tablet-layout-default.ast-builder-grid-row-mobile-layout-default.site-header-focus-item{
        display: flex !important;
    }
     div.site-primary-header-wrap.site-header-focus-item {
        display: table-column !important;
    }

    /* 2. Esto rescata el menú desplegable para que sí muestre las páginas */
    .ast-mobile-popup-inner, 
    .ast-mobile-header-wrap .ast-mobile-popup-container,
    #ast-mobile-popup {
        display: block !important;
        visibility: visible !important;
    }
    .ast-mobile-header-content.content-align-flex-start,
    .main-navigation {
        background-color: #205b4f !important;
    }
    .main-header-menu.ast-nav-menu.ast-flex .submenu-with-border.astra-menu-animation-fade .stack-on-mobile{
       background-color: #205b4f !important; 
    }
   .ast-theme-transparent-header .ast-builder-menu .main-header-menu{
             background-color: #205b4f !important;   
    }
   
    /****BODY HARMONY PARA TABLES O CEL******/
    .mi-banner-flotante{
        display: flex !important
    }

    /***boton para logearse de loginCustomer ***/
.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-button-1{
  display: none !important;
}
.ast-builder-layout-element.ast-flex.site-header-focus-item.ast-header-html-1{
  display: none !important;
}

/*modificacion de la ubicacion de la caja 
.mi-caja-flotante-global{
    right: 360px !important;
    display: none !important;
}*/

/* 1. Forzar a ocultar el menú móvil/hamburguesa en pantallas grandes */
@media screen and (min-width: 922px) {
    .ast-mobile-header-wrap,
    .ast-mobile-header-content,
    #ast-mobile-header {
        display: none !important;
    }
    
    /* Nos aseguramos de que el de escritorio sí se muestre */
    .ast-desktop-header-content,
    #ast-desktop-header {
        display: block !important;
    }
}

/* 2. Forzar a ocultar el menú de escritorio en pantallas chicas */
@media screen and (max-width: 921px) {
    .ast-desktop-header-content,
    #ast-desktop-header {
        display: none !important;
    }
    
    /* Activamos el móvil recién acá */
    .ast-mobile-header-wrap,
    #ast-mobile-header {
        display: block !important;
    }
}
  
/* Cuando la pantalla se achique por debajo de 1776px, eliminamos la tercera columna y sus márgenes */

    .site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {
        display: none !important;
        width: 0px !important;
        max-width: 0px !important;
        min-width: 0px !important;
        flex: 0 0 0% !important;
        
        /* Forzamos a cero los márgenes que el inspector calculó en 39.578 */
        margin: 0px !important; 
        margin-left: 0px !important;
        margin-right: 0px !important;
        padding: 0px !important;
    }


}