.elementor-771 .elementor-element.elementor-element-19cff1a{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--overflow:hidden;--overlay-opacity:0;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0);}.elementor-771 .elementor-element.elementor-element-19cff1a:not(.elementor-motion-effects-element-type-background), .elementor-771 .elementor-element.elementor-element-19cff1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0AA35F00;}.elementor-771 .elementor-element.elementor-element-19cff1a::before, .elementor-771 .elementor-element.elementor-element-19cff1a > .elementor-background-video-container::before, .elementor-771 .elementor-element.elementor-element-19cff1a > .e-con-inner > .elementor-background-video-container::before, .elementor-771 .elementor-element.elementor-element-19cff1a > .elementor-background-slideshow::before, .elementor-771 .elementor-element.elementor-element-19cff1a > .e-con-inner > .elementor-background-slideshow::before, .elementor-771 .elementor-element.elementor-element-19cff1a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #02010100 0%, #F2295B00 100%);}.elementor-771 .elementor-element.elementor-element-e81f49c > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-771 .elementor-element.elementor-element-e81f49c.elementor-element{--align-self:flex-start;--flex-grow:0;--flex-shrink:0;}.elementor-771 .elementor-element.elementor-element-e81f49c{text-align:center;}.elementor-771 .elementor-element.elementor-element-89eeede .e-search-input{background-color:#FFFFFF;border-style:none;border-radius:47px 47px 47px 47px;}.elementor-771 .elementor-element.elementor-element-89eeede{--e-search-placeholder-color:#060606;--e-search-icon-label-color:#000000;--e-search-submit-margin-inline-start:0px;--e-search-icon-clear-size:0px;--e-search-icon-clear-color:#000000;}.elementor-771 .elementor-element.elementor-element-8f31060 > .elementor-widget-container{margin:1px 0px 0px 0px;}.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:41px;padding-right:41px;padding-top:10px;padding-bottom:10px;}.elementor-771 .elementor-element.elementor-element-8f31060{--e-nav-menu-horizontal-menu-item-margin:calc( 3px / 2 );}.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--main:not(.elementor-nav-menu--layout-horizontal) .elementor-nav-menu > li:not(:last-child){margin-bottom:3px;}.elementor-771 .elementor-element.elementor-element-9c0244a{--grid-template-columns:repeat(0, auto);--icon-size:11px;--grid-column-gap:5px;--grid-row-gap:0px;}.elementor-771 .elementor-element.elementor-element-9c0244a .elementor-widget-container{text-align:center;}.elementor-771 .elementor-element.elementor-element-9c0244a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-771 .elementor-element.elementor-element-9c0244a.elementor-element{--order:99999 /* order end hack */;--flex-grow:1;--flex-shrink:0;}#elementor-popup-modal-771 .dialog-widget-content{animation-duration:0.3s;background-color:#02010100;border-style:none;box-shadow:2px 8px 23px 3px rgba(0, 0, 0, 0);}#elementor-popup-modal-771{background-color:#00000000;justify-content:flex-start;align-items:center;pointer-events:all;}#elementor-popup-modal-771 .dialog-message{width:1000px;height:100vh;align-items:flex-start;}#elementor-popup-modal-771 .dialog-close-button{display:flex;background-color:#02010100;}#elementor-popup-modal-771 .dialog-close-button i{color:#02010100;}#elementor-popup-modal-771 .dialog-close-button svg{fill:#02010100;}@media(max-width:1024px){.elementor-771 .elementor-element.elementor-element-e81f49c{width:var( --container-widget-width, 756px );max-width:756px;--container-widget-width:756px;--container-widget-flex-grow:0;}.elementor-771 .elementor-element.elementor-element-e81f49c > .elementor-widget-container{padding:0px 29px 0px 0px;}}@media(max-width:767px){.elementor-771 .elementor-element.elementor-element-e81f49c{width:var( --container-widget-width, 235px );max-width:235px;--container-widget-width:235px;--container-widget-flex-grow:0;text-align:center;}.elementor-771 .elementor-element.elementor-element-e81f49c > .elementor-widget-container{margin:-16px 6px 0px -9px;padding:0px 14px 0px 0px;}.elementor-771 .elementor-element.elementor-element-e81f49c.elementor-element{--align-self:center;}.elementor-771 .elementor-element.elementor-element-e81f49c img{width:68%;max-width:70%;}.elementor-771 .elementor-element.elementor-element-89eeede > .elementor-widget-container{margin:-3px 0px 0px 0px;}.elementor-771 .elementor-element.elementor-element-8f31060 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-771 .elementor-element.elementor-element-9c0244a .elementor-widget-container{text-align:center;}.elementor-771 .elementor-element.elementor-element-9c0244a > .elementor-widget-container{margin:2px 0px 0px 0px;padding:21px 0px 0px 0px;}.elementor-771 .elementor-element.elementor-element-9c0244a.elementor-element{--align-self:stretch;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-771 .elementor-element.elementor-element-9c0244a{--icon-size:6px;--grid-column-gap:0px;}.elementor-771 .elementor-element.elementor-element-9c0244a .elementor-social-icon{--icon-padding:0.4em;}#elementor-popup-modal-771 .dialog-message{width:1000px;}}/* Start custom CSS for nav-menu, class: .elementor-element-8f31060 */s/* 1. ELIMINAR EL TAP-HIGHLIGHT (EL GRIS DEL NAVEGADOR) */
.elementor-771 .elementor-element.elementor-element-8f31060, 
.elementor-771 .elementor-element.elementor-element-8f31060 * {
    -webkit-tap-highlight-color: transparent !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
}

