/*
Theme Name: optimizartuviaje.com
Theme URI: http://www.WEBBARBERA.COM
Template: Divi
Author: OSCAR
Author URI: http://www.WEBBARBERA.COM
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Version: 1.0.0
License: GNU General Public License v2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
Text Domain: divi-child
*/



/* Ajustes generales para el menú principal */

#top-menu > li,
.et-menu > li {
    position: relative !important;
    padding-right: 40px !important;
    margin-right: 40px !important;
}

/* Asegurar que los submenús no causen desbordamiento */
#main-header {
    overflow: visible !important;
}

/* Ajustes generales para submenús */
#top-menu .sub-menu,
.et-menu .sub-menu {
    padding: 0px 0 !important;
    width: auto !important;
    min-width: 210px !important; /* Aumentado para acomodar texto más largo */
    transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out !important;
}

#top-menu .sub-menu li,
.et-menu .sub-menu li {
    padding: 0 !important;
    width: 100% !important;
}

#top-menu .sub-menu li a,
.et-menu .sub-menu li a {
    padding: 8px 20px !important; /* Aumentado el padding vertical */
    width: 100% !important;
    white-space: normal !important;
    word-wrap: break-word !important;
    line-height: 1.6em !important; /* Aumentado para mejor legibilidad */
    font-size: 18px !important; /* Aumentado el tamaño de la fuente */
}

/* Ajustar la posición de los submenús de primer nivel */
#top-menu .menu-item-has-children > ul,
.et-menu .menu-item-has-children > ul {
    left: 0 !important;
    right: auto !important;
    top: 100% !important;
    transform: translateX(0) !important;
    -webkit-transform: translateX(0) !important;
}

/* Desplazar submenus de segundo nivel y posteriores */
#top-menu .menu-item-has-children > ul ul,
.et-menu .menu-item-has-children > ul ul {
    left: 100% !important;
    top: -5px !important;
}

/* Mantener el menú abierto durante 1 segundo */
#top-menu .menu-item-has-children > ul,
.et-menu .menu-item-has-children > ul {
    display: block !important;
    opacity: 0;
    visibility: hidden;
}

#top-menu .menu-item-has-children:hover > ul,
.et-menu .menu-item-has-children:hover > ul {
    opacity: 1 !important;
    visibility: visible !important;
    transition-delay: 0s !important;
}

#top-menu .menu-item-has-children > ul,
.et-menu .menu-item-has-children > ul {
    transition-delay: 1s, 1s !important;
}

/* Ajustes para pantallas más pequeñas */
@media (max-width: 980px) {
    #top-menu .menu-item-has-children > ul,
    .et-menu .menu-item-has-children > ul,
    #top-menu .menu-item-has-children > ul ul,
    .et-menu .menu-item-has-children > ul ul {
        left: 0 !important;
        right: auto !important;
        top: auto !important;
        width: 100% !important;
    }
    
    #top-menu .sub-menu li,
    .et-menu .sub-menu li,
    #top-menu .sub-menu li a,
    .et-menu .sub-menu li a {
        width: 100% !important;
    }
}