/* ========================================
   ESTILOS SUTIS E ELEGANTES DOS BOTÕES
   Cores bonitas sem exageros
======================================== */

/* CORES E GRADIENTES SUTIS PARA CADA BOTÃO */

/* Fale Comigo - WhatsApp Verde */
.hero-button:nth-child(1) {
    background: linear-gradient(135deg, #25d366, #20b358) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.25) !important;
}

.hero-button:nth-child(1):hover {
    box-shadow: 0 6px 16px rgba(37, 211, 102, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Ver Projetos - Azul Profissional */
.hero-button:nth-child(2) {
    background: linear-gradient(135deg, #1e40af, #3b82f6) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(59, 130, 246, 0.25) !important;
}

.hero-button:nth-child(2):hover {
    box-shadow: 0 6px 16px rgba(59, 130, 246, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Parcerias Educacionais - Laranja */
.hero-button:nth-child(3) {
    background: linear-gradient(135deg, #f59e0b, #f97316) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(249, 115, 22, 0.25) !important;
}

.hero-button:nth-child(3):hover {
    box-shadow: 0 6px 16px rgba(249, 115, 22, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Empreendedorismo Local - Verde Esmeralda */
.hero-button:nth-child(4) {
    background: linear-gradient(135deg, #10b981, #059669) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25) !important;
}

.hero-button:nth-child(4):hover {
    box-shadow: 0 6px 16px rgba(16, 185, 129, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Saúde Cidadã Inteligente - Azul Céu */
.hero-button:nth-child(5) {
    background: linear-gradient(135deg, #0ea5e9, #0284c7) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(14, 165, 233, 0.25) !important;
}

.hero-button:nth-child(5):hover {
    box-shadow: 0 6px 16px rgba(14, 165, 233, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Esporte e Bem-estar Local - Verde Natureza */
.hero-button:nth-child(6) {
    background: linear-gradient(135deg, #15803d, #16a34a) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(21, 128, 61, 0.25) !important;
}

.hero-button:nth-child(6):hover {
    box-shadow: 0 6px 16px rgba(21, 128, 61, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* PWA Instalar App - Amarelo */
.pwa-install-btn-hero,
.hero-button:nth-child(7) {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    color: #1f2937 !important;
    font-weight: 600 !important;
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.25) !important;
}

.pwa-install-btn-hero:hover,
.hero-button:nth-child(7):hover {
    box-shadow: 0 6px 16px rgba(251, 191, 36, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Transparência Pública - Azul Institucional */
.hero-button:nth-child(8) {
    background: linear-gradient(135deg, #1e40af, #1d4ed8) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(30, 64, 175, 0.25) !important;
}

.hero-button:nth-child(8):hover {
    box-shadow: 0 6px 16px rgba(30, 64, 175, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Assistente Digital - Roxo Tecnológico */
.hero-button:nth-child(9) {
    background: linear-gradient(135deg, #7c3aed, #6d28d9) !important;
    color: white !important;
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.25) !important;
}

.hero-button:nth-child(9):hover {
    box-shadow: 0 6px 16px rgba(124, 58, 237, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* Este Mandato É Seu - Dourado */
.hero-button:nth-child(10) {
    background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
    color: #1f2937 !important;
    font-weight: 700 !important;
    box-shadow: 0 4px 12px rgba(251, 191, 36, 0.25) !important;
}

.hero-button:nth-child(10):hover {
    box-shadow: 0 6px 16px rgba(251, 191, 36, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* ===== EFEITOS SUTIS ===== */

/* Transições suaves */
.hero-button {
    transition: all 0.3s ease !important;
}

/* Remove animações excessivas */
.hero-button {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
}

/* Remove efeitos de brilho */
.hero-button::before {
    display: none !important;
}

.hero-button::after {
    display: none !important;
}

/* Simplifica ícones */
.hero-button i {
    text-shadow: none !important;
    transition: none !important;
}

.hero-button:hover i {
    text-shadow: none !important;
    transform: none !important;
}

/* Remove pulso e outros efeitos */
@keyframes pulse {
    /* Vazio para remover animação */
}

/* Tipografia limpa */
.hero-button {
    font-family: 'Inter', sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0px !important;
    text-shadow: none !important;
}

/* Remove glassmorphism */
.hero-button {
    backdrop-filter: none !important;
    border: none !important;
}

/* Hover mais sutil */
.hero-button:hover {
    transform: translateY(-2px) !important;
}

/* Focus mais discreto */
.hero-button:focus,
.hero-button:active {
    outline: none !important;
    ring: none !important;
    ring-offset: none !important;
}

/* Remove will-change para melhor performance */
.hero-button {
    will-change: auto !important;
    contain: none !important;
}

/* Simplifica responsividade */
@media (max-width: 768px) {
    .hero-button:hover {
        transform: translateY(-1px) !important;
    }
}

/* Remove overflow hidden */
.hero-button {
    overflow: visible !important;
}

/* Mantém apenas as cores e sombras sutis */
.hero-button {
    position: relative !important;
    z-index: 1 !important;
}