.custom-navbar {
    background-color: #FFFFFF;
    color: #000000;
}

.navbar.custom-navbar {
    /*position: fixed;*/
    /*top: 0;*/
    /*width: 100%;*/
    /*z-index: 1030; !* Asegúrate de que esté por encima de otros elementos *!*/
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.offcanvas {
    overflow-x: auto; /* Permite el desplazamiento horizontal si el contenido se desborda */
}

.custom-icon {
    width: 25%; /* Ajusta el tamaño del icono */
    height: 25%; /* Ajusta el tamaño del icono */
    object-fit: cover; /* Asegura que la imagen se ajuste sin distorsión */
}

.island {
    margin-left: 5px;
    margin-right: 5px;
}

.margenes {
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
}