/*
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 {
    --dm: "DM Sans", sans-serif;
    --goo: "Google Sans", sans-serif;
    --naranja: #E65458;
    /*--verde: #55957F;*/
    --verde: #179588;
    --celeste: #7D8FC1;
    --celesteo: #5979D4;
    --verdec: #95D1AB;
    --turq: #00A399;
    --griso: #6A6A6A;
    --gris: #F9F6F6;
    --blanco: #FFFFFF;
}


#hero {
    height: 752px;
    padding-top: 70px;
}

#f2 {
    /*height: 1200px;*/
    background-color: var(--verdec);
}

#fila-header .menu-item>a {
    font-family: var(--dm);
    font-weight: 600;
    font-size: 18px;
    letter-spacing: 0px;
    color: var(--verde);
}

.header.is-stuck .header-module {
    width: 143px;
    padding-block: 15px;
}

#hero_col2 img {
    z-index: 100;
}

#hero_col1 {
    width: 55%;
    padding-top: 70px;
}

#hero_col2 {
    width: 45%;
}

.btnBlanco {
    display: flex;
    padding-inline: 27px;
    height: 50px;
    background-color: white;
    font-family: var(--goo);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0px;
    color: var(--naranja);
    border: 1px solid var(--naranja);
    align-items: center;
    border-radius: 30px;
    width: fit-content;
}

.btnBlanco:hover {
    color: var(--naranja);
}

.btnNaranja {
    display: flex;
    padding-inline: 27px;
    height: 50px;
    background-color: var(--naranja);
    font-family: var(--goo);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0px;
    color: white;
    border: 1px solid var(--naranja);
    align-items: center;
    border-radius: 30px;
    width: fit-content;
}

.btnNaranja:hover {
    color: white;
}

.contenedor-botones {
    display: flex;
    gap: 15px;
}

.quieros {
    display: flex;
    gap: 27px;
    justify-content: center;
}

.quiero {
    display: flex;
    flex-direction: column;
    background-color: white;
    border-radius: 30px;
    padding-bottom: 20px;
    padding-top: 60px;
    position: relative;
    max-width: 315px;
    padding-inline: 28px;
    z-index: 99;
    text-align: left;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.quiero:hover {
    /*transform: translateY(-8px) scale(1.02);*/
    transform: translateY(-12px) scale(1.02) rotate(-1.5deg);
    transition: .3s;
}

.quiero.medio:hover {
    transform: translateY(-12px) scale(1.02) rotate(1.5deg);
}

.imgPal {
    display: flex;
    gap: 5px;
    background-color: #D3F2F5;
    border-radius: 30px;
    padding-inline: 18px;
    height: 43px;
    align-items: center;
    width: fit-content;
}


.quiero img:not(.imgPal img) {
    position: absolute;
    right: 10px;
    top: 10px;
}

.quieros p {
    margin: 0px !important;
}

#f3 {
    padding-top: 260px;
}




.elegidos {
    display: flex;
    gap: 27px;
}

.elegidos>:nth-child(1) {
    background-color: var(--celeste);
}

.elegidos>:nth-child(2) {
    background-color: var(--verdec);
}

.elegidos>:nth-child(3) {
    background-color: var(--naranja);
}

.elegidos>:nth-child(4) {
    background-color: var(--verde);
}

