/* ============================================
   ANIMAÇÃO DE ENTRADA DOS CARDS (Scroll)
   Cards deslizam do centro para fora
   ============================================ */


/* ============================================
   DESKTOP (≥ 992px)
   Cards animam 80px do centro
   ============================================ */

@media (min-width: 992px) {

    /* Override do .reveal base para os cards da timeline */
    .seasons-grid-timeline .season-card.reveal {
        transform: translateY(0) !important;
    }

    /* Cards da Esquerda (colunas 1 e 2) - Nascem da direita (centro) */
    .seasons-grid-timeline .season-card.reveal:nth-child(4n+1),
    .seasons-grid-timeline .season-card.reveal:nth-child(4n+2) {
        opacity: 0;
        transform: translateX(80px) !important;
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    /* Cards da Direita (colunas 4 e 5) - Nascem da esquerda (centro) */
    .seasons-grid-timeline .season-card.reveal:nth-child(4n+3),
    .seasons-grid-timeline .season-card.reveal:nth-child(4n+4) {
        opacity: 0;
        transform: translateX(-80px) !important;
        transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    /* Estado Ativo: Visível e na posição original */
    .seasons-grid-timeline .season-card.reveal.active {
        opacity: 1 !important;
        transform: translateX(0) !important;
    }

    /* Delays escalonados para efeito cascata */
    .seasons-grid-timeline .season-card.reveal:nth-child(4n+1) {
        transition-delay: 0s;
    }

    .seasons-grid-timeline .season-card.reveal:nth-child(4n+2) {
        transition-delay: 0.1s;
    }

    .seasons-grid-timeline .season-card.reveal:nth-child(4n+3) {
        transition-delay: 0.1s;
    }

    .seasons-grid-timeline .season-card.reveal:nth-child(4n+4) {
        transition-delay: 0.2s;
    }

    /* ============================================
       DÉCADAS COM 10 CARDS - Ajuste especial
       Card 9 fica à esquerda, Card 10 à direita
       ============================================ */

    /* Card 9: fica à esquerda, anima da direita (centro) */
    .seasons-grid-timeline .season-card.reveal:first-child:nth-last-child(10)~.season-card.reveal:nth-child(9) {
        transform: translateX(80px) !important;
    }

    /* Card 10: fica à direita, anima da esquerda (centro) */
    .seasons-grid-timeline .season-card.reveal:first-child:nth-last-child(10)~.season-card.reveal:nth-child(10) {
        transform: translateX(-80px) !important;
    }

    /* Estados ativos para décadas com 10 cards */
    .seasons-grid-timeline .season-card.reveal.active:first-child:nth-last-child(10)~.season-card.reveal.active:nth-child(9),
    .seasons-grid-timeline .season-card.reveal.active:first-child:nth-last-child(10)~.season-card.reveal.active:nth-child(10) {
        transform: translateX(0) !important;
    }
}


/* ============================================
   TABLET (768px - 991px)
   Cards animam 60px do centro (layout 2 colunas)
   ============================================ */

@media (min-width: 768px) and (max-width: 991px) {
    .seasons-grid-timeline .season-card.reveal {
        transform: translateY(0) !important;
    }

    /* Cards ímpares (esquerda) - vêm da direita */
    .seasons-grid-timeline .season-card.reveal:nth-child(odd) {
        opacity: 0;
        transform: translateX(60px) !important;
        transition: opacity 0.7s ease-out, transform 0.7s ease-out;
    }

    /* Cards pares (direita) - vêm da esquerda */
    .seasons-grid-timeline .season-card.reveal:nth-child(even) {
        opacity: 0;
        transform: translateX(-60px) !important;
        transition: opacity 0.7s ease-out, transform 0.7s ease-out;
    }

    .seasons-grid-timeline .season-card.reveal.active {
        opacity: 1 !important;
        transform: translateX(0) !important;
    }

    /* Delays para tablet */
    .seasons-grid-timeline .season-card.reveal:nth-child(odd) {
        transition-delay: 0s;
    }

    .seasons-grid-timeline .season-card.reveal:nth-child(even) {
        transition-delay: 0.1s;
    }
}


/* ============================================
   MOBILE (< 768px)
   Cards animam 40px, layout de 2 colunas
   ============================================ */

@media (max-width: 767px) {
    .seasons-grid-timeline .season-card.reveal {
        transform: translateY(0) !important;
    }

    /* Cards ímpares (esquerda) - vêm da direita */
    .seasons-grid-timeline .season-card.reveal:nth-child(odd) {
        opacity: 0;
        transform: translateX(40px) !important;
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    /* Cards pares (direita) - vêm da esquerda */
    .seasons-grid-timeline .season-card.reveal:nth-child(even) {
        opacity: 0;
        transform: translateX(-40px) !important;
        transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    }

    .seasons-grid-timeline .season-card.reveal.active {
        opacity: 1 !important;
        transform: translateX(0) !important;
    }

    /* Delays para mobile */
    .seasons-grid-timeline .season-card.reveal:nth-child(odd) {
        transition-delay: 0s;
    }

    .seasons-grid-timeline .season-card.reveal:nth-child(even) {
        transition-delay: 0.1s;
    }
}