/* 2. OVERRIDE TOTAL DE ELEMENTOR (ESTADO NORMAL) */
.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--main .elementor-item,
.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--dropdown .elementor-item,
.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-menu-toggle {
    background-color: transparent !important;
    background: transparent !important;
}

/* 3. EL SNIPER: ELIMINAR EL FONDO NEGRO EN HOVER Y ACTIVE */
/* Aquí atacamos todas las combinaciones posibles que Elementor usa en móvil */

.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--main .elementor-item:hover,
.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--main .elementor-item:focus,
.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--dropdown .elementor-item:hover,
.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--dropdown .elementor-item:focus,
.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--dropdown .elementor-item:active,
.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
    
    /* Cambia esto al verde exacto de tu fondo para que "desaparezca" el cuadro */
    background-color: transparent !important; 
    background: transparent !important;
    
    /* Si quieres que se vea como en PC (un verde un poco más claro), usa esto: */
    /* background-color: rgba(255, 255, 255, 0.1) !important; */
    
    color: #ffffff !important;
    box-shadow: none !important;
    outline: none !important;
}

/* 4. LIMPIEZA DE BORDES Y SOMBRAS DEL DROPDOWN */
.elementor-771 .elementor-element.elementor-element-8f31060 .elementor-nav-menu--dropdown {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-19cff1a *//* =========================================
   1. LIMPIEZA DE CONTENEDOR (FULL WIDTH)
   ========================================= */
.elementor-771 .elementor-element.elementor-element-19cff1a .dialog-message {
    padding: 0 !important; /* Elimina espacios laterales para que las líneas toquen los bordes */
    background-color: # !important;
}

.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-widget-container {
    margin: 0 !important;
}

/* =========================================
   2. BUSCADOR ESTILO DANONE (PÍLDORA)
   ========================================= */
.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-search-form__container {
    background-color: #ffffff !important;
    border-radius: 100px !important; /* Píldora perfecta */
    margin: 40px 5% 20px 5% !important; /* Separación de los bordes */
    padding: 10px 25px !important;
    display: flex !important;
    align-items: center;
    min-height: 50px;
}

/* Estilo del texto "Buscar" y la Lupa */
.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-search-form__input {
    font-size: 16px !important;
    color: #333 !important;
    font-family: inherit;
}

.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-search-form__icon {
    font-size: 18px !important;
    color: #0aa35f !important; /* Lupa en verde */
    margin-right: 15px;
}

/* =========================================
   3. MENÚ (LÍNEAS DE LADO A LADO)
   ========================================= */
.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-nav-menu--main {
    width: 100% !important;
}

/* =========================================
   LÍNEAS DIVISORIAS (GROSOR ELITE)
   Target: Main (PC) y Dropdown (Móvil)
   ========================================= */

/* Aplicamos a la versión de escritorio Y a la versión móvil */
.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-nav-menu--main .menu-item,
.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-nav-menu--dropdown .menu-item {
    border-bottom: 2px solid rgba(255, 255, 255, 0.4) !important;
    width: 100% !important;
    list-style: none !important; /* Limpieza de puntos de lista */
}

/* Ajuste para el último ítem (opcional: quitar la línea al final) */
.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-nav-menu--main .menu-item:last-child,
.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-nav-menu--dropdown .menu-item:last-child {
    border-bottom: none !important;
}

.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-nav-menu--main .menu-item a {
    color: #ffffff !important;
    font-size: 18px !important; /* Texto más pequeño y elegante */
    font-weight: 500 !important;
    text-transform: capitalize !important; /* Solo primera en mayúscula como Danone */
    padding: 20px 5% !important; /* Alineado con el buscador */
    display: flex !important;
    justify-content: flex-start;
    transition: background 0.3s;
}

.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-nav-menu--main .menu-item a:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

/* =========================================
   4. ICONOS SOCIALES (CENTRADOS)
   ========================================= */
.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-widget-social-icons {
    margin-top: auto !important; /* Los empuja al fondo */
    padding-bottom: 40px !important;
    text-align: center !important;
}

.elementor-771 .elementor-element.elementor-element-19cff1a .elementor-social-icon {
    background: transparent !important; /* Sin círculo, solo el icono */
    font-size: 20px !important;
    margin: 0 15px !important;
}/* End custom CSS */
/* Start custom CSS *//* =========================================
   1. ESTRUCTURA GLOBAL: MODO DIOS
   ========================================= */
.dialog-widget-content,
.dialog-message,
.elementor-popup-modal {
    background-color: #00a651 !important;
    width: 100vw !important;
    height: 100vh !important; /* Corregido a 100vh para evitar scroll innecesario */
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 0 !important;
}

body.dialog-prevent-scroll {
    overflow: hidden !important;
}

/* =========================================
   2. ESTÉTICA DE LA "X" (Compartido)
   ========================================= */
/* Aquí definimos CÓMO se ve, no DÓNDE está */
.dialog-close-button {
    position: absolute !important;
    z-index: 99999 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    /* Quitamos los top/right de aquí para definirlos por dispositivo abajo */
}

.dialog-close-button i,
.dialog-close-button svg {
    color: #ffffff !important;
    fill: #ffffff !important;
    font-size: 30px !important; /* Tamaño del icono base */
    transition: transform 0.3s ease;
}

.dialog-close-button:hover i {
    transform: rotate(90deg);
}

/* =========================================
   3. POSICIONAMIENTO DE LA "X" (QUIRÚRGICO)
   ========================================= */

/* --- A. VERSIÓN ESCRITORIO (PC/Laptop) --- */
/* Aplica a pantallas mayores a 1025px */
@media only screen and (min-width: 1025px) {
    .dialog-close-button {
        top: 36px !important;   /* Tu valor original para PC */
        right: 62px !important; /* Tu valor original para PC */
    }
}

/* --- B. VERSIÓN TABLET (iPad, Laptops pequeñas) --- */
/* Aplica entre 768px y 1024px */
@media only screen and (max-width: 1024px) {
    .dialog-close-button {
        top: 98px !important;    /* Más arriba para ahorrar espacio */
        right: 60px !important;  /* Más a la derecha */
    }
    
    /* Ajuste de tamaño de icono para tablet si lo deseas */
    .dialog-close-button i, 
    .dialog-close-button svg {
        font-size: 28px !important; 
    }
}

/* --- C. VERSIÓN MÓVIL (Celulares) --- */
/* Aplica a pantallas menores a 767px */
@media only screen and (max-width: 767px) {
    .dialog-close-button {
        top: 28px !important;    /* Bien arriba en móvil */
        right: 37px !important;  /* Pegado a la esquina derecha */
    }

    /* Icono un poco más pequeño en móvil para elegancia */
    .dialog-close-button i, 
    .dialog-close-button svg {
        font-size: 24px !important; 
    }
}

/* =========================================
   4. ELEMENTOS INTERNOS (LOGO Y BUSCADOR)
   ========================================= */
#elementor-popup-modal-771 .elementor-widget-image {
    margin-top: 0px !important; 
    margin-left: 40px !important;
    margin-bottom: 0px !important;
    display: block !important;
}