.elegido {
    width: 262px;
    height: 262px;
    border-radius: 30px;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.elegido>:nth-child(1) {
    width: 175px;
    margin-top: -85px;
}

.elegido>h3 {
    height: 60px;
    align-content: center;
    margin-top: 30px;
}

.elegido:hover {
    transform: translateY(-8px) scale(1.02);
    transition: .3s;
}

.elegidos>:nth-child(1):hover {
    box-shadow: 0px 20px 30px #7d8fc17a;
}

.elegidos>:nth-child(2):hover {
    box-shadow: 0px 20px 30px #95d1ab80;
}

.elegidos>:nth-child(3):hover {
    box-shadow: 0px 20px 30px #e654587d;
}

.elegidos>:nth-child(4):hover {
    box-shadow: 0px 20px 30px #17958885;
}

.wpb_raw_code:has(>div>div.elegidos) {
    margin-top: 135px;
}

.porque {
    display: flex;
    gap: 25px;
    max-width: 420px;
}

.porque h4,
.porque h3 {
    margin: 0px;
}

.porque img {
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.porque:hover img {
    filter: drop-shadow(3px 3px 9px #e6545875);
    transform: scale(1.08) translateY(-5px) rotate(3deg);
    transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.porques {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.porques-col1 {
    align-items: center;
    background-color: #fff;
    border-radius: 30px !important;
    width: 64% !important;
    padding-right: 210px;
    padding-left: 75px;
    padding-top: 25px;
    margin-right: -200px;
}


.porques-col1 .dm36verde {
    margin-bottom: -15px !important;
}

.porques-col2 {
    width: 51% !important;
}

.porques-col1 h2 {
    margin: 0px;
}

.flechasTexto {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
}

.flechaTexto h3 {
    margin: 0px;
}

.flechaTexto {
    display: flex;
    gap: 10px;
}

.filaImagenes3 .vc_column_container {
    width: fit-content;
    padding-inline: 5px !important;
}

.filaImagenes3>div>div {
    align-items: center;
    justify-content: center;
    flex-wrap: nowrap;
}

.certificaciones {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.porques-col2 img {

    z-index: 100;
}

.distribui-col1 .flechasTexto {
    flex-direction: column;
    align-items: flex-start;
    gap: 5px;
}

.distribui-col1 {
    width: 38% !important;
    align-items: center;
}


.distribui-col2 {
    width: 62% !important;
    padding-bottom: 75px;
}

.distribui-col2 img {
    z-index: 100;
}

section:has(.distribui-col2) .one-row_bottom_divider {
    z-index: 101;
}

.btnNaranja.blanco {
    background-color: white;
    color: var(--naranja);
}

.btnNaranja:hover,
.btnBlanco:hover {
    transform: translateY(-3px) scale(1.02);
    transition: .3s;
}

/*Contador worpress que no funciona*/

/*
.lqd-counter {
    font-family: "DM Sans", sans-serif !important;
    width: 129px;
    text-align: left;
}

.lqd-counter-text {
    line-height: 22px !important;
    display: flex;
    text-align: left;
}

.fila-counter {
    margin-top: 45px;
    margin-bottom: 45px;
}


.fila-counter .wpb_column {
    width: fit-content;
}

.fila-counter>div>div {
    justify-content: center;
    gap: 35px;
}
    */

/*Fin contador worpress que no funciona*/

/*CounterN*/

.contadoresn {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-top: 30px;
    margin-bottom: 60px;
}

.contadorn {
    width: 129px;
}

.contadorn p {
    font-family: "DM Sans", sans-serif !important;
    color: var(--celeste);
    margin: 0px !important;
    font-size: 18px;
    line-height: 20px;
}

.contadorn .counter-box__counter,
.contadorn p:has(.counter-box__counter) {
    font-size: 48px !important;
    font-weight: 700;
    margin-bottom: 15px !important;
}

/*Fin CounterN*/







.fila-blog .lqd-lp {
    background-color: white;
    border-radius: 30px;
    text-align: left;
    padding-bottom: 20px;
}

.fila-blog .lqd-lp-header a {
    color: var(--celesteo);
    font-family: var(--dm);
    font-weight: 800;
    font-size: 18px;
    padding-left: 30px;
}

.fila-blog a.btn-naked {
    color: var(--celesteo);
    font-family: var(--dm);
    font-weight: 800;
    font-size: 16px;
    letter-spacing: 0px;
    margin-left: 30px;
    border: 1px solid var(--celesteo);
    border-radius: 30px;
    padding-inline: 10px;
}

.fila-blog .lqd-lp-meta {
    display: none !important;
}


.form-col1 {
    align-items: center;
    background-color: #fff;
    border-radius: 30px !important;
    width: 64% !important;
    padding-right: 133px;
    padding-left: 75px;
    padding-top: 0px;
    margin-right: -85px;
}

.form-col2 {
    width: 40% !important;
}

.fila2form>p {
    display: flex;
    gap: 5px;
}

.fila2form>p>span {
    width: 50%;
}

.form-col1 span {
    margin-bottom: 15px !important;
}

.form-col1 input:not(input.wpcf7-submit) {
    border: 1px solid var(--griso);
    border-radius: 15px !important;
    color: #828282 !important;
    font-family: var(--dm);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
    padding-inline: 15px;
}

.form-col1 textarea {
    border: 1px solid var(--griso);
    border-radius: 15px !important;
    color: #828282 !important;
    font-family: var(--dm);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
    padding-inline: 15px;
    height: 106px !important;
}

.form-col1 input::placeholder,
.form-col1 textarea::placeholder {
    color: #828282 !important;
    font-family: var(--dm);
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0px;
}

.form-col1 .wpcf7-submit {
    padding-inline: 27px;
    background-color: var(--naranja) !important;
    font-family: var(--goo);
    font-weight: 700;
    font-size: 18px;
    letter-spacing: 0px;
    color: white !important;
    border: 1px solid var(--naranja) !important;
    border-radius: 30px;
}


form .wpcf7-not-valid-tip {
    font-size: 12px;
    margin: 0px !important;
    height: 10px;
}

form .wpcf7-response-output {
    font-size: 14px;
    border: none !important;
    margin: 0px;
    margin-top: 10px;
    line-height: normal;
    text-align: center;
}

#fila-footer {
    padding-top: 70px;
}


.itemsFooter {
    display: flex;
    flex-direction: column;
    /*gap: 20px;*/
    gap: 10px;
}

.itemFooter {
    display: flex;
    gap: 15px;
    align-items: center;
    padding-inline: 17px;
    width: fit-content;
    padding-block: 5px;
}

#footer-col2 .itemsFooter>.itemFooter:nth-child(1) {
    background-color: var(--naranja);
    border-radius: 30px;
}

#footer-col1 {
    width: fit-content !important;
}

#footer-col2 {
    width: 40% !important;
    padding-top: 40px;
}

#footer-col3 {
    width: fit-content !important;
    padding-top: 15px;
}

#footer-col4 {
    padding-top: 45px;
}

