/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 27 2025 | 00:31:11 */
/*
  ==================================================================
  Estilos DEFINITIVOS para el submenú del Colegio de Ingenieros
  URL: https://ingenieros.idd1.cl/home/
  - v2: Aumenta ancho y corrige el espacio que cierra el menú.
  ==================================================================
*/

/* 
  Paso 1: Apuntamos al submenú para definir su apariencia.
*/
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu {
    --dropdown-background-color: #FFFFFF; /* Fondo blanco */
    --theme-border-radius: 8px; /* Bordes redondeados */
    --dropdown-items-spacing: 10px; /* Espacio entre elementos */
    --dropdown-divider: 1px solid #F0F0F0; /* Línea divisoria sutil */
    
    /* AJUSTE 1: Aumentamos el ancho del submenú */
    --dropdown-width: 250px !important; /* Ancho aumentado a 250px */
    
    /* AJUSTE 2: Eliminamos el espacio superior que provoca el cierre */
    margin-top: 0 !important; 
    padding-top: 15px !important; /* Movemos el espacio al interior del contenedor */

    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1 ) !important;
}

/* 
  Paso 2: Estilizamos los enlaces dentro del submenú.
*/
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu > li > a {
    font-family: 'Work Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #333333 !important;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

/* 
  Paso 3: Definimos el efecto al pasar el ratón (hover).
*/
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu > li > a:hover {
    color: #e83943 !important;
    background-color: #f9f9f9 !important;
}

/*
  Paso 4: Eliminamos el borde del último elemento.
*/
[data-header*="type-1"] .ct-header [data-id="menu"] .sub-menu > li:last-child > a {
    border-bottom: none !important;
}