@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');

body { 
    font-family: 'Poppins', sans-serif; 
    scroll-behavior: smooth; 
}

.nav-link:hover, .dropdown-menu a:hover, .nav-link.active, .dropdown-menu a.active { 
    color: #9D2E35; 
}

.floating-whatsapp { 
    animation: pulse 2s infinite; 
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }
    70% { box-shadow: 0 0 0 10px rgba(37, 211, 102, 0); }
    100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }
}

html { 
    scroll-padding-top: 80px; /* Ajuste para o header fixo */
}

/* Estilos para efeitos de hover que estavam nos arquivos originais */
.unit-card:hover { 
    box-shadow: 0 10px 20px rgba(0,0,0,0.1); 
}

.convenio-logo-card:hover { 
    transform: scale(1.05); 
    box-shadow: 0 5px 15px rgba(0,0,0,0.1); 
}

.testimonial-card:hover { 
    transform: scale(1.02); 
}

.service-card:hover { 
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(0,0,0,0.1); 
}

/* Animações do Hero Section */
.animated-gradient-hero {
    position: relative;
    background: linear-gradient(-45deg, #9D2E35, #2A2A2A, #7A242A, #3f3f3f);
    background-size: 400% 400%;
    animation: gradientBG 20s ease infinite;
    color: white;
    overflow: hidden;
}

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
}

.hero-content-container {
    position: relative;
    z-index: 2;
}

@keyframes gradientBG {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes fadeInSlideUp { 
    from { opacity: 0; transform: translateY(30px); } 
    to { opacity: 1; transform: translateY(0); } 
}

.hero-title { animation: fadeInSlideUp 1s ease-out 0.3s forwards; opacity: 0; }
.hero-subtitle { animation: fadeInSlideUp 1s ease-out 0.6s forwards; opacity: 0; }
.hero-buttons-container > * { animation: fadeInSlideUp 0.8s ease-out forwards; opacity: 0; }
.hero-buttons-container > *:nth-child(1) { animation-delay: 0.9s; }
.hero-buttons-container > *:nth-child(2) { animation-delay: 1.1s; }
.hero-buttons-container > *:nth-child(3) { animation-delay: 1.3s; }

/* Estilos para o Acordeão do FAQ */
.accordion-content { 
    max-height: 0; 
    overflow: hidden; 
    transition: max-height 0.4s ease-out; 
}

.faq-question .fa-chevron-down { 
    transition: transform 0.3s ease-out; 
}

.faq-question.active .fa-chevron-down { 
    transform: rotate(180deg); 
}