/*
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
*/

/*HOME*/

#portada {
    height: 734px;
}

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

#portada h1 {
    font: normal normal 600 62px/72px Montserrat;
    color: white;
}

#portada h2 {
    font: normal normal 400 30px/37px Montserrat;
    color: white;
}


.boton_portada {
    display: flex;
    width: 457px;
    height: 87px;
    background-color: #E2A02B;
    border-radius: 32px;
    font: normal normal 400 22px/27px Montserrat;
    color: white;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
}

.boton_portada:after {
    content: url(/wp-content/uploads/2024/03/flecha.png);
    margin-left: 8px;
}

.boton_portada:hover {
    color: white;
    background-color: black;
}

#colForm {
    max-width: 601px !important;
    border: 1px solid #3D3B6E;
    border-radius: 15px;
    padding-top: 41px;
    padding-inline: 49px;
    height: fit-content;
}

#colForm .lqd-contact-form {
    margin-bottom: 52px;
}

#fila1_form,
#fila2_form {

    display: flex;
    column-gap: 50px;
}

#colForm input {
    border: none;
    border-bottom: 1px solid #3d3b6e80;
    height: 35px;
}

#colForm label {
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0px;
    color: #3D3B6E;
}

#colForm .ui-selectmenu-button {
    border: none;
    padding-left: 0px !important;
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0px;
    color: #3D3B6E;
}

#colForm .ui-icon-triangle-1-s {
    margin-top: 10px;
    position: static;
}

#colForm textarea {
    border: none;
    border-bottom: 1px solid #3d3b6e80;
    height: 70px !important;
    resize: none;
    overflow-y: clip;
}

#colForm .wpcf7-submit {
    width: 190px;
    height: 50px;
    border-radius: 25px;
    background-color: #E2A02B;
    justify-content: center;
    font-weight: 700;
    border: none;
}

#colForm .wpcf7-submit:hover {
    background-color: black;
}

#colForm p:has(.wpcf7-submit) {
    display: flex;
    justify-content: center;
}

#colForm .wpcf7-spinner {
    position: absolute;
    bottom: -25px;
}

#colForm .wpcf7-not-valid-tip {
    font-size: 13px;
    position: absolute;
}

#colForm .ui-menu-item-wrapper {
    font-size: 18px;
    font-weight: 400;
    color: #3D3B6E;
    letter-spacing: 0px;
}

#colForm .ui-menu-item-wrapper:hover {
    background-color: #3D3B6E;
    color: white;
}

#colForm .wpcf7-response-output {
    border: none !important;
    font-size: 15px;
    text-align: center;
    padding: 0px;
    position: absolute;
    margin: 0px;
    color: #E2A02B;
    left: 0;
    right: 0;
    line-height: 18px;
    margin-top: 9px;
}

@media only screen and (min-width: 1000px) {
    #colForm .ui-widget-content {
        width: 485px !important;
    }
}

#col1_form {
    padding-inline: 0px !important;
    width: 45%;
    margin-right: 50px;
}

#filaSports {
    height: 646px;
}

#filaSports>div>div>div {
    padding-inline: 0px !important;
}

#metodos {
    height: 944px;
}

#metodos .row-bg {
    background-position: center;
}

.metodo {
    width: 263px;
    height: 511px;
    border: 1px solid #E2A02B;
    border-radius: 15px;
    padding-top: 25px;
    padding-inline: 22px;
    background-color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 29px;
}


.metodo h2 {
    font-size: 18px;
    font-weight: 700;
    font-family: "Montserrat", sans-serif !important;
    color: #3D3B6E;
    letter-spacing: 0px;
    line-height: 22px;
    height: 44px;
    align-content: center;
}

.metodo p {
    font-size: 16px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif !important;
    color: black;
    letter-spacing: 0px;
    line-height: 20px;
    height: 160px;

}

.metodo a {
    width: 190px;
    height: 50px;
    display: flex;
    background-color: #E2A02B;
    border-radius: 32px;
    font: normal normal 700 18px/22px Montserrat;
    color: white;
    align-items: center;
    justify-content: center;
    margin-inline: auto;
}

.metodo a:hover {
    background-color: black;
}

.metodo a:after {
    content: url(/wp-content/uploads/2024/03/flecha.png);
    margin-left: 8px;
    zoom: 80%;
}

.contenedor_metodos {
    display: flex;
    column-gap: 28px;
    justify-content: center;
}

#conoce {
    height: 900px;
}

