/* 
 * SOLUÇÃO FINAL PARA BOTÕES DA HERO
 * Este arquivo contém todas as correções necessárias para garantir
 * que os botões da hero section sejam clicáveis
 */

/* Ajustes para a hero section e seu conteúdo */
.hero-section {
    position: relative !important;
    z-index: 1 !important;
}

.hero-content {
    position: relative !important;
    z-index: 9999 !important;
    pointer-events: auto !important;
}

.hero-container {
    position: relative !important;
    z-index: 50 !important;
}

/* Para os botões específicos */
.hero-btn,
.hero-btn-primary,
.hero-btn-secondary,
.hero-content a {
    /* Estilos importantes para garantir clicabilidade */
    cursor: pointer !important;
    position: relative !important;
    z-index: 999999 !important; /* z-index extremamente alto */
    pointer-events: auto !important;
    user-select: auto !important; /* Permite selecionar o texto do botão */
    -webkit-tap-highlight-color: rgba(254, 119, 2, 0.3) !important; /* Feedback visual em dispositivos móveis */
}

.hero-cta {
    position: relative !important;
    z-index: 99999 !important;
    pointer-events: auto !important;
}

/* Para os elementos decorativos */
.hero-decoration,
.hero-decoration-1,
.hero-decoration-2,
.hero-decoration-3,
.hero-circle,
.hero-dots,
.hero-lines,
.hero-overlay,
.hero-grid,
.hero-background,
.hero-measure-label,
.hero-measure-line,
.hero-model-container,
.hero-model,
.hero-visual,
.hero-connection-lines {
    pointer-events: none !important;
}

/* Feedback visual ao passar o mouse */
.hero-btn:hover,
.hero-btn-primary:hover,
.hero-btn-secondary:hover,
.hero-content a:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 20px rgba(254, 119, 2, 0.2) !important;
    transition: all 0.3s ease !important;
}