#elementor-popup-modal-771 .elementor-search-form__input {
    background-color: #ffffff !important;
    border-radius: 50px !important;
    padding: 12px 25px 12px 45px !important;
    width: 85% !important;
    max-width: 400px !important;
    margin-left: 40px !important;
    margin-top: 30px !important;
    border: none !important;
    /* Optimización: SVG en una sola línea */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23999999'%3E%3Cpath d='M15.5 14h-.79l-.28-.27A6.471 6.471 0 0 0 16 9.5 6.5 6.5 0 1 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: 15px center !important;
    background-size: 20px !important;
}

#elementor-popup-modal-771 .elementor-nav-menu--main .menu-item a,
#elementor-popup-modal-771 .elementor-nav-menu--dropdown a {
    color: #ffffff !important;
    text-align: left !important;
    padding-left: 40px !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    border-bottom: 2px solid rgba(255,255,255,0.1) !important;
}

/* =========================================
   5. OVERRIDES ESPECÍFICOS PARA MÓVIL
   ========================================= */
@media only screen and (max-width: 768px) {
    
    .elementor-location-popup {
        background-color: #00a651 !important;
    }

    #elementor-popup-modal-771 .elementor-widget-image {
        margin-top: 40px !important; /* Ajuste para que no choque con la X */
        margin-left: 20px !important;
    }

    #elementor-popup-modal-771 .elementor-search-form__input {
        margin-left: 20px !important;
        margin-top: 20px !important;
        width: 80% !important;
    }

    #elementor-popup-modal-771 .elementor-nav-menu--dropdown {
        background-color: transparent !important;
    }

    #elementor-popup-modal-771 .elementor-widget-social-icons {
        margin-top: 380px !important; /* Ajustado para flujo natural */
        margin-left: 0px !important;
        padding-bottom: 60px !important;
        text-align: left !important;
    }
}/* End custom CSS */