/**
 * Controle específico para a cor do texto do hero
 * Versão: 6.0 (03/10/2025) - Overlay leve com sombras fortes nos textos
 * 
 * @author Roka Digital - https://rokadigital.com.br/contato/
 */

/* Overlay escuro leve - apenas para dar contraste aos textos */
.hero::before {
    background: rgba(0, 0, 0, 0.35) !important;
}

/* Cor do título do hero com sombras MUITO fortes para compensar overlay leve */
.hero-title {
    color: #FFFFFF !important;
    text-shadow: 4px 4px 15px rgba(0, 0, 0, 1), 
                 3px 3px 10px rgba(0, 0, 0, 0.95),
                 2px 2px 6px rgba(0, 0, 0, 0.9),
                 0 0 30px rgba(0, 0, 0, 0.8) !important;
    font-weight: 700 !important;
}

/* Cor do subtítulo do hero com sombras MUITO fortes */
.hero-subtitle {
    color: #FFFFFF !important;
    text-shadow: 3px 3px 12px rgba(0, 0, 0, 1),
                 2px 2px 8px rgba(0, 0, 0, 0.95),
                 1px 1px 5px rgba(0, 0, 0, 0.9),
                 0 0 25px rgba(0, 0, 0, 0.7) !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;
}