#fila-footer>div>div {
    column-gap: 100px;
}

#fila-footer a:hover {
    color: var(--verde);
}

#footer-col2 .itemsFooter>.itemFooter:nth-child(1) a:hover {
    color: white;
}

/*
html {
    margin-top: 0px !important;
}
*/

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

    #hero {
        padding-top: 40px;
    }

    #hero_col2 img {
        width: 85%;
    }

    #hero {
        height: 700px;
    }

}

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

    .navbar-brand {
        padding-block: 20px;
    }

    .navbar-brand-inner {
        width: 143px !important;
    }

    .header.is-stuck {
        background-color: white;
    }

    .btnBlanco,
    .btnNaranja {
        font-size: 16px;
    }

    #hero {
        height: 898px;
    }

    #hero_col2 {
        align-items: center;
    }

    .contenedor-botones {
        flex-direction: column;
    }

    .quieros {
        flex-wrap: wrap;
    }

    .elegidos {
        row-gap: 126px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .porques-col1,
    .porques-col2 {
        width: 100% !important;
    }

    .porques-col2 .vc_figure {
        justify-content: center;
    }

    .porques-col1 {
        margin-bottom: 35px;
        padding-inline: 35px !important;
        padding-top: 35px;
    }

    #fila-franquicia .flechasTexto {
        flex-wrap: wrap;
        max-width: 452px;
        justify-self: center;
    }

    .fila-distribui {
        padding-top: 125px;
    }

    .distribui-col1 {
        width: 100% !important;
    }

    .distribui-col2 {
        width: 75% !important;
        margin-inline: auto;
        padding-bottom: 0px;
    }

    .fila-distribui .one-row_bottom_divider {
        /*height: 100px !important;*/
        height: 37px !important;
    }

    .form-col1 {
        width: 100% !important;
        margin-top: 50px;
        padding-inline: 35px;
    }

    .form-col2 {
        width: 75% !important;
        margin-inline: auto;
    }

    #footer-col3 {
        display: none !important;
    }

    .form-col1 {
        padding-inline: 35px !important;
    }

    .contadoresn {
        gap: 35px;
    }




}

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

    .form-col1 {
        margin-inline: 35px;
    }

    #f3 {
        padding-top: 150px;
    }
}

