/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/

: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;
}

/*Header*/

#fila_header .menu-item>a {
    font-family: var(--proxima);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
    color: var(--blanco);
}

#fila_header ul.main-nav {
    gap: 15px;
}

#header-col2 {
    position: relative;
    right: -70px;
}

header.is-stuck a {
    color: #303030 !important;
}


/*fin Header*/

/*Slider*/
#slider_principal {
    text-align: center;
}

#slider1 .blancoProxima24 {
    max-width: 615px;
    place-self: center;
}

#slider2 .blancoProxima24 {
    max-width: 1030px;
    place-self: center;
}

#slider_principal .flickity-viewport .carousel-item {
    padding-inline: 0px !important;
}

.sliderGen {
    height: 1078px !important;
    align-content: center;
}

.sliderGen .vc_column-inner>div {
    top: 35px;
}

#slider_principal>div>div>div {
    /* padding-inline: 0px !important;*/
}

.btn220 {
    width: 220px;
    height: 52px;
    display: flex;
    background-color: var(--rosao);
    border-radius: 23px;
    font-family: var(--proxima);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
    color: var(--blanco);
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-inline: auto;
}

.btn220:hover {
    color: var(--blanco);
}

.sliderGen .wpb_wrapper:has(>.btn220) {
    justify-items: center;
}

/*Fin Slider*/

#fila_bailarinas .iconbox-icon-container>svg {
    width: 145px !important;
    height: 145px;
}

#fila_bailarinas .wpb_column {
    max-width: 290px;
}

#fila_bailarinas>div>div {
    justify-content: center;
    gap: 122px;
}

#fila_bailarinas .lqd-iconbox-title {

    font-family: var(--proxima);
    font-weight: 600;
    font-size: 20px;
    letter-spacing: 0px;
    color: var(--negro);
}

#fila_bailarinas .contents>p {
    font-size: var(--proxima);
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 28px;
    color: var(--negro);
}

#benefits_col1 {
    padding-inline: 0px;
}

#benefits_col2 {
    max-width: 590px;

}

#benefits_col2>div>div {

    padding-left: 65px;
}

#benefits_col2 .btn220 {
    float: left;
}

#benefits_col2 li::marker {
    content: url(/wp-content/uploads/2025/06/Round-Arrow-Right.svg);
}

.items {
    display: flex;
    row-gap: 32px;
    flex-direction: column;
}

.item {
    display: flex;
    gap: 15px;
    align-items: center;
}

.item h4 {
    margin: 0px;
    font-family: var(--proxima);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
    color: var(--negro);
}

#text_marques h2 {
    font-family: var(--proxima);
    font-weight: 600;
    letter-spacing: 0px;
    line-height: 130px;
}



#fila_nums {
    margin-right: unset !important;
}


#fila_nums .negroSource32 {
    margin-bottom: 7px;
}

#fila_nums .wpb_raw_code:has(>div>p.rosaProxima32) {
    margin-bottom: 20px !important;
}

#fila_nums .rosaProxima32 {
    margin-bottom: 0px;
}

.items2 p.negroProxima16 {
    margin-bottom: 5px;
}

#fila_nums>div>div {
    justify-content: center;
    gap: 50px;
}

#fila_nums .wpb_column {
    margin-left: unset !important;
}

#fila_nums .btn220 {
    width: 174px;
    float: left;
}

#about_col2 {
    padding-inline: 0px;
}

#about_col1>div {
    max-width: 510px;
}

#about_col1 {
    justify-content: right;
    padding-right: 50px;
}

#about_col1 .btn220 {
    float: left;
}

#upcoming {
    height: 776px;
    display: flex;
    align-items: flex-end;
}

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

.cuadros {
    display: flex;
    column-gap: 30px;
    justify-content: center;
}

.cuadro {
    width: 353px;
    height: 353px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}

.cuadros>.cuadro:nth-child(1) {
    background-image: url(/wp-content/uploads/2025/06/Frame-1000007381.png);
}

.cuadros>.cuadro:nth-child(2) {
    background-image: url(/wp-content/uploads/2025/06/Frame-1000007382.png);
}

.cuadros>.cuadro:nth-child(3) {
    background-image: url(/wp-content/uploads/2025/06/Frame-1000007380.png);
}

.cuadro:hover {
    transform: scale(1.05);
    transition-duration: 1s;
}

#testimonios .vc_column-inner {
    max-width: 1123px;
    margin-inline: auto;
    height: 275px;
    justify-content: center;
    padding-inline: 90px;
}

#testimonios .carousel-items {
    max-width: 805px;
    margin-inline: auto;
}

.wpb_raw_code:has(>div>.blancoProxima20) {
    margin: 0px !important;
}

#col_form>div {
    border-radius: 20px;
}

