/* ==========================================================================
   PÁGINA: PREGUNTAS FRECUENTES - BANNER SUPERIOR
   ========================================================================== */

.axben-faq-hero {
    width: 100%;
    height: 250px; /* Altura suficiente para lucir el fondo y permitir la superposición */
    background-color: #e9ecef; /* Color de respaldo gris claro */
    
    /* Imagen de fondo de las ondas abstractas */
    background-image: url('../../assets/images/bg-faq-banner.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
    position: relative;
    z-index: 1; /* Asegura que se mantenga en el fondo */
}

/* ==========================================================================
   RESPONSIVE MÓVIL
   ========================================================================== */
@media screen and (max-width: 768px) {
    .axben-faq-hero {
        height: 180px; /* Reducimos la altura en pantallas pequeñas */
    }
}