/*
 * ==========================================================
 * CSS (V1.0) - Texto Animado por Scroll
 * Ficheiro: assets/css/scroll-text.css
 * ==========================================================
 */

/* 1. Wrapper Principal (A Secção 100vh) */
.ezg-scroll-text-wrapper {
    position: relative; 
    width: 100%;
    overflow: hidden; 
    
    /* --- NOVAS REGRAS --- */
    display: flex;
    /* O justify-content (horizontal) é controlado pelo novo PHP */
    align-items: center; /* Alinha verticalmente no centro (default) */
    /* --- FIM --- */
}

/* 2. Fundo (com Parallax) */
.ezg-scroll-text-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* <-- DEVOLVIDO. Isto é necessário. */
    z-index: 0; /* Fica no fundo */
    background-size: cover;
    background-position: center center;
}

/* 3. Overlay */
.ezg-scroll-text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; /* Fica por cima do fundo */
    pointer-events: none;
    
    /* A cor/gradiente vem dos controlos do Elementor */
}

/* 4. Contentor do Texto */
.ezg-scroll-text-container {
    position: relative; 
    z-index: 2;
}

.ezg-scroll-text-title {
    /* Cor, Tipografia e Alinhamento vêm dos controlos */
}

/* * 5. Estilos de Texto e Animação 
 */

/* Título (Correção de Alinhamento V3) */
.ezg-scroll-text-title {
    white-space: normal; 
    word-wrap: break-word;
    line-height: 1.3;
    margin: 0;
    /* Alinhamento (left/center) vem do PHP */
}

/* A Palavra */
.ezg-scroll-text-title .word {
    display: inline; /* Faz fluir naturalmente */
    white-space: nowrap; /* Impede quebra a meio da palavra */
    margin: 0; padding: 0;
}

/* A Letra (Char) */
.ezg-scroll-text-title .word .char {
    display: inline-block; /* Necessário para GSAP */
    opacity: 0; 
    min-width: 0.02em; 
}

/* NOVO: Texto de Apoio */
.ezg-scroll-text-subtitle {
    display: block; 
    opacity: 0; /* Começa invisível (fade) */
    /* Cor, margem e tipografia vêm do PHP */
}

/* Slide de Fundo */
.ezg-scroll-text-bg-slide {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-size: cover;
    background-position: center center;
    opacity: 0;
}