.contForm {
    display: flex;
    justify-content: center;
    gap: 24px;
}

#col_form span.wpcf7-form-control-wrap:not(.wpcf7-checkbox, span:has(>.wpcf7-checkbox)) {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    max-width: 428px;
    margin-bottom: 5px;
}

#col_form input,
#col_form textarea,
#col_form .ui-selectmenu-button,
span .wpcf7-list-item-label {
    border: none;
    font-family: var(--proxima);
    font-weight: 500;
    font-size: 20px;
    color: var(--negro);
}

#col_form .negroProxima22 {
    text-align: left;
    padding-left: 10px;
}

.formCol2 .negroProxima22 {
    margin-top: 30px;
}

.formCol2 .wpcf7-checkbox {
    display: flex;
    flex-direction: column;
    float: left;
    text-align: left;
    row-gap: 8px;
}

.wpcf7-checkbox input {
    width: 25px !important;
    height: 25px !important;
    margin: 0px;
}

.wpcf7-checkbox label {
    display: flex;
    gap: 20px;
}

#col_form textarea {
    height: 191px !important;
}

.wpcf7-list-item {
    margin: 0 !important;
}

#col_form .wpcf7-submit {
    width: 220px;
    height: 52px;
    display: flex;
    background-color: var(--rosao);
    border-radius: 23px;
    font-family: var(--proxima);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
    color: var(--blanco);
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-inline: auto;
    margin-top: 70px;
}

#col_form .lqd-contact-form {
    margin-bottom: 10px !important;
}

#col_form {
    max-width: 1123px;
    margin-inline: auto;
    padding: 0px;
}

#fila_footer {
    height: 562px;
    padding-top: 80px;
}

#fila_footer .social-icon {
    font-size: 22px;
}

.contactoFooter {
    display: flex;
    gap: 23px;
    margin-bottom: 28px;
}

.contactoFooter p {
    margin-bottom: 10px;
}

.contactoFooter>div {
    display: flex;
    flex-direction: column;
}

.contactoFooter img {
    width: 18px;
}

.col3f {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.col3f a {
    width: fit-content;
}

#footer_col2,
#footer_col3 {
    width: fit-content;
}

#fila_footer>div>div {
    column-gap: 80px;
    justify-content: center;
}

#fila_footer a:hover {
    color: var(--blanco);
}

.wpcf7-form-control.wpcf7-checkbox input[type="checkbox"] {
    accent-color: #8b5e86;
}

.wcs-timetable--monthly-calendar .wcs-day::before {
    display: none;
}


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

    #fila_nums h6 {
        left: 150px !important;
    }

}

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

    #upcoming {
        max-width: 85%;
        justify-self: center;
    }

    .sliderGen .vc_column-inner>div {
        top: -120px;
    }

    #fila_nums>div>div {
        gap: 90px;
    }

    #benefits_col2 .items {
        row-gap: 20px;
    }

    #benefits_col2>div,
    #about_col1>div {
        padding-top: 0px !important;
    }
}

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

    header.is-not-stuck .navbar-header {
        background-color: transparent !important;
    }

    #benefits .wpb_column {
        width: 100%;
        max-width: unset;

    }

    #benefits>div>div {
        flex-direction: column-reverse;
    }

    #benefits_col2 {
        margin-bottom: 58px;
    }

    #benefits_col2 .btn220,
    #about_col1 .btn220 {
        float: none;
    }

    #benefits_col2>div>div {

        padding-left: unset;
    }



    #about>div>div {
        flex-direction: column;
    }

    #about .wpb_column {
        width: 100%;
    }

    #about_col1 {
        justify-content: unset;
        padding-inline: 15px;
        margin-bottom: 58px;
    }

    #about_col1>div {
        max-width: unset;
    }

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

    .cuadros {
        flex-wrap: wrap;
        row-gap: 30px;
    }

    .cuadro {
        width: 345px;
    }

    #testimonios .carousel-nav {
        position: absolute !important;
        margin: 0px;
        bottom: 3px !important;
    }

    #testimonios .flickity-button.previous {
        right: 50% !important;
    }

    #testimonios .flickity-button.next {
        left: 50% !important;
    }

    #testimonios>div {
        width: 100%;
        padding-inline: 0;
    }

    #text_marques h2 {
        font-size: 40px;
        line-height: 50px;
    }

    #text_marques {
        margin-top: 0px !important;
    }

    #col_form>div {
        padding-inline: 20px !important;
    }

    #col_form input,
    #col_form textarea,
    #col_form .ui-selectmenu-button,
    span .wpcf7-list-item-label {

        font-size: 14px;

    }

}


