/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/
/* Cajas home */
.row-boxes .et_pb_with_border,.row-boxes .et_pb_column {
	height: auto !important;
    min-height: 300px !important;
	display: flex;
    flex-direction: column;
    justify-content: space-between;
}

        /* --- OVERRIDE DIRECTO PARA DIVI --- */

        /* 1. Reset de contenedores para permitir ancho completo */
        @media (min-width: 981px) {
            /* Forzamos que los contenedores de Divi no corten el submenú */
            .et_pb_menu__wrap, 
            .et_pb_menu__menu, 
            .et-menu-nav,
            .et-menu-nav > ul {
                position: static !important;
            }

            .et-menu-nav li.menu-item-has-children {
                position: static !important;
            }
			
            /* 2. El Panel del Mega Menú (sub-menu nativo de Divi) */
            .et-menu-nav li.menu-item-has-children > ul.sub-menu {
                display: grid !important;
				grid-template-columns: repeat(4, minmax(0, 1fr))!important;
                gap: 10px !important;
                width: 60vw !important;
                left: 0 !important;
                right: 0 !important;
                top: auto !important;
                padding: 20px 2% !important;
                background: black!important;
                box-shadow: 0 40px 80px rgba(0,0,0,0.1) !important;
                border-top: 1px solid rgba(0,0,0,0.05) !important;
				margin-top: 2.4em;
                border-radius: 2em;
				
                /* Animación de entrada */
                opacity: 0 !important;
                visibility: hidden !important;
                transform: translateY(20px) !important;
                transition: var(--transition) !important;
                pointer-events: none !important;
                backdrop-filter: blur(12px) !important;
                z-index: 9999 !important;
            }

            /* Disparador de visibilidad */
            .et-menu-nav li.menu-item-has-children:hover > ul.sub-menu {
                opacity: 1 !important;
                visibility: visible !important;
                transform: translateY(0) !important;
                pointer-events: auto !important;
            }

            /* 3. Estilo de los Items Individuales */
            .et-menu-nav ul.sub-menu li {
                width: 100% !important;
                margin: 0 !important;
                padding: 0 !important;
                list-style: none !important;
            }

            .et-menu-nav ul.sub-menu li a {
                display: flex !important;
                flex-direction: column !important;
                padding: 15px !important;
                background: transparent !important;
                border-radius: 15px !important;
                transition: var(--transition) !important;
                text-decoration: none !important;
                border-left: 0px solid var(--wom-cyan) !important;
                width: auto !important;
            }

            /* Efecto Hover en los enlaces del submenú */
            .et-menu-nav ul.sub-menu li a:hover {
                background: black !important;
                border-left: 5px solid var(--wom-cyan) !important;
                padding-left: 35px !important;
            }

            /* Texto del Título del enlace */
            .et-menu-nav ul.sub-menu li a {
                color: var(--wom-text) !important;
                font-size: 18px !important;
                font-weight: 800 !important;
                line-height: 1.2 !important;
                letter-spacing: -0.03em !important;
                text-transform: none !important;
            }

            .et-menu-nav ul.sub-menu li a:hover {
                color: var(--wom-purple) !important;
            }

            /* Si quieres añadir una descripción pequeña debajo de los títulos 
               puedes usar la clase .sub-desc que ya tienes aplicada en el HTML de Divi */
            /*.et-menu-nav ul.sub-menu li.sub-desc a::after {
                content: "Operamos y mantenemos sus sistemas sin interrupciones";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }*/
			
				#menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222 > ul > li.sub-desc.et_pb_menu_page_id-161.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-172 > a::after {
 content: "Ciberseguridad gestionada que se anticipa al riesgo ";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }

            #menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222 > ul > li.sub-desc.et_pb_menu_page_id-197.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-221 > a::after {
 content: "Gestión e implementación de infraestructura física";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }

			#menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222 > ul > li.sub-desc.et_pb_menu_page_id-200.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-220 > a::after {
 content: "Mantente conectado y seguro en servidores cloud";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
            
            
            #menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222 > ul > li.sub-desc.et_pb_menu_page_id-166.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-171 > a::after {
 content: "Comunicaciones optimizadas y experiencia de usuario";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }


#menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222.et-touch-hover.et-show-dropdown.et-hover > ul > li.sub-desc.et_pb_menu_page_id-161.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-172 a::after {
 content: "4";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			
			#menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222 > ul > li.sub-desc.et_pb_menu_page_id-188.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-196 > a::after {
 content: "Conectividad segura";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			
			
			#menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222 > ul > li.sub-desc.et_pb_menu_page_id-223.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-247 > a::after {
 content: "Puesto de trabajo digital con toda la suite Microsoft";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }


#menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222.et-touch-hover.et-show-dropdown.et-hover > ul > li.sub-desc.et_pb_menu_page_id-197.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-221 > a::after {
 content: "7";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			
			#menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222 > ul > li.sub-desc.et_pb_menu_page_id-230.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-246 > a::after {
 content: "Las mejores soluciones de equipamiento IT";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }

#menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222.et-touch-hover.et-show-dropdown.et-hover > ul > li.sub-desc.et_pb_menu_page_id-230.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-246 > a::after {
 content: "9";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			
#menu-principal-catalan > li.et_pb_menu_page_id-951.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-951 > ul > li.sub-desc.et_pb_menu_page_id-722.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-952 > a::after {
 content: "Operem i mantenim els seus sistemes sense interrupcions";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			#menu-principal-catalan > li.et_pb_menu_page_id-951.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-951 > ul > li.sub-desc.et_pb_menu_page_id-730.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-953 > a::after {
 content: "Mantén-te connectat i segur en servidors cloud";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			#menu-principal-catalan > li.et_pb_menu_page_id-951.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-951 > ul > li.sub-desc.et_pb_menu_page_id-737.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-954 > a::after {
 content: "Ciberseguretat gestionada que s’anticipa al risc";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			
			#menu-principal-catalan > li.et_pb_menu_page_id-951.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-951 > ul > li.sub-desc.et_pb_menu_page_id-751.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-955 > a::after {
 content: "Comunicacions optimitzades i experiència d'usuari";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			
			#menu-principal-catalan > li.et_pb_menu_page_id-951.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-951 > ul > li.sub-desc.et_pb_menu_page_id-758.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-956 > a::after {
 content: "Connectivitat segura";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			#menu-principal-catalan > li.et_pb_menu_page_id-951.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-951 > ul > li.sub-desc.et_pb_menu_page_id-766.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-957 > a::after {
 content: "Gestió i implementació d'infraestructura física";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			
			#menu-principal-catalan > li.et_pb_menu_page_id-951.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-951 > ul > li.sub-desc.et_pb_menu_page_id-782.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-958 > a::after {
 content: "Punt de treball digital amb tota la suite Microsoft";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			
			#menu-principal-catalan > li.et_pb_menu_page_id-951.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-951 > ul > li.sub-desc.et_pb_menu_page_id-786.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-959 > a::after {
 content: "Les millors solucions d’equipament IT";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
			
        #menu-principal > li.et_pb_menu_page_id-222.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-222 > ul > li.sub-desc.et_pb_menu_page_id-115.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-134 > a::after {
 content: "Operamos y mantenemos sus sistemas sin interrupciones";
                display: block;
                font-size: 11px;
                color: var(--wom-gray);
                font-weight: 400;
                margin-top: 10px;
                line-height: 1.5;
                letter-spacing: normal;
            }
        }

        /* --- ADAPTACIÓN MÓVIL (Menú de hamburguesa de Divi) --- */
        @media (max-width: 980px) {
            .et-menu-nav ul.sub-menu {
                background: transparent !important;
                padding: 10px !important;
                box-shadow: none !important;
                display: block !important; /* Volver a lista en móvil */
                width: auto !important;
                visibility: visible !important;
                opacity: 1 !important;
                transform: none !important;
                position: relative !important;
            }
            
            .et-menu-nav ul.sub-menu li a {
                padding: 15px 10px !important;
                font-size: 16px !important;
                border-bottom: 1px solid #f0f0f0 !important;
            }
            
            .et-menu-nav ul.sub-menu li.sub-desc a::after {
                display: none !important; /* Ocultar descripciones en móvil para ahorrar espacio */
            }
        }

        /* --- ESTILOS DE PRUEBA (Para ver la demo) --- */
      /*   .et_pb_menu__wrap { background: transparent; height: 70px; display: flex; align-items: center; padding: 0 5%; border-bottom: 1px solid #ddd; }
       .et-menu-nav .nav { list-style: none; display: flex; gap: 35px; margin: 0; padding: 0; }

        .et-menu-nav .nav > li > a { text-decoration: none; color: #111; font-weight: 700; font-size: 15px; text-transform: uppercase; }*/