/* Cambiar la franja superior a blanco eliminando el gradiente */
.container-header {
    background: #ffffff !important; /* Fondo blanco liso */
    background-image: none !important; /* Quitar gradiente */
    box-shadow: none !important; /* Quitar sombra inferior */
    border-top: 16px solid #e1e3de; /* grosor 16px y color gris */
}



/* Texto del menú en negro */
.container-header a,
.container-header .mod-menu a {
    color: #000000 !important;
}

/* Centrar logo */
.navbar-brand {
    float: none !important;
    margin: 0 auto !important;
    display: block !important;
    text-align: center !important;
}

/* Centrar imagen del logo */
.navbar-brand img {
    display: block !important;
    margin: 0 auto !important;
}

/* Centrar menú */
.container-header .mod-menu,
.container-header .navbar-collapse {
    display: flex !important;
    justify-content: center !important;
}

/* Cambiar color de fondo del footer */
.container-footer {
    background-color: #e1e3de !important;
    background-image: none !important; /* por si tiene degradado */
}

/* Cambiar color del texto del footer para que se vea bien */
.container-footer,
.container-footer a {
    color: #000000 !important; /* texto negro para contraste */
}

/* Franja gris full width de 16px debajo del menú */
.container-header::after {
    content: "";
    display: block;
    width: 100vw; /* ancho total de la ventana */
    height: 16px;
    background-color: #e1e3de;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: 1;
}











button.mod-menu__separator.separator.mm-toggler.mm-toggler-nolink.mm-collapsed {
    color: #000000 !important; /* Negro */
}

/* Opcional: color al pasar el ratón */
button.mod-menu__separator.separator.mm-toggler.mm-toggler-nolink.mm-collapsed:hover {
    color: #333333 !important; /* Gris oscuro */
}
/* Color negro normal */
li.item-106 > button.mod-menu__separator {
    color: #000000 !important;
}

/* Al pasar el ratón */
li.item-106 > button.mod-menu__separator:hover {
    color: #333333 !important;
}

/* Cuando el botón está activo, con foco o desplegado */
li.item-106 > button.mod-menu__separator:focus,
li.item-106 > button.mod-menu__separator.mm-opened,
li.item-106 > button.mod-menu__separator.active {
    color: #000000 !important;
    background-color: transparent !important; /* Para evitar fondo blanco si hay */
}







.container-header {
    row-gap: 0; /* o grid-row-gap: 0; */
    padding-top: 0;
    padding-bottom: 0;
}

.container-header .grid-child {
    margin: 0;
    padding: 0;
}