:root {
    --source: "Source Serif 4", serif !important;
    --proxima: "Open Sans", sans-serif !important;
    --negro: #303030 !important;
    --rosao: #8B5E86 !important;
    --blanco: #ffffff !important;
    --celeste: #95AFCA !important;
}


.my-story-title {
    font: normal normal bold 14px/17px var(--proxima);
    text-align: left;
    letter-spacing: 8.4px;
    color: #95AFCA;
    margin-bottom: 5px;
}

.my-story-subtitle {
    text-align: left;
    font: italic normal 200 45px/50px var(--source);
    letter-spacing: 0px;
    color: #222222;
    margin-bottom: 15px;
}

.my-story-paragraphs {
    text-align: left;
    font: normal normal normal 18px/23px var(--proxima);
    letter-spacing: 0px;
    color: #303030;
}


.my-story-container>div {
    display: flex;
    justify-content: flex-end;
    flex-wrap: nowrap;
    align-items: center;
    gap: 90px;
}

.my-story-text {
    max-width: 500px;
}

.my-story-img {
    max-width: 50%;
    height: 720px;
    object-fit: cover;
}

.my-story-container a {
    margin-left: inherit;
}

.mi-mision {
    background: url(/wp-content/uploads/2025/06/Grupo-2437.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-block: 50px;
}

.mi-mision-container>div>div {
    display: flex;
    justify-content: flex-end;
}

.mi-mision-text {
    margin-bottom: 0;
    max-width: 518px;
}

.mi-mision-etiqueta {
    text-align: left;
    font: normal normal bold 14px/17px var(--proxima);
    letter-spacing: 8.4px;
    color: #FFFFFF;
    margin-bottom: 10px !important;
}

.mi-mision-title {
    text-align: left;
    font: italic normal 200 45px/50px var(--source);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 5px !important;
}

.mi-mision-paragraph {
    text-align: left;
    font: normal normal normal 18px/28px var(--proxima);
    letter-spacing: 0px;
    color: #FFFFFF;
    margin-bottom: 15px !important;
}

.white-button-reserve {
    width: 219px;
    height: 52px;
    border-radius: 2rem;
    background: #FFFFFF;
    text-align: center;
    font: normal normal normal 18px/19px var(--proxima);
    letter-spacing: 0px;
    color: #84668C;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.icon-calendar,
.icon-arrow {
    width: 21px;
}

#MY-JOURNEY-container>div {
    justify-content: flex-start;
}

#FAQS-accordion .accordion-heading>h4>a {
    font: normal normal bold 18px/18px var(--proxima);
    color: #707070;
    letter-spacing: 0px;
}

.FAQS-titleDrop {
    text-align: left;
    font: normal normal 600 16px/23px var(--proxima);
    letter-spacing: 0px;
    color: #707070;
    margin-bottom: 0;
}



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

    .my-story {
        margin-inline: 35px !important;
    }

    #my-story-container {
        margin-bottom: 0;
    }

    .my-story-container>div {
        flex-direction: column;
        gap: 50px;
    }

    .my-story-title {
        font-size: 10px;
        letter-spacing: 6px;
    }

    .my-story-subtitle {
        font-size: 28px;
        line-height: 35px;
    }

    .my-story-paragraphs {
        font-size: 14px;
        line-height: 19px;
    }

    .my-story-subtitle br {
        display: none;
    }

    .my-story-text a {
        width: 187px;
        height: 44px;
        font-size: 14px;
        margin-inline: auto !important;
    }

    .my-story-img {
        height: 370px;
        max-width: max-content;
    }

    .mi-mision {
        background: #84668C;
        padding-inline: 35px;
    }


    .mi-mision-etiqueta {
        font-size: 10px;
        letter-spacing: 6px;
    }

    .mi-mision-title {
        font-size: 28px;
        line-height: 35px;
        margin-bottom: 12px !important;
    }

    .mi-mision-paragraph {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 20px !important;
    }

    .mi-mision-title br {
        display: none;
    }

    .white-button-reserve {
        width: 187px;
        height: 44px;
        font-size: 14px;
    }

    #MY-JOURNEY {
        margin-top: 2.5rem;
    }

    #MY-JOURNEY-container>div {
        justify-content: center;
        flex-direction: column-reverse;
        align-items: center;
        gap: 20px;
    }

    #FAQS-accordion .accordion-heading>h4>a {
        font-size: 13.4px;
    }

    #FAQS-text {
        margin-bottom: 0;
    }

    .FAQS-titleDrop {
        font-size: 12px;
        line-height: 20px;
    }


}


