.navbar {
    background-color: #e62b2a !important; /* Color de fondo rojo: #e62b2a */
}
.navbar-nav .nav-link {
    color: white !important; /* Texto blanco en los elementos del menú */
}
.navbar-nav .nav-link:hover {
    color: #f8f9fa !important; /* Color blanco en hover */
}
.navbar-brand {
    color: white !important; /* Logo o texto de la izquierda en blanco */
}
.navbar-toggler-icon {
    background-color: white; /* Icono de hamburguesa en blanco */
}



/* Asegura que el contenedor del carrusel ocupe todo el ancho disponible */
.logo-carousel {
    width: 100%;
    margin: 0 auto; /* Esto centra el carrusel horizontalmente */
}

/* Alinea los logos de Slick horizontalmente al centro */
.slick-track {
    display: flex;
    justify-content: center; /* Centra los items del carrusel */
}

/* Si deseas que los logos se vean bien al cambiar el tamaño, asegúrate de que cada logo tenga un tamaño adecuado */
.slick-slide {
    display: flex;
    justify-content: center; /* Centra cada logo dentro del carrusel */
    align-items: center; /* Centra los logos verticalmente dentro de cada slide */
}

/* Si necesitas más espacio entre los logos */
.slick-slide img {
    max-width: 100%;
    height: auto;
    max-height: 100px;  /* Ajusta el tamaño de tus logos */
}

/* Puedes personalizar los botones de navegación */
.slick-prev:before, .slick-next:before {
    color: black;  /* Cambia el color de las flechas */
}

/* Clase específica para el enlace de descarga */
.nav-download {
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #f2b632;
}

.nav-download:hover {
    background-color: #ffffff;
    color: #e62b2a !important; /* El texto se vuelve rojo al pasar el mouse */
}

.nav-download-yellow {
    background-color: #F4B43B;
    color: #000000 !important; /* Texto negro para legibilidad */
    border-radius: 5px;
    padding: 8px 15px !important;
    font-weight: 700;
    box-shadow: 0 4px 6px rgba(0,0,0,0.1);
}

.nav-download-yellow:hover {
    background-color: #7BCBCA; /* Cambia al aqua del logo al pasar el mouse */
    color: #ffffff !important;
}

.nav-cta {
    font-weight: 600;
    color: #fff !important;
    background-color: #f2b632; /* amarillo del banner */
    border: none;
    padding: 6px 12px;
    border-radius: 4px;
}

.nav-cta:hover {
    background-color: #d99e28;
    color: #fff;
}