/*
 * ==========================================================
 * CSS (V1.1) - Texto Animado + Botão
 * Ficheiro: assets/css/scroll-text-button.css
 * ==========================================================
 */

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

/* 2. Fundo (com Parallax) */
.ezg-scroll-text-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    z-index: 0;
    background-size: cover;
    background-position: center center;
}

/* 3. Slideshow 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; /* Começa invisível */
}

/* 4. Overlay */
.ezg-scroll-text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1; 
    pointer-events: none;
}

/* 5. Contentor do Texto e Botão */
.ezg-scroll-text-container {
    position: relative; 
    z-index: 2;
    /* Adicione isto para alinhar ao centro no desktop */
    margin-left: auto;
    margin-right: auto;
}

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

/*
 * 6. PREPARAÇÃO DA ANIMAÇÃO (CORREÇÃO FINAL V3)
 */

/* O contentor do título */
.ezg-scroll-text-title {
    white-space: normal; 
    word-wrap: break-word;
    line-height: 1.3;
    margin: 0;
    /* O alinhamento vem do PHP */
}

/* A Palavra (Wrapper das letras) */
.ezg-scroll-text-title .word {
    display: inline; /* Correção V3: inline puro */
    white-space: nowrap;
    margin: 0; padding: 0;
}

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

/* NOVO: Texto de Apoio */
.ezg-scroll-text-subtitle {
    display: block;
    opacity: 0; /* Começa invisível para o Fade */
    /* Cor, margem, largura e alinhamento vêm do PHP */
}


/*
 * 7. (NOVO) ESTILOS DO BOTÃO
 */
.ezg-scroll-text-button-wrapper {
    /* O 'margin-top' e 'text-align' são controlados pelos Sliders do Elementor */
    width: 100%;
    
    /* *** ADICIONE ESTA LINHA *** */
    /* Começa invisível para a animação GSAP */
    opacity: 0; 
}

.ezg-scroll-text-button {
    display: inline-block; /* Para respeitar padding, margin e alinhamento */
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    /* O resto (cores, padding, border) vem dos controlos de estilo */
}