@media only screen and (max-width: 900px) and (min-width: 700px) {
    #fila_nums .wpb_column {
        width: 380px;
    }
}


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

    #footer_col1,
    #footer_col2 {
        width: 50%;
    }

    #fila_footer>div>div {
        column-gap: unset;
    }

}

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

    #slider1 .blancoSource60,
    #slider1 .blancoProxima24 {
        max-width: 280px;
        margin-inline: auto;
    }

    #slider1 .row-bg {
        background-image: url(/wp-content/uploads/2025/06/heromobile2.jpg) !important;
    }

    .sliderGen {
        height: 638px !important;
    }

    .btn220 {
        width: 188px;
        height: 44px;
        font-size: 14px;
    }

    #hb2 .vc_column-inner,
    #plans .vc_column-inner,
    #why .vc_column-inner {

        text-align: left;
    }

    #fila_bailarinas .lqd-iconbox-title {
        /*FUENTE*/
        font-size: 18px;
    }

    #fila_bailarinas .contents>p {
        /*FUENTE*/
        font-size: 14px;
        line-height: 19px;
    }

    #fila_bailarinas>div>div {
        gap: 42px;
    }

    section#benefits {
        margin-top: 0px !important;
    }

    .item h4 {
        /*FUENTE*/
        font-size: 14px;
    }

    #marques-img {
        padding-bottom: 15px !important;
    }

    #fila_nums {
        padding-top: 20px !important;
    }

    #fila_nums>div>div {
        gap: 40px;
    }

    #about_col1 {
        margin-bottom: 15px;
    }

    #upcoming_tit {
        margin-top: 15px !important;
        margin-bottom: -20px !important;
    }

    #upcoming {
        height: 437px;
    }

    #upcoming .row-bg {
        background-size: cover;
    }

    #upcoming .wpb_raw_code:has(>div>p.blancoProxima45) {
        margin-bottom: 15px;
    }

    #why {
        margin-top: 60px !important;
    }

    header.is-stuck {
        background-color: #FAFAFA !important;
    }

    header.is-stuck .menu-item>a {
        color: rgb(149, 175, 202) !important;
    }

    header.is-stuck .logo-default {
        content: url(/wp-content/uploads/2025/06/Grupo-1009.svg);
    }

    header.is-stuck .nav-trigger .bar {
        background-color: var(--celeste) !important;
    }

    .mobile-primary-nav a {
        color: #95AFCA !important;
    }

    #fila_nums h6 {
        font-size: 137px;
        top: -52px;
    }

    #testimonios .vc_column-inner {
        padding-inline: unset;
    }

    .carousel-item>div>div>div:has(>div>p.blancoProxima17) {
        margin-bottom: 0px;
    }

    .contForm {
        flex-direction: column;
    }

    #col_form .negroProxima18 {
        max-width: 240px;
        margin-inline: auto;
    }

    #col_form>div>div>div {
        margin-bottom: 15px !important;
    }

    section:has(#col_form) {
        margin-bottom: 52px !important;
    }

    #fila_footer>div>div {
        row-gap: 35px;
        flex-direction: column;
    }

    #footer_col1 .wpb_raw_code {
        margin-bottom: 15px !important;
    }

    #footer_col1,
    #footer_col2 {
        width: 100%;
    }

    #fila_footer {
        height: 700px;
        padding-top: 51px;
    }

    #fila_footer .vc_separator {
        margin-top: 0px !important;
        margin-bottom: 15px !important;
    }

    #footer_col1>DIV>div>Div>figure {
        justify-content: center;
    }

    #footer_col1>DIV>div>Div>figure>div>img {
        width: 143px;
    }
}


#contact {
    margin: 0px;
    position: absolute;
    top: -170px;
}


/*FIN HOME*/

/*HEADER SECCIONES*/

#fila_header.headerSecciones a {

    color: #303030;
}

header:has(.headerSecciones) .logo-default {
    content: url(/wp-content/uploads/2025/06/Grupo-1009.svg);
}



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

    header .menu-item>a {
        color: rgb(149, 175, 202) !important;
    }

    header.is-stuck>div {
        background: rgb(250, 250, 250) !important;
    }

    header.is-stuck .logo-default {
        content: url(/wp-content/uploads/2025/06/Grupo-1009.svg);
    }

    .main-header.is-stuck .nav-trigger .bar {
        background-color: rgb(149, 175, 202) !important;
    }

}

/*FIN HEADER SECCIONES*/


/*CLASSES*/

#perfect_fit {
    height: 531px;
    padding-top: 48px;
}

.item.iblanco h4 {
    color: var(--blanco);
}

#perfect_fit p {
    text-align: left;
    max-width: 508px;
    min-height: 140px;
}

#perfect_fit .wpb_column {
    width: fit-content;
}

#perfect_fit>div>div {
    justify-content: center;
}