.mobile {
    display: none;
}

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

    #fila-duo .vc_figure img {
        content: url(/wp-content/uploads/2026/06/Grupo-6910.png);
    }

    #fila-duo {
        padding-block: 50px !important;
    }

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    body {
        margin-bottom: 35px;
    }

    #hero_col1 {
        width: 100%;
    }

    #hero_col1 .dm50blanco,
    #hero_col1 .dm22blanco {
        text-align: center;
    }

    #hero_col1 .contenedor-botones {
        align-items: center;
    }

    #hero {
        padding-top: 20px;
    }

    .btnBlanco,
    .btnNaranja {
        height: unset;
        padding-block: 8px;
        line-height: 20px;
        text-align: center;
    }

    #hero_col2 {
        width: 100%;
    }

    .quiero {
        padding-top: 45px;
        padding-inline: 21px;
    }

    .quiero h3 {
        margin-bottom: 0px;
    }

    .imgPal {
        height: 36px;
    }

    #f2 .dm36blanco {
        max-width: 300px !important;
        margin-inline: auto;
    }

    .wpb_raw_code:has(>div>div.elegidos) {
        margin-top: 85px;
        margin-bottom: 0px !important;
    }

    .carousel-container {
        margin-bottom: 35px;
    }

    .carousel-items.flickity-enabled.is-draggable.lqd-carousel-ready {
        margin-bottom: 0px !important;
    }

    .elegido.celeste {
        background-color: var(--celeste);
    }

    .elegido.verdeClaro {
        background-color: var(--verdec);
    }

    .elegido.naranja {
        background-color: var(--naranja);
    }

    .elegido.verde {
        background-color: var(--verde);
    }

    .elegido h3 {
        font-size: 20px;
        line-height: 24px;
    }

    .porques-col1 {
        margin-inline: 25px;
    }

    .porques-col1>div>div>div {
        margin-bottom: 20px;
    }

    .porques-col1 {
        padding-bottom: 200px;
    }

    .porques-col2 {
        margin-top: -205px;
    }

    #fila-franquicia .flechasTexto {
        flex-direction: column;
        align-items: flex-start;
        justify-self: left;
    }

    .filaImagenes3 .vc_column_container {
        padding-inline: 2px !important;
    }

    .filaImagenes3 {
        margin-inline: 5px;
    }


    /*Que es una clase en verdad? Quieres la verdad? Tu no puedes manejar la verdad!*/
    #fila-franquicia .dm36verde,
    #fila-franquicia .dm20griso,
    #f3 .goo36verde,
    #f3 .dm20griso,
    #fila-calidad .dm36verde,
    #fila-calidad .dm20griso,
    #fila-resultados .dm36verde,
    #fila-resultados .dm20griso,
    #fila-blog .dm36celesteo,
    #fila-blog .dm20griso,
    #fila-modelo .goo36verde,
    #fila-modelo .dm20griso,
    #fila-historia .goo36celesteo,
    #fila-historia .dm20griso,
    #fila-proveedor .goo36celesteo,
    #fila-proveedor .dm20griso {
        text-align: left;
    }

    #fila-historia .btnNaranja {
        float: left;
    }

    .certificaciones {
        gap: 0px;
    }

    .certificaciones>img {
        width: 105px !important;
    }

    .distribui-col2 {
        width: 85% !important;
        margin-bottom: -18px;
    }

    .fila-counter>div>div {
        gap: 10px;
    }

    .form-col1 {
        margin-inline: 22px;
    }

    .form-col1>div>div>div {
        margin-bottom: 0px !important;
    }

    .form-col1 {
        padding-top: 15px;
    }

    .form-col1 br {
        display: none !important;
    }

    .fila2form>p {
        flex-direction: column;
    }

    .fila2form>p>span {
        width: 100%;
    }

    .form-col1 input::placeholder,
    .form-col1 textarea::placeholder,
    .form-col1 span::placeholder,
    .form-col1 span {
        font-size: 14px;
    }

    .adjuntar-cv::after {
        font-size: 14px !important;
    }

    .form-col1 input {
        height: 42px !important;
    }

    .form-col1 .wpcf7-submit {
        padding-inline: 20px !important;
        font-size: 16px;
        height: 38px !important;
    }

    .form-col1 {
        padding-bottom: 40px;
    }

    .form-col2 {
        margin-top: -20px;
    }

    #fila-baldes img {
        content: url(/wp-content/uploads/2026/06/gasfhasbjf-e1781189886919.png) !important;
    }

    #footer-col1,
    #footer-col2 {
        width: 100% !important;
    }

    .itemFooter .dm18blanco {
        font-size: 13px;
    }

    #footer-col2 .itemsFooter>.itemFooter:nth-child(1) {
        height: 43px;
    }

    .itemFooter {
        gap: 10px;
        padding-inline: 13px;
    }

    #footer-col1 .vc_single_image-img {
        width: 70% !important;
        margin-inline: auto;
    }

    #footer-col4 {
        padding-top: 15px;
    }

    #hero .contenedor-botones a {
        min-width: 224px;
        justify-content: center;
    }

    /*padding polemico*/
    .wpb_column.vc_column_container {
        padding-inline: 25px;
    }

    .contadoresn {
        flex-wrap: wrap;
    }

    .contadorn .counter-box__counter,
    .contadorn p:has(.counter-box__counter) {
        font-size: 45px !important;
    }


}


