/* Los estilos principales son manejados por Bootstrap. */
/* Agrega aquí cualquier estilo personalizado adicional si es necesario. */

.banner-container {
    width: 100%;
    overflow: hidden; /* Asegura que la imagen no se desborde */
}

.banner-img {
    max-width: 100%;
    height: auto;
    display: block; /* Elimina el espacio extra debajo de la imagen */
    margin: 0 auto; /* Centra la imagen */
}

/* Estilo para el banner principal en index.php */
header .container-fluid img {
    width: 100%;
    height: auto;
    display: block;
}