/* Estilos para el top banner */
.top-banner {
    background-color: #2C2E56;
    color: white;
    padding: 5px 0;
}


/* Estilos para el logo en la barra de navegación */
.navbar-logo {
    max-width: 50px; /* Ajusta el tamaño máximo del logo */
    height: auto;
}
/* estilos.css */
.navbar-nav .nav-link {
    color: white !important;
}


/* Estilos para el main banner */
.main-banner {
    background-color: #EF8636;
    padding: 20px 0;
    overflow: hidden; /* Evita que el contenido flotante se salga del contenedor */
}

.main-banner img {
    max-width: 100%; /* Asegura que la imagen no exceda el ancho del contenedor */
    height: auto; /* Mantiene la proporción de la imagen */
    display: block; /* Elimina el espacio inferior */
    margin: 0 auto; /* Centra la imagen horizontalmente */
}

/* Estilos para el carousel */
.carousel-image {
    max-height: 500px; /* Ajusta la altura máxima de las imágenes del carrusel */
    object-fit: contain; /* Mantiene las proporciones de la imagen sin distorsionarla */
}

/* Estilos para el footer */
.footer {
    background-color: #2C2E56;
    color: white;
    padding: 5px 0;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}