/* Removendo a máscara de cor da hero section na versão mobile */
@media (max-width: 1024px) {
    /* Removendo a máscara dourada */
    .hero-image::after {
        display: none; /* Removendo completamente a máscara */
    }
    
    /* Ajustando o texto para garantir legibilidade sem a máscara */
    .hero-content {
        margin-top: 20px; /* Espaçamento positivo para posicionar abaixo da imagem */
        background-color: var(--background-white);
        padding: var(--spacing-lg);
        border-radius: var(--radius-lg);
        box-shadow: var(--shadow);
        text-align: center;
        position: relative;
        z-index: 2;
    }
    
    /* Garantindo que o texto tenha cores adequadas */
    .hero-title, .hero-subtitle {
        color: var(--primary-color);
    }
    
    .hero-description {
        color: var(--text-light);
    }
}