#perfect_fit .ld-row-inner {
    gap: 15px;
}


.packagesClasses .nch-cell {
    padding-right: 85px;
}

.packagesClasses .nch-row.nch-header {
    height: 0px;
}

@media only screen and (max-width: 900px) {
    #benefits.benefitsClasses .btn220 {
        float: left;
    }

    #benefits.benefitsClasses #benefits_col2 {
        padding-inline: 60px;
    }

    #perfect_fit {
        height: 980px;
        padding-top: 48px;
    }

    #perfect_fit p {
        min-height: unset;
    }

}

@media only screen and (max-width: 720px) {
    #benefits.benefitsClasses #benefits_col2 {
        padding-inline: 15px;
    }
}

@media only screen and (max-width: 600px) {
    .packagesClasses .nch-cell {
        padding-right: 13px;
    }

    #packages.packagesClasses {
        margin-bottom: 75px !important;
    }

    #perfect_fit {
        height: 1045px;
    }

    #benefits.benefitsClasses {
        margin-bottom: 0px !important;
    }
}

/*FIN CLASSES*/


/*GISELLE*/

#giselle_plan {
    height: 523px;
    padding-top: 100px;
}

#giselle_plan .items {
    row-gap: 14px;
}

#fila_videos a {
    width: 354px;
    height: 319px;
    margin: 0px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding-bottom: 35px;
}


#fila_videos a span {
    font-family: var(--proxima);
    font-weight: 700;
    font-size: 30px;
    letter-spacing: 0px;
    color: var(--blanco);
}

#fila_videos .wpb_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 28px;
    row-gap: 65px;
}

#mi-mision.colchGiselle {
    height: 514px;
    align-content: center;
}

#mi-mision.colchGiselle p {
    margin-block: 25px !important;
}

#mi-mision.colchGiselle .mi-mision-title {
    margin: 0px !important;
}


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

    #fila_videos .wpb_wrapper {
        column-gap: 12px;
        row-gap: 40px;
    }

    #mi-mision.colchGiselle {
        margin-bottom: 35px;
    }
}


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

    #giselle_plan {
        height: 675px;
        padding-top: 10px;
    }

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

}


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

    #fila_videos a span {
        font-size: 25px;
    }

    #mi-mision {
        /*esto modifica about-me*/
        background: url(/wp-content/uploads/2025/06/Grupo-2450-e1749739966970.jpg) !important;
        height: 803px !important;
        background-position: center !important;
    }

    #mi-mision.colchGiselle {
        background: url(/wp-content/uploads/2025/06/Grupo-2450-e1749739966970.jpg) !important;
        height: 685px !important;
        background-position: bottom !important;
        display: flex;
        align-content: flex-start;
    }

}


/*FIN GISELLE*/

/*ODETTE*/

#menu-item-5862 {
    position: absolute;
}

/*FIN ODETTE*/
.btn220:hover>img:last-child,
.white-button-reserve:hover>img:last-child {
    position: relative;
    left: 5px;
}

/*Calendario*/

.wcs-calendar__header h3 {
    font-family: var(--source);
    font-weight: 200 !important;
    font-style: italic;
    font-size: 35px;
    letter-spacing: 0px;
    color: #303030;
    text-transform: capitalize;
}

.wcs-table-tr h4 {
    font-family: var(--proxima);
    font-weight: 400 !important;
    font-style: italic;
    font-size: 20px;
    letter-spacing: 0px;
    color: #707070;
    text-transform: capitalize;
}

.wcs-timetable {
    background-color: #F7F7F7;
    padding-top: 80px;
}


h4.wcs-day-agenda__title {
    font-family: var(--source);
    font-weight: 200 !important;
    font-style: italic;
    font-size: 24px;
    letter-spacing: 0px;
    color: #303030;
    text-transform: capitalize;
}

/*Fin calendario*/


.grecaptcha-badge {
    opacity: 0 !important;
}



/*Quitar escalonado de numeros en desktop y tablet*/

/*
@media only screen and (min-width: 600px) {

    #fila_nums .items2 {
        min-height: 165px;
    }

    #fila_nums h6 {
        top: 0px !important;
    }

    #fila_nums .vc_column-inner {
        margin-top: 0px !important;
    }

    #fila_nums .ld-empty-space {
        display: none !important;
    }

}
*/
/*Fin Quitar escalonado de numeros en desktop y tablet*/


.maps_button {
    font-family: var(--proxima);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 23px;
    color: var(--blanco);
    margin-bottom: 30px;
}

.maps_button:hover {
    font-weight: 600;
    color: white;
}

@media only screen and (max-width: 600px) {
    .maps_button {
        font-size: 14px;
        line-height: 23px;
    }
}