/**
 * Controle específico para a cor do texto do hero
 * Versão: 8.0 (08/10/2025) - Overlay escuro aplicado
 * 
 * @author Roka Digital - https://rokadigital.com.br/contato/
 */

/* NÃO REMOVER O OVERLAY - Ele é definido em paleta-override.css e paleta-consigas.css */

/* Cor do título do hero com sombras fortes para legibilidade */
.hero-title {
    color: #FFFFFF !important;
    text-shadow: 3px 3px 8px rgba(0, 0, 0, 0.9), 
                 2px 2px 5px rgba(0, 0, 0, 0.8),
                 1px 1px 3px rgba(0, 0, 0, 0.7) !important;
    font-weight: 700 !important;
}

/* Cor do subtítulo do hero com sombras fortes */
.hero-subtitle {
    color: #FFFFFF !important;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.9),
                 1px 1px 4px rgba(0, 0, 0, 0.8) !important;
    font-weight: 600 !important;
}

/* Garantir que todo texto no hero seja branco com sombra */
.hero-content,
.hero-content * {
    color: #FFFFFF !important;
}

/* Melhorar contraste dos botões */
.hero-buttons .btn {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.5),
                0 2px 8px rgba(0, 0, 0, 0.4) !important;
}

.hero-buttons .btn:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.6),
                0 4px 12px rgba(0, 0, 0, 0.5) !important;
}