/* =================================================== */
/* ==== ESTILO CENTRAL - AZANKI ENGENHARIA 2025 ==== */
/* =================================================== */
body {
    box-sizing: border-box;
    font-family: 'Inter', sans-serif;
    background-color: #111111;
    color: #E5E7EB;
}
.bg-primary { background-color: #111111; }
.bg-white-section { background-color: #FFFFFF; }
.text-dark { color: #1F2937; }
.bg-accent { background-color: #FF6B35; }
.text-accent { color: #FF6B35; }
.border-accent { border-color: #FF6B35; }
.hero-bg { background-size: cover; background-position: center center; position: relative; }
.hero-overlay { background-color: rgba(0, 0, 0, 0.7); }
.slide-up { opacity: 0; transform: translateY(40px); transition: all 0.7s ease-out; }
.slide-up.visible { opacity: 1; transform: translateY(0); }
.scale-hover { transition: transform 0.3s ease; }
.scale-hover:hover { transform: scale(1.03); }
.gradient-text { background: linear-gradient(135deg, #FF6B35 0%, #FF8A65 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.text-shadow-subtle { text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.5); }
.cta-button { background-color: #FF6B35; transition: background-color 0.3s ease, transform 0.3s ease; }
.cta-button:hover { background-color: #E65C2B; transform: translateY(-3px); }
.secondary-button { background-color: transparent; border: 2px solid #FF6B35; color: #FF6B35; transition: all 0.3s ease; }
.secondary-button:hover { background-color: #FF6B35; color: #FFFFFF; transform: translateY(-3px); }
.section-divider { height: 2px; background: linear-gradient(90deg, transparent, #FF6B35, transparent); margin: 3rem 0; }
.form-input { width: 100%; background-color: #F3F4F6; border: 2px solid transparent; color: #111827; border-radius: 0.5rem; padding: 0.75rem 1rem; transition: border-color 0.3s ease; }
.form-input:focus { outline: none; border-color: #FF6B35; }

.bg-white-section .contact-item,
.bg-white-section .guarantee-item { color: #374151; }
.bg-white-section .contact-item a { color: #374151; transition: color 0.3s ease; }
.bg-white-section .contact-item a:hover { color: #FF6B35; }

/* Animação de brilho para texto laranja */
.text-glow-orange { animation: text-glow-pulse 2.5s infinite ease-in-out; }
@keyframes text-glow-pulse {
    0%, 100% { text-shadow: 0 0 8px rgba(255, 107, 53, 0.6); }
    50% { text-shadow: 0 0 20px rgba(255, 107, 53, 0.9); }
}

/* Animação de digitação */
.typing-animation {
    display: inline-block; /* Essencial para a animação de largura */
    overflow: hidden;
    white-space: nowrap;
    border-right: .15em solid #FF6B35; /* O cursor piscando */
    animation: typing 3.5s steps(30, end), blink-caret .75s step-end infinite;
}
@keyframes typing { from { width: 0 } to { width: 100% } }
@keyframes blink-caret { from, to { border-color: transparent } 50% { border-color: #FF6B35; } }

/* Caixas de estatísticas com efeito neon */
.stat-box {
    background-color: #FF6B35;
    color: white;
    padding: 1rem;
    border-radius: 0.75rem;
    text-align: center;
    box-shadow: 0 0 15px rgba(255, 107, 53, 0.5);
    animation: neon-pulse 2.5s infinite ease-in-out;
    transition: transform 0.3s ease;
}
.stat-box:hover {
    transform: translateY(-5px);
}
@keyframes neon-pulse {
    0%, 100% { box-shadow: 0 0 15px rgba(255, 107, 53, 0.5); }
    50% { box-shadow: 0 0 25px rgba(255, 107, 53, 0.9); }
}

/* Estilos do Rodapé */
.footer-social-icon { transition: transform 0.3s ease, color 0.3s ease; }
.footer-social-icon:hover { transform: scale(1.15) translateY(-2px); color: #FF6B35; }