@media (min-width: 715px) and (max-width: 1000px) {

    .my-story-img {
        height: 35rem;
    }

    .my-story-container>div {
        gap: 40px;
    }

    .mi-mision-container>div>div {
        justify-content: center;
    }

    #FAQS {
        margin-inline: 30px !important;
    }


}


@media (min-width: 815px) and (max-width: 1000px) {
    .my-story-img {
        height: 40rem;
    }
}


#upcoming.upcomingWorkshop .vc_column-inner {
    padding-left: 30px;
}


.aboutWorkshop .item>h4 {
    font-weight: 700;
}



#repertoire {
    height: 512px;
}

#repertoire_col2 {
    max-width: 535px;
    padding-top: 20px;
}


.nch-table {
    display: table;
    max-width: 758px;
    border-collapse: collapse;
}

.nch-row {
    display: table-row;
    height: 55px;
}

.nch-cell {
    display: table-cell;
    padding: 8px 12px;
    font-family: var(--proxima);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0px;
    color: var(--negro);
    padding-right: 30px;
    min-width: 225px;
}

.nch-header .nch-cell {
    font-family: var(--proxima);
    font-size: 20px;
    letter-spacing: 0px;
    color: #8B5E86;
    line-height: 27px;
    font-weight: bold;
    border-bottom: 2px solid #707070;
    padding-top: 0px;
}


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

    #upcoming.upcomingWorkshop .vc_column-inner {
        padding-left: unset;
    }

    #About-the-Workshop-subcontainer .my-story-text {
        max-width: unset;
    }

    #About-the-Workshop {
        padding-top: 35px;
    }

    #repertoire_col1 {
        display: none;
    }

    #repertoire_col2 {
        width: 100%;
    }

    #repertoire_col2 {
        max-width: unset;
    }

    #packages #about_col1,
    #packages #about_col2 {
        width: 100%;
    }

    #packages #about_col1 .negroProxima18 {
        max-width: unset !important;
    }

    .nch-table {
        margin-inline: auto;
    }

    .upcomingWorkshop .container,
    #repertoire .container {
        width: 100%;
    }

    #packages .btn220 {
        float: left;
    }

    #upcoming.upcomingWorkshop {
        margin-bottom: 35px !important;
    }

    #packages {
        padding-top: 35px !important;
    }

    .nch-header .nch-cell {
        font-size: 14px;
        line-height: 20px;
    }

    .nch-cell {
        padding-right: 13px;
        font-size: 14px;
    }

    .nch-table {
        margin-top: 35px;
        margin-bottom: -60px;
    }

    #repertoire {

        height: 944px;
        margin-top: 0px !important;
    }

    #repertoire .row-bg {
        background-image: url(/wp-content/uploads/2025/06/Grupo-2449-1.jpg) !important;
    }


}

@media only screen and (max-width: 600px) {
    .nch-cell {
        min-width: unset;
    }

}


/* fixes */

@media only screen and (min-width: 2550px) {

    #repertoire {
        background-repeat: no-repeat;
        background-size: cover;
    }

    .my-story-container>div {
        gap: 19rem;
    }

    .my-story-text {
        max-width: 40rem;
    }

    #MY-JOURNEY-container>div {
        gap: 22rem;
    }

}

@media (min-width: 715px) and (max-width: 1000px) {

    /* home */

    #text_marques h2 {
        font-size: 60px !important;
    }

    #marques-img .carousel-items>div>div>div {
        width: 32rem;
    }

    #plans>div>div>div,
    #why>div>div>div {
        padding-inline: 25px;
    }

    /* about */
    #about_col1,
    #benefits_col2 {
        padding-inline: 35px;
    }

    .my-story-text,
    .mi-mision-text {
        max-width: 600px;
    }

    /* classes */
    #benefits.benefitsClasses #benefits_col2 {
        padding-inline: 35px !important;
    }

    #perfect_fit>div>div>div>div>div>div:nth-child(2)>div>div {
        padding-inline: 25px;
    }

    /* workshop */
    #repertoire_col2 {
        padding-inline: 35px;
    }

    #repertoire {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center -38rem;
        background-color: #84668C;
    }


}


@media (min-width: 815px) and (max-width: 1000px) {

    /* workshop */

    #repertoire {
        background-size: 45rem;
        background-position: center -40rem;

    }


}




@media (min-width: 815px) and (max-width: 1000px) {

    /* workshop */

    #repertoire {
        background-size: 45rem;
        background-position: center -40rem;

    }


}



@media (min-width: 1000px) and (max-width: 1400px) {

    #repertoire {
        background-position-x: -10rem;
    }


}



@media (min-width: 1400px) and (max-width: 1900px) {

    #repertoire {
        background-position-x: -5rem;
    }

}