/* Estilos personalizados para Owl Carousel */

/* Carrossel de notícias auxiliares */
.owl-carousel-noticias-auxiliares {
    position: relative;
}

.owl-carousel-noticias-auxiliares .owl-item {
    height: 384px; /* h-96 = 24rem = 384px */
    overflow: hidden;
}

.owl-carousel-noticias-auxiliares .owl-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 0.375rem; /* rounded-md */
    transition: transform 0.3s ease;
}

.owl-carousel-noticias-auxiliares .owl-item img:hover {
    transform: scale(1.05);
}

/* Carrossel de notícias em destaque */
.owl-carousel-destaques {
    border-radius: 0.375rem; /* rounded-md */
    overflow: hidden;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-xl */
}

.owl-carousel-destaques .owl-item {
    opacity: 1;
    height: 500px;
}

.owl-carousel-destaques .owl-item .md\\:col-span-2 {
    height: 500px;
}

.owl-carousel-destaques .owl-item .md\\:col-span-2 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Efeitos de transição suaves */
.owl-carousel .owl-item {
    backface-visibility: hidden;
    transition: all 0.5s ease;
}

.owl-carousel .owl-stage {
    transition: all 0.8s ease-in-out;
}

/* Animações personalizadas para slide */
.slideInRight {
    animation-name: slideInRight;
    animation-duration: 1s;
    animation-fill-mode: both;
}

.slideOutLeft {
    animation-name: slideOutLeft;
    animation-duration: 1s;
    animation-fill-mode: both;
}

@keyframes slideInRight {
    from {
        transform: translate3d(100%, 0, 0);
        opacity: 0;
    }
    to {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
}

@keyframes slideOutLeft {
    from {
        transform: translate3d(0, 0, 0);
        opacity: 1;
    }
    to {
        transform: translate3d(-100%, 0, 0);
        opacity: 0;
    }
}

/* Botões de navegação personalizados */
.owl-nav-custom {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.owl-nav-custom.prev {
    left: 1rem;
}

.owl-nav-custom.next {
    right: 1rem;
}

/* Responsividade */
@media (max-width: 768px) {
    .owl-nav-custom {
        display: none;
    }
    
    .owl-carousel-destaques .item {
        flex-direction: column;
    }
    
    .owl-carousel-noticias-auxiliares .owl-item {
        height: 300px; /* Menor altura em mobile */
    }
    
    .owl-carousel-destaques .owl-item {
        height: auto;
    }
}

/* Animações de fade melhoradas */
.owl-carousel .animated {
    animation-duration: 0.8s;
    animation-fill-mode: both;
}

.fadeIn {
    animation-name: fadeIn;
}

.fadeOut {
    animation-name: fadeOut;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.95);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        transform: scale(1);
    }
    to {
        opacity: 0;
        transform: scale(0.95);
    }
}

/* Correções para responsividade */
.owl-carousel .owl-stage-outer {
    overflow: hidden;
}

.owl-carousel .owl-stage {
    display: flex;
    align-items: stretch;
}

.owl-carousel .owl-item {
    display: flex;
    align-items: stretch;
}

/* Ajustes para grid do carrossel de destaques */
.owl-carousel-destaques .item .grid {
    height: 100%;
}

.owl-carousel-destaques .item .grid > div {
    height: 100%;
}

/* Transições suaves para o carrossel */
.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
}

.owl-carousel .owl-wrapper {
    position: relative;
}

/* Configurações gerais para evitar saltos visuais */
.owl-carousel {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.owl-carousel.owl-loaded {
    opacity: 1;
}

/* Altura fixa para evitar mudanças de layout */
.owl-carousel .owl-item {
    height: auto;
    min-height: 300px;
}

/* Suavização adicional para imagens */
.owl-carousel img {
    transition: all 0.3s ease;
    will-change: transform;
}