/**
 * TurboJet - Estilos para o Slider Hero
 * v3.0 - Arquitetura de animação reescrita para resolver problemas de "piscar" no fade
 * e posicionamento incorreto no modo slide.
 */

.tj-slider-hero-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.tj-hero-slides-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.tj-hero-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    z-index: 1; /* Por padrão, todos os slides ficam na camada mais baixa e invisíveis */
}

/* Slide que está saindo (previous) sobe uma camada para ficar visível sob o novo slide */
.tj-hero-slide.is-previous {
    opacity: 1;
    z-index: 2;
}

/* Slide ativo (o que está entrando) fica na camada de cima e se torna visível */
.tj-hero-slide.is-active {
    opacity: 1;
    z-index: 3;
}

/* Apenas para o modo SLIDE, os slides são reorganizados em uma fila */
.tj-slider-hero-wrapper[data-transition-type="slide"] .tj-hero-slides-container {
    display: flex;
    transition: transform 0.8s ease-in-out;
}

.tj-slider-hero-wrapper[data-transition-type="slide"] .tj-hero-slide {
    position: relative; /* Remove o 'absolute' para que o flexbox funcione */
    flex: 0 0 100%;    /* Garante que cada slide ocupe 100% da largura do contêiner */
    opacity: 1;       /* Todos os slides no modo 'slide' são opacos */
}


/* O restante dos estilos (overlay, conteúdo, setas, pontos) permanece o mesmo */
.tj-hero-slide-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.tj-hero-slide-content{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;display:flex;text-align:center;color:#fff}.tj-hero-slide-content-inner{width:100%;max-width:1200px;margin:0 auto}
.tj-hero-slide-content.top-left,.tj-hero-slide-content.top-center,.tj-hero-slide-content.top-right{align-items:flex-start}.tj-hero-slide-content.center-left,.tj-hero-slide-content.center-center,.tj-hero-slide-content.center-right{align-items:center}.tj-hero-slide-content.bottom-left,.tj-hero-slide-content.bottom-center,.tj-hero-slide-content.bottom-right{align-items:flex-end}
.tj-hero-slide-content.top-left .tj-hero-slide-content-inner,.tj-hero-slide-content.center-left .tj-hero-slide-content-inner,.tj-hero-slide-content.bottom-left .tj-hero-slide-content-inner{text-align:left;margin-left:0;margin-right:auto}.tj-hero-slide-content.top-center .tj-hero-slide-content-inner,.tj-hero-slide-content.center-center .tj-hero-slide-content-inner,.tj-hero-slide-content.bottom-center .tj-hero-slide-content-inner{text-align:center;margin-left:auto;margin-right:auto}.tj-hero-slide-content.top-right .tj-hero-slide-content-inner,.tj-hero-slide-content.center-right .tj-hero-slide-content-inner,.tj-hero-slide-content.bottom-right .tj-hero-slide-content-inner{text-align:right;margin-left:auto;margin-right:0}
.tj-hero-slide-content-inner h1,.tj-hero-slide-content-inner h2,.tj-hero-slide-content-inner p,.tj-hero-slide-content-inner .tj-botao-especial{text-shadow:0 1px 3px rgba(0,0,0,.4)}
.tj-hero-nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:10;background-color:rgba(0,0,0,.3);color:#fff;border:none;cursor:pointer;padding:15px;border-radius:50%;width:50px;height:50px;font-size:20px;transition:background-color .3s ease}.tj-hero-nav-arrow:hover{background-color:rgba(0,0,0,.6)}.tj-hero-nav-arrow.prev{left:20px}.tj-hero-nav-arrow.next{right:20px}
.tj-hero-nav-dots{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:10}.tj-hero-nav-dot{width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,.5);border:2px solid transparent;margin:0 5px;cursor:pointer;transition:background-color .3s ease,border-color .3s ease}.tj-hero-nav-dot.active{background-color:#fff;border-color:rgba(0,0,0,.2)}
@media (max-width:768px){.tj-slide-content-inner{padding:15px}.tj-hero-nav-arrow{width:40px;height:40px;padding:10px;font-size:16px}.tj-hero-nav-dot{width:10px;height:10px}}