/* Gradiente de fundo suave para seções claras */
.section-gradient {
    background-color: #f7fafc; /* fallback */
    background-image: linear-gradient(180deg, #ffffff 0%, #f9fafb 100%);
}

/* Animação de entrada suave para elementos ao rolar */
.reveal {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}
.reveal.active {
    opacity: 1;
    transform: translateY(0);
}


/* Estilos para o Acordeão do FAQ */
.faq-question { cursor: pointer; transition: background-color 0.2s ease; }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.5s ease-in-out, padding 0.5s ease-in-out; padding: 0 1.5rem; }
.faq-item.active .faq-answer { max-height: 200px; padding-bottom: 1.5rem; }
.faq-item.active .faq-arrow { transform: rotate(180deg); }
.faq-arrow { transition: transform 0.3s ease; }

/* Efeito de destaque para cards de features */
.feature-card { transition: transform 0.3s ease, box-shadow 0.3s ease; }
.feature-card:hover { transform: translateY(-8px); box-shadow: 0 20px 30px -10px rgba(221, 107, 32, 0.2); }
.feature-card .feature-icon { transition: transform 0.3s ease; }
.feature-card:hover .feature-icon { transform: scale(1.1) rotate(-10deg); }

/* ESTILOS PARA OS CONTROLES DO SWIPER.JS */
.swiper-button-next, .swiper-button-prev {
    color: #ea580c !important; /* Laranja */
}
.swiper-pagination-bullet-active {
    background-color: #ea580c !important; /* Laranja */
}