/*****PRODUCTOS******/

.etiquetaPortada {
    width: 145px;
    height: 40px;
    background-color: #D5FFEB;
    border-radius: 20px;
    margin-inline: auto;
    align-content: center;
}

.portada-secciones {
    height: 680px;
    align-content: center;
    padding-bottom: 200px;
}

.portada-secciones h3 {
    margin-block: -10px !important;
}


.sabor img:not(.sabor a>img) {
    width: 165px;
    display: flex;
    justify-self: center;
}

.carrusel .flickity-prev-next-button.next {
    content: url(/wp-content/uploads/2026/06/Trazado-21373.svg) !important;
    right: -50px;
    width: 25px;
}

.carrusel .flickity-prev-next-button.previous {
    content: url(/wp-content/uploads/2026/06/Trazado-21374-1.svg) !important;
    left: -50px;
    width: 25px;
}

.carrusel {
    margin-top: 55px;
}

.btnTrans {
    display: flex;
    padding-inline: 27px;
    height: 36px;
    background-color: transparent;
    font-family: var(--dm);
    font-weight: 700;
    font-size: 16px;
    letter-spacing: 0px;
    color: white;
    border: 1px solid white;
    align-items: center;
    border-radius: 30px;
    width: fit-content;
}

.btnTrans:hover {
    color: white;
}

.tarjetaProducto {
    width: 269px;
    height: 356px;
    border-radius: 20px;
    box-shadow: inset 0px 0px 5px #00000029;
}

.tarjetaProducto .dm21verde,
.tarjetaProducto .dm22blanco {
    text-transform: uppercase;
}

.tarjetaProducto img {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

.tarjetaProducto .fondo {
    display: none;
}

.frente h4,
.frente h5 {
    text-align: left;
    padding-inline: 18px;
}

.frente h5 {
    margin: 0px;
}

.frente h4 {
    margin-bottom: 5px;
}

.tarjetaProducto:hover .frente {
    display: none;
}

.tarjetaProducto:hover .fondo {
    display: flex;
}

.tarjetaProducto:hover {
    background-color: var(--verde)
}

.fondo {
    flex-direction: column;
    align-items: center;
    padding-top: 25px;
    padding-inline: 23px;
}

.fondo .btnTrans {
    position: absolute;
    bottom: 43px;
}

.fondo h4 {
    margin-bottom: 20px;
}

.fondo .dm14blanco {
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.frente .dm21verde {
    font-size: 18px;
}

.queres-distribuir>div {
    background-color: #179588;
    border-radius: 35px;
    padding-top: 60px;
    padding-left: 96px;
}

.queres-distribuir {
    margin-top: 135px;
    margin-bottom: 135px;
    height: 356px;
}

.queres-distribuir-col2 {
    position: absolute;
    right: 170px;
    top: -75px;
}

.queres-distribuir-col1 {
    max-width: 612px;
}

.queres-distribuir-col1 h3 {
    margin-block: -10px !important;
}

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

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

    .carousel-container .carousel-nav {
        margin-top: 0px !important;
    }

    .carousel-item .wpb_raw_code {
        margin-bottom: 20px !important;
    }

    .queres-distribuir>div {
        padding-top: 35px;
        padding-left: 50px;
    }

    .queres-distribuir-col2 {
        right: 34px;
        top: 30px;
    }

    .queres-distribuir {
        margin-top: 69px;
        margin-bottom: 100px;
    }

}

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


    /*Si aca se descomenta lo comentado, y se comentan los llamados identicos, se genera que los alfajores salgan del contenedor*/

    /*
    .queres-distribuir {
        height: 520px;
    }
*/

    .queres-distribuir {
        height: auto;
    }

    .queres-distribuir-col1 {
        width: 100% !important;
    }

    /*
    .queres-distribuir-col2 {
        top: unset;
        bottom: -172px;
        width: 44%;
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }
*/

    .queres-distribuir-col2 {
        top: unset;
        bottom: unset;
        width: 55%;
        right: unset;
        position: relative;
        margin-inline: auto;
    }

    .queres-distribuir>div {
        padding-top: 20px;
        padding-inline: 50px;
        margin-inline: 35px;
    }


    /*
    .queres-distribuir-col2 .vc_figure {
        justify-content: center;
    }
*/

    .portada-secciones {
        height: auto;
        padding-bottom: 110px;
        padding-top: 35px;
    }

    .portada-secciones .one-row_bottom_divider {
        height: 85px !important;
    }

}

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

    .carousel-dots-mobile .flickity-page-dots {
        margin-top: 15px !important;
    }

    .queres-distribuir>div {
        padding-inline: 25px;
        margin-inline: 15px;
    }

    .queres-distribuir .contenedor-botones {
        align-items: center;
    }

    .queres-distribuir-col1 {
        text-align: center;
    }

    .queres-distribuir {
        margin-top: 40px;
        margin-bottom: 45px;
    }

    .contenedor-botones a {
        min-width: 260px;
        justify-content: center;
    }
}