.conoce_izq,
.conoce_cen,
.conoce_der {
    width: 360px;
    height: 638px;
    display: flex;
    padding-top: 37px;
    padding-bottom: 19px;
    flex-direction: column;
    align-items: center;
    padding-left: 23px;
    padding-right: 22px;
}

.conoce_izq {
    background-image: url(/wp-content/uploads/2024/03/xavier-01.png);
}

.conoce_cen {
    background-image: url(/wp-content/uploads/2024/03/imag-02.png);
}

.conoce_der {
    background-image: url(/wp-content/uploads/2024/03/ivan-03.png);
}

.contenedor_conoce {
    display: flex;
    column-gap: 28px;
}

.boton_conoce {
    display: flex;
    height: 50px;
    background-color: #E2A02B;
    border-radius: 25px;
    align-items: center;
    justify-content: center;
    width: 240px;
    padding-inline: 22px;
    color: white;
    font-weight: 700;
    position: absolute;
    bottom: 19px;
}

.boton_conoce:hover {
    background-color: black;
    color: white;
}

.boton_conoce:after {
    content: url(/wp-content/uploads/2024/03/flecha.png);
    margin-left: 5px;
}

.conoce_cen p {
    font-size: 18px;
    font-weight: 400;
    font-family: "Montserrat", sans-serif !important;
    letter-spacing: 0px;
    line-height: 26px;
    color: white;
}

#conoce {
    padding-top: 102px;
}

.violeta {
    background-color: #3D3B6E;
    border-radius: 15px;
}

.dorado {
    background-image: url(/wp-content/uploads/2024/03/Rectangulo-dorado.png);
    border-radius: 15px;
}

#valoresCol1>div,
#valoresCol2>div {
    width: 360px;
}

.valorXi {
    background-image: url(/wp-content/uploads/2024/09/Home_tarjetas.jpg);
}

.guardiola {
    background-image: url(/wp-content/uploads/2024/03/imag-texto.png);
}

div#contenedor_valores {
    display: flex;
}

div#valoresCol1 {
    display: flex;
    flex-direction: column;
    row-gap: 18px;
}

#valoresCol2 {
    display: flex;
    flex-wrap: wrap;
    row-gap: 18px;
    column-gap: 28px;
}

div#contenedor_valores {
    display: flex;
    column-gap: 28px;
}

.violeta,
.dorado {
    padding-top: 32px;
    padding-left: 30px;
    padding-right: 30px;
}

#contenedor_valores img {
    height: 93px;
}

#contenedor_valores h3 {
    margin: 0px;
    margin-top: 20px;
    margin-bottom: 13px;
    font-size: 30px;
    font-weight: 700;
    color: white;
    letter-spacing: 0px;
}

#contenedor_valores p {
    font-size: 18px;
    color: white;
    letter-spacing: 0px;
    line-height: 28px;
}


.bannerFinal {
    width: 1240px;
    height: 176px;
    border-radius: 15px;
    background-color: #464626;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 85px;
    margin-bottom: -145px;
}

.bannerFinal h3 {
    font-weight: 700;
    font-size: 38px;
    letter-spacing: 0px;
    color: white;
    margin: 0;
}

.bannerFinal a {
    width: 190px;
    height: 50px;
    display: flex;
    background-color: #E2A02B;
    border-radius: 32px;
    font: normal normal 700 18px/22px Montserrat;
    color: white;
    align-items: center;
    justify-content: center;
}

.bannerFinal a:hover {
    background-color: black;
}

.bannerFinal a:after {
    content: url(/wp-content/uploads/2024/03/flecha.png);
    margin-left: 8px;
    zoom: 80%;
}

#filaBf>div {
    display: flex;
    justify-content: center;
}

@media only screen and (min-width: 2000px) {
    #filaSports {
        height: auto;
    }

    #filaSports .vc_single_image-wrapper {
        width: -webkit-fill-available !important;
    }

    #filaSports img {
        width: -webkit-fill-available !important;
    }
}

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

    #filaSports img {
        object-position: -320px center;
        height: 646px;
        object-fit: cover;
    }

    #metodos figure.row-bg {

        background-position-x: -140px;
    }
}


