/**
 * Fix para el carousel de servicios - CSS
 */

/* Asegurar que el carousel de servicios sea visible */
.owl-carousel-wrapper[style*="margin-top: -222px"] {
    position: relative !important;
    z-index: 1 !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.owl-carousel-wrapper[style*="margin-top: -222px"] .owl-carousel {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.owl-carousel-wrapper[style*="margin-top: -222px"] .owl-stage {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.owl-carousel-wrapper[style*="margin-top: -222px"] .owl-item {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Asegurar que las cards del carousel sean visibles */
.owl-carousel-wrapper[style*="margin-top: -222px"] .card {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: white !important;
}

/* Asegurar que las imágenes sean visibles */
.owl-carousel-wrapper[style*="margin-top: -222px"] img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* Asegurar que el texto sea visible */
.owl-carousel-wrapper[style*="margin-top: -222px"] .card-title,
.owl-carousel-wrapper[style*="margin-top: -222px"] .card-text,
.owl-carousel-wrapper[style*="margin-top: -222px"] .custom-read-more {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    color: #333 !important;
}

/* Asegurar que los dots de navegación sean visibles */
.owl-carousel-wrapper[style*="margin-top: -222px"] .owl-dots {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
}

.owl-carousel-wrapper[style*="margin-top: -222px"] .owl-dot {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
}