/* =========================================================
   VIENTOS SONOROS - Página Musicoterapia
   Hero interior
   ========================================================= */

.vs-hero-musicoterapia {
    position: relative;
    min-height: 520px;
    display: flex;
    align-items: center;
    overflow: hidden;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    border-bottom: 1px solid rgba(29, 37, 48, 0.08);
}

/* Suaviza la imagen y mejora la lectura */
.vs-hero-musicoterapia::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg,
            rgba(250, 248, 251, 0.97) 0%,
            rgba(245, 238, 248, 0.91) 36%,
            rgba(233, 221, 240, 0.62) 64%,
            rgba(233, 221, 240, 0.18) 100%);
    pointer-events: none;
}

/* Todo el contenido por encima del overlay */
.vs-hero-musicoterapia>* {
    position: relative;
    z-index: 2;
}

/* Contenedor general del hero */
.vs-hero-musicoterapia .vs-musicoterapia-hero__content {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 90px 24px;
}

/* Variante alineada a la izquierda */
.vs-hero-musicoterapia .vs-musicoterapia-hero__content--left {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 90px 24px;
    transform: translateX(-120px);
}

/* Fuerza una sola columna alineada a la izquierda */
.vs-hero-musicoterapia .vs-musicoterapia-hero__content--left>.elementor-container {
    justify-content: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important;
}

.vs-hero-musicoterapia .vs-musicoterapia-hero__content--left .elementor-column {
    width: 100% !important;
    max-width: 1000px !important;
}

/* Quita caja blanca y deja el texto directamente sobre el fondo */
.vs-hero-musicoterapia .vs-musicoterapia-hero__content--left .elementor-widget-wrap,
.vs-hero-musicoterapia .vs-musicoterapia-hero__content--left .elementor-column-wrap {
    max-width: 1000px;
    margin-left: 0;
    margin-right: auto;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
}

/* Etiqueta superior */
.vs-musicoterapia-hero__eyebrow,
.vs-musicoterapia-hero__eyebrow .elementor-heading-title {
    display: inline-block;
    margin-bottom: 16px !important;
    color: var(--vs-color-purple) !important;
    font-size: 0.85rem !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
}

/* Título principal */
.vs-musicoterapia-hero__title,
.vs-musicoterapia-hero__title .elementor-heading-title {
    max-width: 1000px;
    margin: 0 0 22px !important;
    color: var(--vs-color-dark) !important;
    font-size: clamp(2.7rem, 5vw, 4.4rem) !important;
    font-weight: 850 !important;
    line-height: 1.04 !important;
    letter-spacing: -0.045em !important;
}

/* Texto / subtítulo */
.vs-musicoterapia-hero__subtitle,
.vs-musicoterapia-hero__subtitle p,
.vs-musicoterapia-hero__subtitle .elementor-heading-title {
    max-width: 1000px;
    margin: 20px 0 0 !important;
    color: rgba(29, 37, 48, 0.76) !important;
    font-size: clamp(1.05rem, 1.4vw, 1.25rem) !important;
    font-weight: 550 !important;
    line-height: 1.6 !important;
    text-align: justify;
    text-justify: inter-word;
}

/* Responsive tablet */
@media (max-width: 1024px) {
    .vs-hero-musicoterapia .vs-musicoterapia-hero__content--left {
        transform: none;
    }
}

@media (max-width: 921px) {
    .vs-hero-musicoterapia {
        min-height: 500px;
        background-position: center center !important;
    }

    .vs-hero-musicoterapia::before {
        background:
            linear-gradient(180deg,
                rgba(250, 248, 251, 0.97) 0%,
                rgba(245, 238, 248, 0.92) 58%,
                rgba(233, 221, 240, 0.68) 100%);
    }

    .vs-hero-musicoterapia .vs-musicoterapia-hero__content,
    .vs-hero-musicoterapia .vs-musicoterapia-hero__content--left {
        padding: 78px 22px;
    }

    .vs-hero-musicoterapia .vs-musicoterapia-hero__content--left .elementor-column {
        max-width: 100% !important;
    }

    .vs-hero-musicoterapia .vs-musicoterapia-hero__content--left .elementor-widget-wrap,
    .vs-hero-musicoterapia .vs-musicoterapia-hero__content--left .elementor-column-wrap {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0 !important;
    }
}