/*******Fin productos******/







/*****FRANQUICIAS*****/

.porques-col1.franquicias {
    padding-block: 73px;
}


.filaImagenesFull {
    margin-top: 70px;
}

.filaImagenesFull .wpb_column {
    padding-inline: 0px !important;
}

.filaImagenesFull img {
    border-radius: 15px;
}

/*ia*/

.filaImagenesFull .ld-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 15px;
}

.filaImagenesFull .ld-row>.wpb_column {
    width: calc((100% - 30px) / 3) !important;
    max-width: calc((100% - 30px) / 3) !important;
    flex: 0 0 calc((100% - 30px) / 3) !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}



/*fin ia*/

.filaImagenesFull .vc_figure:hover img {
    transform: scale(1.15);
    transition: 7s;
}

.filaImagenesFull .vc_figure>div {
    overflow: hidden;
    border-radius: 15px;
}


.filaImagenesFull div.row>div.wpb_column:nth-child(1) img {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}

.filaImagenesFull div.row>div.wpb_column:nth-child(3) img {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}


#fila-como-abrir {
    padding-block: 136px;
    margin-top: 120px;
}

#fila-como-abrir h2 {
    margin-block: 0px;
}

#fila-como-abrir .flechasTexto {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
}

#fila-como-abrir-col2 {
    padding-top: 150px;
    padding-left: 40px;
}

#fila-como-abrir-col2 .imagenAbsoluta {
    position: absolute;
    top: -343px;
    right: 0px;
}

#fila-form-franquicias {
    padding-block: 100px;
}

.form-col1.formFranquicias {
    z-index: 1;
    max-width: 1125px;
    width: unset !important;
    margin-right: unset;
    padding-inline: 96px;
}

#fila-form-franquicias .ld-row:has(>.form-col1) {
    justify-content: center;
}

.formFranquicias .fila2form>p {
    justify-content: center;
}

.formFranquicias .fila2form span {
    width: 100%;
}

.formFranquicias {
    padding-top: 35px !important;
    padding-bottom: 35px !important;
}

.porques-col1.franquicias .wpb_raw_code:has(.btnNaranja) {
    margin-bottom: 0px !important;
}

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

    .form-col1.formFranquicias {
        margin-top: 0px;
    }

}

@media only screen and (max-width: 750px) {
    .filaImagenesFull .ld-row {
        flex-direction: column;
        gap: 0px;
    }

    .filaImagenesFull .ld-row>.wpb_column {
        width: 100% !important;
        max-width: unset !important;
    }

    .filaImagenesFull img {
        border-radius: 0px;
    }

    #fila-como-abrir {
        padding-block: 59px;
        margin-top: 50px;
    }

    #fila-como-abrir-col2 {
        padding-top: 0px;
        padding-left: 15px;
    }

    #fila-como-abrir-col2 .imagenAbsoluta {
        top: -545px;
        width: 170px;
    }

    .form-col1.formFranquicias {
        margin-inline: 35px;
    }

}

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

    .porques-col1.franquicias {
        padding-top: 35px;
        padding-bottom: 200px;
    }

    .filaImagenesFull {
        margin-top: 35px;
    }

    #fila-como-abrir-col2 .imagenAbsoluta {
        top: -555px;
    }

    .form-col1.formFranquicias {
        margin-inline: 15px;
    }
}

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

    #fila-como-abrir-col2 .imagenAbsoluta {
        top: -588px;
    }
}

