/* 1. Forzamos la altura del encabezado principal a 35px */
#sp-header,
#sp-header .sp-column,
#sp-header .sp-megamenu-wrapper,
#sp-header .sp-megamenu-parent {
    height: 35px !important;
    margin: 0 !important;
}

/* 2. Forzamos la altura de cada elemento de la lista del menú a 35px */
#sp-header .sp-megamenu-parent > li {
    height: 35px !important;
    margin: 0 !important;
    display: inline-block;
}

/* 3. Centramos el texto y hacemos que el enlace mida los mismos 35px */
#sp-header .sp-megamenu-parent > li > a, 
#sp-header .sp-megamenu-parent > li > span {
    height: 35px !important;
    line-height: 35px !important; /* Centra el texto verticalmente en los 35px */
    padding: 0 15px !important; /* Reduje un poco el padding lateral para que no se vea tan estirado en una barra delgada */
    display: inline-block;
    color: #555555;
}

/* 4. El fondo azul para el botón ACTIVO y al pasar el ratón */
#sp-header .sp-megamenu-parent > li.active > a,
#sp-header .sp-megamenu-parent > li:hover > a {
    background-color: ##014b7c !important;
    color: #ffffff !important;
}

/* 5. Aseguramos que la flechita del submenú sea blanca */
#sp-header .sp-megamenu-parent > li.active > a::after,
#sp-header .sp-megamenu-parent > li:hover > a::after {
    color: #ffffff !important;
}

/* --------------------------------------------------------- */
/* 6. AJUSTE PARA EL STICKY HEADER (Al hacer scroll)       */
/* Lo mantenemos en 35px para que no se deforme al bajar   */
/* --------------------------------------------------------- */
#sp-header.header-sticky,
#sp-header.header-sticky .sp-column,
#sp-header.header-sticky .sp-megamenu-wrapper,
#sp-header.header-sticky .sp-megamenu-parent,
#sp-header.header-sticky .sp-megamenu-parent > li {
    height: 35px !important;
}

#sp-header.header-sticky .sp-megamenu-parent > li > a, 
#sp-header.header-sticky .sp-megamenu-parent > li > span {
    height: 35px !important;
    line-height: 35px !important;
}