/* Responsive móvil */
@media (max-width: 767px) {

    .vs-hero-musicoterapia {
        min-height: auto;

        /* Elimina la imagen de fondo del hero en móvil */
        background-image: none !important;
        background-color: #f7f4fb !important;
        background-position: initial !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
    }

    /*
     * Mantiene un fondo claro sin cargar ninguna imagen.
     */
    .vs-hero-musicoterapia::before {
        background:
            linear-gradient(180deg,
                rgba(255, 255, 255, 1) 0%,
                rgba(247, 244, 251, 1) 100%);
    }

    .vs-hero-musicoterapia::after {
        opacity: 0.5;
        background:
            radial-gradient(circle at 12% 18%,
                rgba(212, 175, 205, 0.18) 0,
                transparent 38%),
            radial-gradient(circle at 88% 82%,
                rgba(168, 218, 220, 0.16) 0,
                transparent 40%);
    }

    .vs-hero-musicoterapia .vs-musicoterapia-hero__content,
    .vs-hero-musicoterapia .vs-musicoterapia-hero__content--left {
        padding: 64px 18px;
    }

    .vs-musicoterapia-hero__title,
    .vs-musicoterapia-hero__title .elementor-heading-title {
        font-size: clamp(2.1rem, 9vw, 3rem) !important;
    }

    .vs-musicoterapia-hero__subtitle,
    .vs-musicoterapia-hero__subtitle p,
    .vs-musicoterapia-hero__subtitle .elementor-heading-title {
        margin-top: 16px !important;
        font-size: 1rem !important;
        line-height: 1.55 !important;
        text-align: justify !important;
    }
}

/* =========================================================
   VIENTOS SONOROS - Página Musicoterapia
   Bloque introducción
   ========================================================= */

.vs-musicoterapia-intro {
    background: #fbfafc;
}

/* Columna izquierda específica de Musicoterapia */
.vs-musicoterapia-intro .vs-musicoterapia-intro__aside .elementor-widget-wrap,
.vs-musicoterapia-intro .vs-programas-intro__aside.vs-musicoterapia-intro__aside .elementor-widget-wrap {
    background:
        radial-gradient(circle at 12% 12%, rgba(255, 255, 255, 0.42) 0, transparent 34%),
        linear-gradient(135deg, rgba(233, 221, 240, 0.96) 0%, rgba(212, 175, 205, 0.82) 100%);
}

/* Columna derecha */
.vs-musicoterapia-intro .vs-musicoterapia-intro__content .elementor-widget-wrap,
.vs-musicoterapia-intro .vs-programas-intro__content.vs-musicoterapia-intro__content .elementor-widget-wrap {
    border-color: rgba(126, 63, 152, 0.12);
    box-shadow: 0 18px 46px rgba(63, 54, 80, 0.11);
}

/* Eyebrow morado */
.vs-musicoterapia-intro .vs-programas-intro__eyebrow,
.vs-musicoterapia-intro .vs-programas-intro__eyebrow .elementor-heading-title {
    color: var(--vs-color-purple) !important;
}

/* Título */
.vs-musicoterapia-intro .vs-programas-intro__title,
.vs-musicoterapia-intro .vs-programas-intro__title .elementor-heading-title {
    color: var(--vs-color-dark) !important;
}

/* Frase destacada */
.vs-musicoterapia-intro .vs-programas-intro__highlight,
.vs-musicoterapia-intro .vs-programas-intro__highlight p {
    color: rgba(29, 37, 48, 0.82) !important;
}