a {
    outline: none !important;
}


/******DISTRIBUCIÓN******/

.separador {
    position: absolute;
    margin: 0px !important;
    height: 0px !important;
    top: -160px;
}

.contImgTit {
    display: flex;
    gap: 27px;
    justify-content: center;
    margin-top: 35px;
}

.imagenTitulo {
    width: 165px;
}

.imagenTitulo h2 {
    max-width: 104px;
    margin-inline: auto;
    text-align: center;
    margin-top: -85px;
}

.fila-productos-para>div>div {
    justify-content: center;
}

.productos-para-col1 {
    width: 44%;
    margin-right: -65px;
}

.productos-para-col2 {
    height: 754px;
    align-items: center;
    background-color: #fff;
    border-radius: 30px !important;
    width: 56%;
    padding-left: 100px;
}

.productos-para-col2 .dm36verde {
    margin: 0;
}

.productos-para-col2.form-col1 {
    padding-left: 55px;
}

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

    .fila-productos-para:not(.fila-productos-para:has(form))>div>div {
        flex-direction: column-reverse;
    }

    .productos-para-col1,
    .productos-para-col2 {
        width: 100% !important;
    }

    .fila-productos-para {
        margin-top: 50px !important;
    }

    .contImgTit {
        flex-wrap: wrap;
    }

    .productos-para-col1 .wpb_wrapper.vc_figure {
        justify-content: center;
    }

    .fila-productos-para>div>div {
        gap: 25px;
    }

    .productos-para-col2 {
        padding-inline: 35px;
    }

    .productos-para-col2.form-col1 {
        padding-inline: 35px !important;
        /*  margin-right: unset;*/
        margin-inline: unset;
    }

    .productos-para-col1 {
        margin-right: unset;
    }

}

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

    .imagenTitulo {
        width: 160px;
    }

    .contImgTit {
        column-gap: 7px;
        row-gap: 42px;
    }

    .productos-para-col2 {
        height: unset;
        padding-block: 35px;
    }

    .productos-para-col2.form-col1 {
        margin-inline: auto;
    }

    .form-col1 {
        margin-top: 15px;
    }

    .productos-para-col2 .dm36verde {
        margin-bottom: 15px;
    }

}

/*****FIN DISTRIBUCION*****/



/*SUCURSALES*/

.imagen-completa .vc_column_container {
    padding-inline: 0px;
}

.sucursal {
    width: 350px;
    height: 300px;
    padding-inline: 35px;
    border: 1px solid var(--naranja);
    border-radius: 26px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 5px;
}

.sucursal p {
    margin: 0px !important;
}

.sucursal img {
    margin-bottom: 15px;
}

.sucursal .departamento {
    font-family: var(--dm);
    font-weight: 800;
    font-size: 23px;
    letter-spacing: 0px;
    line-height: 32px;
    color: var(--verde);
}

.sucursal .direccion {
    font-family: var(--dm);
    font-weight: 400;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 32px;
    color: var(--verde);
}

.sucursal .provincia {
    font-family: var(--dm);
    font-weight: 700;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 32px;
    color: var(--verde);
}

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

    .vc_column_container:has(.sucursal) {
        padding-inline: 0px !important;
    }

    .sucursal {
        margin-inline: auto;
    }

    .sucursal .departamento {
        font-size: 21px;
    }

    .sucursal .direccion {
        font-size: 18px;
        line-height: 24px;
    }

    .sucursal .provincia {
        font-size: 18px;
        line-height: normal;
    }

    .sucursal {
        width: 333px;
        height: 283px;
    }

}


/*****FIN SUCURSALES****/

/*******RRHH********/

.ui-selectmenu-button {
    border: 1px solid var(--griso) !important;
    border-radius: 15px !important;
    color: #828282 !important;
    font-family: var(--dm) !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    letter-spacing: 0px;
    padding-inline: 15px !important;
}

span.ui-selectmenu-text {
    margin: 0px !important;
}

span:has(>select) {
    height: 50px;
}


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

    .fila2form>p {
        gap: 0px;
    }

    span:has(>select) {
        height: 42px;
    }
}

/*******FIN RRHH********/

/*********CONTACTO*********/

.productos-para-col2.form-col1.form-contacto {
    height: 680px;
}


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

    .container {
        padding-inline: 25px !important;
    }

    #fila-footer>div>div {
        column-gap: 45px;
        justify-content: center;
    }

}