@media only screen and (max-width: 1370px) {
    #filaSports img {
        height: 609px;
    }
}

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

    div#col1_form {
        display: none;
    }

    div#colForm {
        width: 100%;
    }

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

    #filaSports img {
        height: 564px;
    }

    #filaSports {
        height: auto;
    }

    #metodos figure.row-bg {
        background-image: none !important;
    }

    section#metodos {
        padding-top: 0px !important;
        margin-top: -16px;
    }

    .contenedor_metodos {
        display: flex;
        align-items: center;
        row-gap: 20px;
        flex-wrap: wrap;
    }

    #metodos {
        height: auto;
    }

    #conoce {
        height: 1340px;
        padding-top: 39px;
    }

    #conoce .row-bg {
        background-image: none !important;
        background-color: black;
    }

    .contenedor_conoce {
        display: flex;
        row-gap: 28px;
        flex-direction: column;
        align-items: center;
    }

    .contenedor_conoce>div:nth-child(2) {
        order: 3;
    }

    .conoce_izq {
        background-image: url(/wp-content/uploads/2024/03/xavier.png);
        width: 303px;
        height: 267px;
        justify-content: flex-end;
    }

    .conoce_der {
        background-image: url(/wp-content/uploads/2024/03/Ivan.png);
        width: 303px;
        height: 267px;
        justify-content: flex-end;
    }

    .boton_conoce {
        position: relative;
        bottom: unset;
        font-size: 15px;
        width: 199px;
    }

    .conoce_cen {
        background-image: url(/wp-content/uploads/2024/03/imag-conoce-01-mobile.png);
        width: 301px;
        height: 565px;
    }

    .conoce_cen p {
        font-size: 16px;
        line-height: 20px;
    }

    .boton_conoce:after {
        margin-left: 12px;
        zoom: 68% !important;
        height: 31px;
    }

    #conoce h2 {
        font-size: 28px !important;
        line-height: 32px !important;
    }

    .conoce_cen .boton_conoce {
        font-size: 18px;
    }

    #valores h2 {
        font-size: 28px;
    }

    #contenedor_valores h3 {
        font-size: 28px;
    }

    #contenedor_valores p {
        font-size: 16px;
        line-height: 20px;
    }

    #valoresCol1>div,
    #valoresCol2>div {
        width: 301px;
    }

    div#contenedor_valores {
        display: flex;
        row-gap: 20px;
        flex-direction: column;
        align-items: center;
    }

    .valorXi {
        display: none;
    }

    #valoresCol2 {
        display: flex;
        flex-wrap: wrap;
        row-gap: 20px;
        flex-direction: column;
    }

    #valoresCol1>div {
        height: 472px !important;
    }

    #valoresCol2>div:nth-child(1) {
        height: 334px !important;
    }

    #valoresCol2>div:nth-child(3) {
        height: 406px !important;
    }

    .guardiola {
        background-image: url(/wp-content/uploads/2024/03/imagen-texto-mobile.png);
        height: 334px !important;
    }

    section#valores {
        padding-top: 19px !important;
    }

    .wpb_raw_code:has(#contenedor_valores) {
        margin-top: 26px !important;
    }

    body.home #wrap {
        overflow: visible;
    }

    .bannerFinal {
        width: auto;
        padding-inline: 75px;
        column-gap: 10px;
        margin-bottom: -100px;
    }

    .bannerFinal h3 {
        font-size: 28px;
        text-align: center;
        line-height: 32px;
    }
}


@media only screen and (max-width: 725px) {
    #filaSports img {
        height: 495px;
        object-position: -280px center;
    }
}

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

    section#portada {
        padding-top: 65px !important;
        height: 545px;
    }

    section#portada .row-bg {}

    #portada h1 {
        font-size: 36px;
        line-height: 40px;
    }

    #portada .ld-container {
        padding-inline: 4% !important;
    }

    #portada h2 {
        font-size: 24px;
        line-height: 28px;
        margin-top: 20px;
        padding-inline: 32px;
    }

    a.boton_portada {
        width: 300px;
        height: 45px;
        font-size: 16px;
        margin-top: 53px;
    }

    section#form_home {
        padding-top: 27px !important;
        padding-inline: 30px;
    }

    #colForm p.fs30 {
        font-size: 22px;
    }

    #colForm p.fs18 {
        font-size: 16px;
        line-height: 19px;
        text-align: left !important;
    }

    div#colForm {
        padding-inline: 26px;
    }

    #fila1_form,
    #fila2_form {
        flex-direction: column;
    }

    #colForm input {
        height: 16px;
    }

    #colForm textarea {
        height: 50px !important;
        padding: 0px;
    }

    #colForm .lqd-contact-form {
        margin-bottom: 25px;
    }

    #colForm .wpcf7-response-output {
        position: relative;
        margin-top: 10px;
    }

    #colForm .ui-selectmenu-button {
        padding-block: 0px !important;
        margin-block: -13px;
        padding: 0px;
    }

    section#cadaExp {
        margin-top: 35px !important;
        margin-bottom: 0px !important;
    }

    #filaSports img {
        content: url(/wp-content/uploads/2024/03/Mobile_SobreXNI.jpg);
        object-position: unset;
        height: auto;
    }

    section#metodos {
        text-align: -webkit-center;
    }

    #metodos h2:not(.metodo h2) {
        font-size: 28px;
        line-height: 32px;
        width: 263px;
        text-align: left !important;
    }

    #metodos .ld-container {
        /*padding-inline: 75px;*/
    }

    #metodos h3 {
        font-size: 16px;
        line-height: 20px;
        width: 263px;
        text-align: left !important;
    }

    #metodos .wpb_raw_code:has(>div>div.contenedor_metodos) {

        margin-top: 17px !important;
    }

    .bannerFinal {
        width: 325px;
        height: 307px;
    }

    .bannerFinal {
        width: 325px;
        height: 307px;
        flex-direction: column;
        padding-inline: 27px !important;
        row-gap: 46px;
        padding-top: 85px;
        display: flex;
        justify-content: flex-start;
        margin-bottom: -245px;
    }

    section#pie-de-pagina {
        height: 740px;
        padding-top: 259px;
    }

    #filaSports.sportsEng img {
        /*Traduccion*/
        content: url(/wp-content/uploads/2024/04/2-Mobile.jpg) !important;
        object-position: unset;
        height: auto;
    }

}

