/* ==========================================
   RESPONSIVO – COMPLEMENTO PARA OWL CAROUSEL
   ========================================== */

/* Desktop padrão */
.owl-carousel .owl-item {
    width: auto !important;
}

/* Tablets */
@media (max-width: 992px) {
    .owl-carousel .owl-item {
        width: 33.33% !important; /* 3 itens por linha */
    }

    .owl-carousel .owl-item img {
        width: 100%;
        height: auto;
    }
}

/* Celulares grandes */
@media (max-width: 768px) {
    .owl-carousel .owl-item {
        width: 50% !important; /* 2 itens */
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        font-size: 24px;
        padding: 10px;
    }
}

/* Celulares pequenos */
@media (max-width: 480px) {
    .owl-carousel .owl-item {
        width: 100% !important; /* 1 item */
    }

    .owl-carousel .owl-item img {
        width: 100%;
        height: auto;
    }

    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel .owl-nav button.owl-next {
        font-size: 20px;
        padding: 8px;
    }

    .owl-carousel .owl-dots {
        margin-top: 10px;
    }

    .owl-carousel .owl-dot span {
        width: 8px;
        height: 8px;
    }
}