.elementor-4493 .elementor-element.elementor-element-6ad6293{--display:flex;}.elementor-4493 .elementor-element.elementor-element-2167339{--spacer-size:60px;}.elementor-4493 .elementor-element.elementor-element-05c0927{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4493 .elementor-element.elementor-element-03f8a87{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4493 .elementor-element.elementor-element-af0ec75{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-44cef2f *//* --- Estilos del Encabezado del FAQ --- */

.header-faq {
    text-align: center;
    margin-bottom: 40px;
}

.header-faq h1 {
    font-size: 2.8em;
    color: var(--color-primary-azul);
    font-family: var(--font-primary); /* Shrikhand */
    text-transform: uppercase;
}

.header-faq h2 {
    font-size: 1.2em;
    color: var(--color-secondary-gris);
    font-family: var(--font-body); /* Lato */
    font-weight: 400;
    margin-top: 10px;
}

/* --- Estilos del ACORDEÓN (Coherente con la clase .seccion) --- */

/* Estilo de la pregunta (cabecera del acordeón) - Estado Cerrado */
.elementor-accordion .elementor-tab-title {
    /* Fondo suave similar al de la sección */
    background-color: var(--color-background-soft); 
    border-radius: 8px;
    padding: 20px;
    border: none;
    margin-bottom: 12px;
    
    /* Borde lateral similar a .seccion */
    border-left: 6px solid var(--color-secondary-gris); /* Gris Magenta para cerrado */
    
    transition: all 0.3s;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); /* Sombra sutil */
}

/* Texto de la pregunta (simula el h3 de las secciones) */
.elementor-accordion .elementor-tab-title a {
    color: var(--color-secondary-gris); /* Gris Magenta */
    font-weight: 700;
    font-size: 1.15em;
    font-family: var(--font-body);
    letter-spacing: 0.5px;
}

/* ESTADO ACTIVO: PREGUNTA ABIERTA (VIBRANTE) */
.elementor-accordion .elementor-tab-title.elementor-active {
    /* Borde lateral en Azul Primario */
    border-left: 6px solid var(--color-primary-azul); 
    
    /* Fondo limpio para destacar el contenido */
    background-color: #ffffff; 
    
    /* Sombra más marcada */
    box-shadow: 0 6px 20px rgba(0, 48, 255, 0.15);
}

.elementor-accordion .elementor-tab-title.elementor-active a {
    color: var(--color-primary-azul); /* Texto de la pregunta en Azul Principal */
    font-weight: 700;
}

/* Contenido de la respuesta (LIMPIO Y NATURAL) */
.elementor-accordion .elementor-tab-content {
    background-color: #ffffff;
    padding: 15px 25px 15px 25px;
    border: 1px solid #e0e0e0;
    border-top: none;
    border-radius: 0 0 8px 8px;
    margin-bottom: 20px;
    color: #444;
    line-height: 1.7;
    font-family: var(--font-body);
}

/* Ícono del acordeón */
.elementor-accordion .elementor-accordion-icon {
    color: var(--color-secondary-gris);
}

.elementor-accordion .elementor-tab-title.elementor-active .elementor-accordion-icon {
    color: var(--color-primary-azul);
}

/* --- Listas Personalizadas dentro del Contenido --- */

.elementor-accordion .elementor-tab-content ul.lista-custom {
    list-style-type: none; 
    padding-left: 0;
    margin-top: 15px;
}
.elementor-accordion .elementor-tab-content ul.lista-custom li {
    padding-left: 30px;
    position: relative;
    margin-bottom: 8px;
}
.elementor-accordion .elementor-tab-content ul.lista-custom li::before {
    content: "▶";
    color: var(--color-primary-azul);
    font-size: 0.8em;
    position: absolute;
    left: 0;
    top: 5px;
}

/* Enlaces dentro del FAQ */
.elementor-accordion .elementor-tab-content a.link-ruta {
    color: var(--color-secondary-gris);
    text-decoration: none;
    border-bottom: 2px solid var(--color-primary-azul);
    transition: all 0.3s ease-in-out;
}
.elementor-accordion .elementor-tab-content a.link-ruta:hover {
    color: var(--color-primary-azul);
    border-bottom: 2px solid var(--color-secondary-gris);
}

/* --- Responsive Básico --- */
@media (max-width: 768px) {
    .header-faq h1 {
        font-size: 1.8em;
    }
    .elementor-accordion .elementor-tab-title {
        padding: 15px;
    }
}/* End custom CSS */