/* ==========================================================================
   CUSTOM FAQS LANDING - Sobreescrituras para la pagina de FAQs como landing.
   Requiere custom-faqs.css como base. Define el bloque de acordeon a ancho
   completo (sin imagen lateral) y el padding del header fijo.
   ========================================================================== */

/* ----------------------------------------------------------------------------
   Estilos base (Desktop >1500px)
   ---------------------------------------------------------------------------- */

/* Padding superior para compensar el header fijo */
body.faqs #middle {
    padding-top: 132px;
}


/* Sin imagen: faqBox en columna, content centrado con ancho maximo */
body.faqs #faqSec .faqBox {
    display: flex;
    flex-direction: column;
    align-items: center;
}
body.faqs #faqSec .faqBox .content {
    width: 100%;
    max-width: 800px;
    padding: 0;
}

/* Ocultar boton de explorar (no aplica en landing) */
body.faqs #faqSec .exploreBtn {
    display: none;
}

/* ----------------------------------------------------------------------------
   Tablet (Portrait) - Pantallas de 768px a 960px
   ---------------------------------------------------------------------------- */

@media only screen and (min-width: 768px) and (max-width: 960px) {

body.faqs #middle                                   { padding-top: 88px; }

}

/* ----------------------------------------------------------------------------
   Mobile (Portrait) - Pantallas de hasta 767px
   ---------------------------------------------------------------------------- */

@media only screen and (max-width: 767px) {

body.faqs #middle                                   { padding-top: 60px; }

}