.fondo{
    min-height: 60vh !important;
}

.background{
    img{
        min-height: 60vh !important;
    }
}
.banner{
    min-height: 60vh !important;
}
.informacion{
	.texto{
		color: white;
		h2{
			font-size: clamp(3rem, 6vw, 5rem);
		}
	}
}
.img-event img{
    height: 144px !important; 
    width:256;
    object-fit: fill 
}
.list-group-item {
    background-color: transparent !important;
    border: none !important;
}
.card {
    background-color: transparent !important;
    border: none !important;
}
.list-group-item.active {
    z-index: 0 !important;
}
.active{
    background-color: rgba(116, 116, 128, 0.25) !important;
    border-radius: 4px !important;
    font-size: 18px !important;
    
}


/* Fondo del modal más oscuro */
.modal-backdrop.show {
    background-color: rgba(0, 0, 0, 0.95); /* Fondo negro para resaltar la imagen */
}

/* La imagen ocupará toda la pantalla manteniendo su proporción */
.full-image {
    width: auto;  /* Se ajusta automáticamente al tamaño correcto */
    height: 90vh; /* Usa el 90% de la altura de la pantalla */
    max-width: 100vw; /* No se desborda del ancho */
    object-fit: contain; /* Asegura que la imagen no se deforme */
    
}
.img-event{
    cursor: pointer;
}