/*==================================================
    Fix para flechas del carrusel en móviles
==================================================*/

/* Por defecto: flechas visibles (desktop) */
.owl-carousel .owl-nav { display: block; }
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next { display: block; }

/* Mejorar la visibilidad de las flechas en móviles */
@media only screen and (max-width: 768px) {
    /* En móvil, ocultar flechas del hero y cualquier carrusel */
    .owl-carousel .owl-nav,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next,
    .hero-sldr.owl-carousel .owl-nav,
    .hero-sldr.owl-carousel .owl-nav button { display: none !important; }
    
    .owl-carousel .owl-nav button.owl-prev {
        left: 10px;
    }
    
    .owl-carousel .owl-nav button.owl-next {
        right: 10px;
    }
    
    .owl-carousel .owl-nav button.owl-prev:hover,
    .owl-carousel .owl-nav button.owl-next:hover {
        background-color: rgba(205, 11, 11, 1) !important;
    }
}

/* Ocultar flechas del carrusel de partners */
.partner-sldr-2 .owl-nav {
    display: none !important;
}

.partner-sldr-2 .owl-dots {
    display: none !important;
}

/* Para tablets */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        display: block !important;
        opacity: 1 !important;
    }
}

/* Hero slider específico (mostrar en desktop/tablet) */
@media only screen and (min-width: 768px) {
    .hero-sldr.owl-carousel .owl-nav { display: block !important; }
    .hero-sldr.owl-carousel .owl-nav button { display: block !important; visibility: visible !important; }
}