/* Texto largo */
.vs-musicoterapia-intro .vs-programas-intro__text,
.vs-musicoterapia-intro .vs-programas-intro__text p {
    color: rgba(29, 37, 48, 0.78) !important;
}

/* Negritas dentro del texto */
.vs-musicoterapia-intro .vs-programas-intro__text strong,
.vs-musicoterapia-intro .vs-programas-intro__text b {
    color: var(--vs-color-purple);
    font-weight: 850;
}

/* Pequeño detalle visual en la columna izquierda */
.vs-musicoterapia-intro .vs-programas-intro__aside .elementor-widget-wrap::before,
.vs-musicoterapia-intro .vs-musicoterapia-intro__aside .elementor-widget-wrap::before {
    content: "";
    display: block;
    width: 58px;
    height: 5px;
    margin: 0 0 28px;
    border-radius: 999px;
    background: var(--vs-color-purple);
    opacity: 0.85;
}

/* Responsive tablet */
@media (max-width: 921px) {
    .vs-musicoterapia-intro {
        background: #fbfafc;
    }
}

/* Responsive móvil */
@media (max-width: 767px) {

    .vs-musicoterapia-intro .vs-programas-intro__aside .elementor-widget-wrap::before,
    .vs-musicoterapia-intro .vs-musicoterapia-intro__aside .elementor-widget-wrap::before {
        width: 48px;
        height: 4px;
        margin-bottom: 24px;
    }

    .vs-musicoterapia-intro .vs-programas-intro__highlight,
    .vs-musicoterapia-intro .vs-programas-intro__highlight p {
        text-align: justify !important;
    }
}



/* =========================================================
   VIENTOS SONOROS - Página Musicoterapia
   Bloque FAQs
   ========================================================= */

.vs-faqs-musicoterapia {
    background: #fbfafc;
}

/* Título */
.vs-faqs-musicoterapia .vs-faqs__title,
.vs-faqs-musicoterapia .vs-faqs__title .elementor-heading-title {
    color: var(--vs-color-dark) !important;
}

/* Subtítulo */
.vs-faqs-musicoterapia .vs-faqs__lead,
.vs-faqs-musicoterapia .vs-faqs__lead p {
    color: rgba(29, 37, 48, 0.76) !important;
}

/* Cada item del acordeón */
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-accordion-item {
    border-color: rgba(126, 63, 152, 0.12) !important;
    box-shadow: 0 14px 34px rgba(63, 54, 80, 0.08);
}

/* Pregunta */
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-title {
    color: var(--vs-color-dark) !important;
}

/* Enlace dentro de la pregunta */
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-title a {
    color: var(--vs-color-dark) !important;
}

/* Pregunta activa / hover */
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-title:hover,
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-title.elementor-active {
    background: rgba(233, 221, 240, 0.48) !important;
    color: var(--vs-color-purple) !important;
}

.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-title:hover a,
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-title.elementor-active a {
    color: var(--vs-color-purple) !important;
}

/* Icono del acordeón */
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-accordion-icon,
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-accordion-icon i,
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-accordion-icon svg {
    color: var(--vs-color-purple) !important;
    fill: var(--vs-color-purple) !important;
}

/* Icono activo */
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-title.elementor-active .elementor-accordion-icon,
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-title.elementor-active .elementor-accordion-icon i,
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-title.elementor-active .elementor-accordion-icon svg {
    color: var(--vs-color-purple) !important;
    fill: var(--vs-color-purple) !important;
}

/* Respuesta */
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-content {
    color: rgba(29, 37, 48, 0.76) !important;
}

/* Enlaces dentro de las respuestas */
.vs-faqs-musicoterapia .vs-faqs__accordion .elementor-tab-content a {
    color: var(--vs-color-purple) !important;
    font-weight: 750;
    text-decoration: underline;
    text-underline-offset: 3px;
}

/* Responsive móvil */
@media (max-width: 767px) {
    .vs-faqs-musicoterapia {
        background: #fbfafc;
    }
}