.displayNone {
    display: none !important;
}



.zocaloMobile:hover {
    color: white !important;
}


#fila-zocalo-mobile {
    position: fixed;
    bottom: 0px;
    background-color: var(--naranja);
    width: 100%;
    justify-items: center;
    z-index: 99;
    height: 50px;
    align-content: center;
}


.carousel-nav.carousel-nav-solid .flickity-button:before,
.carousel-nav.carousel-nav-bordered .flickity-button:before {
    background: white !important;
}

.carousel-nav.carousel-nav-solid .flickity-button:hover,
.carousel-nav.carousel-nav-bordered .flickity-button:hover {
    fill: black;
}

/*DESPLEGABLE SABORES*/

.sabor a:hover {
    color: var(--verde);
}

.sabor a {
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-top: 15px;
    /*margin-right: -25px;*/
}

.lista {
    text-align: left;
    margin-top: 20px;
    max-height: 270px;
    overflow: auto;
}

.lista p {
    margin-bottom: 15px;
}

.girado {
    transform: rotate(180deg);
}


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

    #desplegable-desktop .vc_column_container {
        width: 40%;
    }

    #desplegable-desktop>div>div {
        justify-content: center;
    }
}

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

    #desplegable-mobile .vc_column_container {
        /*width: fit-content;*/
        width: 47%;
        padding-inline: 5px;
    }

    #desplegable-mobile>div>div {
        justify-content: center;
        gap: 15px;
    }

    .sabor a {
        justify-self: left;
    }
}




















/*ANIMACIONES*/


#hero_col2 img {
    animation: pulse 3s ease-out infinite;
}

#fila-como-abrir-col1 .vc_figure img {
    animation: shake 4s ease-out infinite;
}

#fila-como-abrir-col2 .vc_figure img {
    animation: swing 5s ease-out infinite;
}

.filaImagenes3 img {
    animation: swing 5s ease-out infinite;
}


.contImgTit .imagenTitulo {
    -webkit-animation: bounceEscalera 7.5s infinite;
    animation: bounceEscalera 7.5s infinite;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

/* Escalera */
.contImgTit .imagenTitulo {
    -webkit-animation: bounceEscaleraRapida 4.45s infinite;
    animation: bounceEscaleraRapida 4.45s infinite;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
}

/* Escalera  */
.contImgTit .imagenTitulo:nth-child(1) {
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
}

.contImgTit .imagenTitulo:nth-child(2) {
    -webkit-animation-delay: 0.35s;
    animation-delay: 0.35s;
}

.contImgTit .imagenTitulo:nth-child(3) {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}

.contImgTit .imagenTitulo:nth-child(4) {
    -webkit-animation-delay: 1.05s;
    animation-delay: 1.05s;
}

.contImgTit .imagenTitulo:nth-child(5) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s;
}

/* Fin Escalera */

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.01, 1.01, 1.01);
        /*transform: scale3d(1.01, 1.01, 1.01);*/
        transform: translateY(0px) scale(1.02) rotate(-1.5deg);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}


@keyframes shake {

    0%,
    25%,
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    2.5%,
    7.5%,
    12.5%,
    17.5%,
    22.5% {
        -webkit-transform: translate3d(-10px, 0, 0);
        transform: translate3d(-10px, 0, 0);
    }

    5%,
    10%,
    15%,
    20% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0);
    }
}


.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

@keyframes swing {

    0%,
    40%,
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg);
    }

    8% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg);
    }

    16% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg);
    }

    24% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg);
    }

    32% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg);
    }
}



@keyframes bounceEscaleraRapida {

    0%,
    2.47%,
    6.55%,
    9.89%,
    12.36%,
    100% {
        -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    4.94%,
    5.31% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -30px, 0);
        transform: translate3d(0, -30px, 0);
    }

    8.65% {
        -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0);
    }

    11.12% {
        -webkit-transform: translate3d(0, -4px, 0);
        transform: translate3d(0, -4px, 0);
    }
}


/* Cambios Max */
#fila-proveedor>div>div>div>div>div>div:nth-child(2)>div {
    text-align: center;
}

#fila-proveedor>div>div>div>div>div>div:nth-child(2)>div>h3 {
    margin: 0 auto;
}

/* END Cambios Max */
.ocultar {
    display:none !important;
}

.grecaptcha-badge {
visibility: hidden;

}