/* ANULACIÓN FINAL Y RADICAL DEL TÍTULO (Usando los selectores vistos en SiteOrigin) */

/* 1. Fuerza al contenedor del título a ocupar el 100% de su espacio */
.navbar-header {
    width: 100% !important;
    text-align: center !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-basis: 100% !important; /* Anulación para Bootstrap */
    order: 1 !important;
}

/* 2. Asegura que el texto y el enlace del título se centren */
.navbar-brand, .siteHeader_logo {
    width: 100% !important;
    text-align: center !important;
    margin: 0 auto !important;
    display: block !important;
}

/* 3. BASE Y MENÚ (Mantienen el ancho completo y distribución que ya funcionó) */
header.siteHeader > div.container {
    max-width: none !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
    align-items: center !important;
}

#gMenu_outer {
    width: 100% !important;
    order: 2 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.gMenu {
    display: flex !important;
    justify-content: space-between !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.gMenu > li {
    flex-grow: 1 !important;
    text-align: center !important;
}
/* AJUSTE FINALES: Separación y tamaño de letra del menú */

/* Aumenta el espaciado interno de los enlaces para que se vean mejor */
.gMenu > li > a {
    padding-left: 10px !important;
    padding-right: 10px !important;
    font-size: 14px !important; /* Ajusta el tamaño de letra si es necesario */
}

/* Asegura que no haya un margen adicional en el UL */
.gMenu {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
/* AJUSTE FINALES: Máximo espacio y letra más pequeña para evitar recortes */

/* 1. Reduce el tamaño de letra para que los elementos largos quepan */
.gMenu > li > a {
    font-size: 13px !important; /* Prueba con 13px; si aún falla, baja a 12px */
    padding-left: 5px !important; /* Espaciado mínimo */
    padding-right: 5px !important;
}

/* 2. Asegura que la lista UL no tiene ningún padding que reduzca el ancho */
.gMenu {
    padding-left: 0 !important;
    padding-right: 0 !important;
}