/* ==========================================================================
   FAQs Landing Page
   Estilos específicos de la landing de FAQs.
   Los estilos base del acordeón están en neobookings.css (#faqsSec)
   ========================================================================== */

/* Display flex en h4 para alinear texto y flecha */
#faqsSec .faqs__item .faqs-header h4 {
    display: flex;
    align-items: center;
}

/* Ocultar cuerpo por defecto (JS lo gestiona con slideDown/slideUp) */
#faqsSec .faqs__item .faqs-body {
    display: none;
}

/* ---- RESPONSIVE: Tablet (992px - 1920px) ---- */
@media (min-width: 992px) and (max-width: 1920px) {

    #faqsSec .faqs {
        padding: 0 60px;
    }

}

/* ---- RESPONSIVE: Mobile (< 992px) ---- */
@media (max-width: 991px) {

    #faqsSec .topContent {
        margin-bottom: 40px;
    }

    #faqsSec .topContent .h3 {
        font-size: 2rem;
        line-height: 2.5rem;
    }

    #faqsSec .faqs__item .faqs-header h4 {
        font-size: 1.125rem;
        line-height: 1.5rem;
    }

}