/* ================================
   MENU BAR FIJO – ESTILO APE
   ================================ */

/* Fondo de la barra principal */
.t-Body .a-MenuBar > ul {
    background-color: #201D20 !important;
}

/* Items del menú principal */
.a-MenuBar-item {
    background-color: #201D20 !important;
}

/* Texto del menú principal */
.t-Body .a-MenuBar-label {
    color: #FFFFFF !important;
    font-weight: 600 !important;
}

/* Ícono de flecha (submenús) */
.t-Body .a-MenuBar-item > .a-Menu-subMenuCol .a-Icon {
    color: #FFFFFF !important;
    border-color: #FFFFFF !important;
    border-radius: 100% !important;
}

/* ==== Submenús desplegados ==== */
.a-MenuBar-subMenu {
    background-color: #201D20 !important;
    border: none !important;
}

/* Items del submenú */
.a-MenuBar-subMenu .a-Menu-item {
    background-color: #201D20 !important;
    color: #FFFFFF !important;
}

/* Hover de items */
.a-MenuBar-item:hover,
.a-MenuBar-subMenu .a-Menu-item:hover {
    background-color: #333033 !important;
    color: #FFFFFF !important;
}

/* Quitar estilos del tema que sobrescriben */
.a-MenuBar-item.is-active,
.a-MenuBar-item.is-selected {
    background-color: #201D20 !important;
    color: #FFFFFF !important;
}

/* Flotantes del formulario (no menú, pero parte de tu CSS) */
.t-Form-fieldContainer--floatingLabel .t-Form-labelContainer {
    order: 2 !important;
    padding: 0 !important;
    font-weight: bold !important;
    position: relative !important;
}