.grecaptcha-badge {
    visibility: hidden !important;
}


.guardiola.guardiolaEng {
    /*Traduccion*/
    background-image: url(/wp-content/uploads/2024/04/Pep-Desktop.png) !important;
}

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

    /*Traduccion*/
    .guardiola.guardiolaEng {
        background-image: url(/wp-content/uploads/2024/04/Pep-Mobile.png) !important;
        height: 334px !important;
    }
}


.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    margin-bottom: 0px !important;
}


li.wpml-ls-item span {
    color: #E2A02B !important;
    font-weight: 600;
}


/* AJUSTES 18/04/2024 */
.wpml-ls-statics-footer.wpml-ls.wpml-ls-legacy-list-horizontal {
    display: none;
}

ul.nav-item-children.to-left,
#menu-item-wpml-ls-2-es>ul,
#menu-item-wpml-ls-2-en>ul {
    width: 280px !important;
    padding: 0px !important;
    right: -85px;
}

#menu-item-wpml-ls-2-es a span,
#menu-item-wpml-ls-2-en a span {
    color: #fff !important;
}

#menu-item-wpml-ls-2-es a:hover span,
#menu-item-wpml-ls-2-en a:hover span {
    color: rgb(226, 160, 43) !important;
}

#menu-item-wpml-ls-2-en>a>img {
    content: url(/wp-content/uploads/2024/04/Flag_of_the_United_States.svg);
    height: 12px;
}

@media only screen and (max-width: 1200px) {
    li.wpml-ls-item span {
        color: #fff !important;
        font-weight: 600;
    }
}


#ui-id-1-menu>li:first-child {
    display: none;
}

#logo-footer>figure>div>img {
    max-width: 10rem;
}

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

    #botonera {
        display: block !important;
    }

    #zocalo {
        margin-bottom: 4rem;
    }

}

@media only screen and (min-width: 1200px) {
    #portada iframe{
        top: -200px !important;
    }
}


/*SECCIÓN NUESTROS PROYECTOS*/


.proyectos_titulo{
    text-align: center;
    font: normal normal bold 62px / 62px Montserrat;
    letter-spacing: 0px;
    color: #000000;
    margin-bottom: 33px;
}

.sec1_proyectos{
    margin-top: 47px;
    height: 300px;
}

.proyectos_texto{
    font-family: "Montserrat", sans-serif !important;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 26px;
    color: #000000;
    text-align: left;
}

.sec_gris{

    padding-top: 66px;
}

.titulo_violeta{
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700;
    font-size: 42px;
    letter-spacing: 0px;
    line-height: 46px;
    color: #3D3B6E;
    margin-top: 0px;
}

.sec_gris .sgFila1 p{
    max-width: 444px;
}

.proyectos_texto_grande{
    font-family: "Montserrat", sans-serif !important;
    font-weight: 700;
    font-size: 28px;
    letter-spacing: 0px;
    line-height: 38px;
    color: #3D3B6E;
}

.sgFila2 .wpb_column, .sgFila3 .wpb_column{
    align-items: center;
}

.sec_gris .sgFila2 p{
    max-width: 530px;
}

.sec_gris .sgFila3 p{
    max-width: 478px;
}

.sec_gris .sgFila3 h3{
    max-width: 455px;
}