.card {
	background-color: transparent !important;
    border: none; /* Elimina el borde si no lo necesitas */
}

.card-body {
    background-color: rgba(0, 0, 0, 0.6) !important; /* Fondo negro semitransparente */
    color: white; /* Texto en blanco */
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7); /* Sombra en el texto para mejor legibilidad */
    padding: 20px; /* Espaciado interior */
    border-radius: 10px; /* Bordes redondeados para mejor estética */
}

.btn-outline-secondary {
    color: white !important; /* Texto de los botones en blanco */
    border-color: white !important; /* Borde de los botones en blanco */
    font-size: 1.1rem !important; /* Aumenta el tamaño del texto de los botones */
    padding: 10px 20px !important; /* Aumenta el tamaño del botón */
}

.btn-outline-secondary:hover {
    background-color: white !important; /* Fondo blanco al pasar el mouse */
    color: black !important; /* Texto negro al pasar el mouse */
}

.text-body-secondary {
    color: white !important; /* Asegura que el texto "9 mins" sea blanco */
}

#servicesCarousel {
    max-height: 80vh; /* Limita la altura al 80% del viewport */
}

#servicesCarousel .carousel-inner {
    max-height: 80vh; /* Evita que el contenido del carrusel supere esta altura */
}

#servicesCarousel .carousel-item img {
    max-height: 80vh; /* Limita la altura de las imágenes */
    width: auto; /* Mantiene la proporción */
    object-fit: contain; /* Asegura que la imagen no se recorte */
    margin: auto; /* Centra la imagen */
}