/* Estilos generales del carrusel */
.owl-carousel {
    max-width: 100%;
    margin: auto;
    margin-top: 20px;
}

/* Estilos para los elementos del carrusel */
.item {
    text-align: center;
    width: calc(100% - 10px); /* Ajustar el ancho para tener en cuenta el margen */
    height: auto; /* Ajusta la altura si es necesario */
    box-sizing: border-box; /* Asegurar que el padding y el borde se incluyan en el ancho/altura */
    display: flex; /* Para centrar la imagen verticalmente */
    align-items: center; /* Para centrar la imagen verticalmente */
    justify-content: center; /* Para centrar la imagen horizontalmente */
    overflow: hidden; /* Ocultar partes de la imagen que excedan el tamaño del elemento */
}

/* Estilos para las imágenes dentro de los elementos del carrusel */
.item img {
    max-width: 100%!important; /* Permitir que la imagen crezca hasta el 100% del ancho disponible */
    max-height: 100%; /* Permitir que la imagen crezca hasta el 100% de la altura disponible */
    object-fit: cover; /* Asegurar que la imagen cubra todo el espacio, manteniendo sus proporciones */
}