/* Estilos personalizados para el slider */
.carousel-item img {
  max-height: 500px; /* Ajusta la altura máxima de las imágenes según sea necesario */
  width: 100%;
  object-fit: cover; /* Ajusta el comportamiento de la imagen para que cubra completamente el contenedor */
}

.carousel-caption {
  background-color: rgba(0, 0, 0, 0.5); /* Fondo semi-transparente para la leyenda */
}

.slide_button {
  background-color: #A4161A;
  color: #fff;
  padding: 10px 20px;
  border: none;
  font-size: 20px;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  border-radius: 5px;
  text-decoration: none; 
}

.slide_button:hover {
  background-color: #871215;
}