/* Previne o realce azul nativo do clique em smartphones */
html {
    -webkit-tap-highlight-color: transparent;
    background-color: #f8fafc;
}

/* Textura sutil estilo malha para a hero corporativa */
.mesh-bg {
    background-image: 
        radial-gradient(at 50% 0%, rgba(2, 132, 199, 0.04) 0px, transparent 50%),
        radial-gradient(at 0% 100%, rgba(239, 68, 68, 0.02) 0px, transparent 50%);
}

/* Botão de conversão principal — vermelho vivo */
.btn-primary {
    background: #ef4444;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn-primary:hover {
    background: #b91c1c;
    transform: translateY(-1px);
    box-shadow: 0 8px 25px rgba(239, 68, 68, 0.35);
}

.btn-primary:active {
    transform: translateY(1px);
}

/* Animação profissional de atenção para o botão focada em vermelho/coral */
.pulse-ring {
    animation: techPulse 2.5s infinite;
}

@keyframes techPulse {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(239, 68, 68, 0.4);
    }
    50% {
        box-shadow: 0 0 0 10px rgba(239, 68, 68, 0);
    }
}

/* Estilos nativos essenciais controlados via JS para o FAQ Accordion */
.faq-content {
    transition: max-height 0.3s ease-in-out, opacity 0.25s ease-in-out;
}

.faq-item.active {
    border-color: rgba(239, 68, 68, 0.2) !important;
    box-shadow: 0 4px 12px -2px rgba(15, 23, 42, 0.04);
}