html, body{font-family: "Hanken Grotesk", sans-serif; color:#191919;}
body{background:#FFFFFF;}
:root{
    --color-principal:#FF1616;
    --negro:#191919;
    --negro2:#424242;
    --negro3:#303030;
    --gris:#F7F7FC;
    --font12:12px;
    --font13:13px;
    --font14:14px;
    --font15:15px;
    --font16:16px;
    --font18:18px;
    --font20:20px;
    --font22:22px;
    --font24:24px;
    --font26:26px;
    --font28:28px;
    --font32:32px;
    --font36:36px;
    --font40:40px;
    --font48:48px;
    --font50:50px;
    --font62:62px;
    --font80:80px;
    --font90:90px;
}
.py-17{padding-top:6rem!important; padding-bottom:6rem!important;}
.my-18{margin-top:6rem!important; margin-bottom:6rem!important;}
.my-17{margin-top:5rem!important; margin-bottom:5rem!important;}
.pt-2x{padding-top:7rem!important;}
.height-2{height:2px;}
.width-fit-content{width:fit-content!important;}
.max-w-200{max-width:200px;}
.div-bottom{position:absolute; bottom:0; right:60%; max-width:100%; height:auto; z-index:1;}
.border-gris{border-color:var(--gris)!important;}
.border-negro{border-color:var(--negro)!important;}
.bordertop{border-top:15px solid var(--negro3)!important;}
.border-principal{border-top:1px solid var(--color-principal)!important;}
.border-principal2{border-bottom:1px solid var(--color-principal)!important;}
.n1{margin-top:-70px; margin-right:-20px;}
.navbar{border-bottom:0px!important;}
.text-principal{color:var(--color-principal)!important;}
.text-negro{color:var(--negro)!important;}
.text-negro2{color:var(--negro2)!important;}
.text-gris{color:var(--gris)!important;}

.bk-principal{background:var(--color-principal);}
.bk-negro{background:var(--negro)!important;}
.bk-negro2{background:var(--negro2)!important;}
.bk-negro3{background:var(--negro3)!important;}
.bk-gris{background:var(--gris)}

.font12{font-size:var(--font12);}
.font13{font-size:var(--font13);}
.font14{font-size:var(--font14);}
.font15{font-size:var(--font15);}
.font16{font-size:var(--font16);}
.font24{font-size:var(--font24);}
.font28{font-size:var(--font28);}
.font36{font-size:var(--font36);}

.font90{
    font-size:var(--font90);
    @media only screen and (max-width:990px){
        font-size:var(--font36);
    }
}
.font80{
    font-size:var(--font80);
    @media only screen and (max-width:990px){
        font-size:var(--font36);
    }
}
.font62{
    font-size:var(--font62);
    @media only screen and (max-width:990px){
        font-size:var(--font36);
    }
}
.font50{
    font-size:var(--font50);
    @media only screen and (max-width:990px){
        font-size:var(--font32);
    }
}
.font48{
    font-size:var(--font48);
    @media only screen and (max-width:990px){
        font-size:var(--font28);
    }
}
.font40{
    font-size:var(--font40);
    @media only screen and (max-width:990px){
        font-size:var(--font20);
    }
}
.font32{
    font-size:var(--font32);
    @media only screen and (max-width:990px){
        font-size:var(--font20);
    }
}
.font26{
    font-size:var(--font26);
    @media only screen and (max-width:990px){
        font-size:var(--font26);
    }
}
.font22{
    font-size:var(--font22);
    @media only screen and (max-width:990px){
        font-size:var(--font22);
    }
}
.font20{
    font-size:var(--font20);
    @media only screen and (max-width:990px){
        font-size:var(--font18);
    }
}
.font18{
    font-size:var(--font18);
    @media only screen and (max-width:990px){
        font-size:var(--font18);
    }
}
.font16{
    font-size:var(--font16);
    @media only screen and (max-width:990px){
        font-size:var(--font14);
    }
}
.font14{
    font-size:var(--font14);
    @media only screen and (max-width:990px){
        font-size:var(--font12);
    }
}
.rounded-aop{
    border-radius:1rem;
    @media only screen and (max-width:1410px){
        border-radius:0rem;
    }
}
.my-20{
    margin-top:8rem!important; margin-bottom:8rem!important;
    @media only screen and (max-width:990px){
        margin-top:5rem!important; margin-bottom:5rem!important;
    }
}

.container{max-width:1400px;}
.logo-header{width:168px; height:auto;}

/* MENU */
/* .navbar-brand{margin-top:-50px;} */
.cloned .navbar-brand{margin-top:0px;}
.btn-especial-2:hover{color:#ffb6b6; text-decoration:none;}
.nav-link.active{color:#ffb6b6!important;}
.nav-link{color:#FFF; font-size:var(--font18);}
.cotizar{padding:10px 20px; color:#FFF; text-transform:uppercase; background:var(--color-principal); border-radius:4px; letter-spacing:2px;}
.cotizar:hover{text-decoration:none;}

/* DIV SCROLLING */
.scroll-background{position:fixed; top:0; left:0; width:100%; height:100px; background-color:var(--negro2); display:none; z-index:8; box-shadow:0px 5px 8px 0px rgba(0,0,0,0.1);}
#navbar{transition:top 0.3s; z-index:1;}
.cloned{padding:22px 10px; text-align:center; width:100%; position:fixed; top:0; left:50%; transform:translateX(-50%); display:none; z-index:1000;}
.cloned .navbar{margin-bottom:0px!important;}
.cloned .logo-header{width:140px;}

/* IDIOMAS */
.idiomasdrop button{padding:0px;}
.idiomasdrop img{width:20px; vertical-align:bottom;}
.idiomasdrop .btn:first-child:active:focus-visible{box-shadow:none!important;}
.idiomasdrop .btn:first-child:active{border-color:transparent!important;}
.idiomasdrop .btn.show{color:#FFFFFF!important; border-color:transparent!important;}
.idiomasdrop .dropdown-menu.show{border:0px solid rgba(9, 30, 66, 0.14); margin-top:4px; padding:0px; width:50px; min-width:fit-content; max-width:50px; background:transparent; border-top:1px solid #FFF; border-radius:0;}
.idiomasdrop .dropdown-menu a.dropdown-item{padding:4px 0px;}
.idiomasdrop .dropdown-toggle::after{display:none!important;}

/* BOTONES */
.container-eg-btn-2{display:flex; justify-content:left; align-items:start; align-content:start; flex-wrap:wrap; margin:0px; padding:0em;}
.container-eg-btn-2 .button{color:#FFFFFF; background:var(--color-secundario); padding:15px 35px 13px 35px; border-radius:5px; text-align:center; text-transform:uppercase; position:relative; overflow:hidden; transition:.3s; z-index:1; border:2px solid var(--color-principal);}
.container-eg-btn-2 .button1{color:#191919; background:transparent; padding:15px 35px 13px 35px; border-radius:5px; text-align:center; text-transform:uppercase; position:relative; overflow:hidden; transition:.3s; z-index:1; border:2px solid var(--color-principal);}
.container-eg-btn-2 .button1:hover{color:#FFF;}
.container-eg-btn-2 .button:hover{cursor:pointer; color:#FFFFFF; text-decoration:none;}
.container-eg-btn-2 .button-5:before{position:absolute; transition:.3s; content:''; width:0; bottom:0; background:var(--color-principal); height:120%; left:-10%; transform:skewX(20deg); z-index:-1;}
.container-eg-btn-2 .button-5:hover:before{width:120%;}

.boton1{display:flex; justify-content:space-between; align-items:center; max-width:200px; color:var(--negro); margin:0 auto; padding-bottom:0px; border-bottom:1px solid var(--negro); font-weight:500; transition:all 0.3s ease;}
.boton1 i{color:var(--negro); transition:transform 0.3s ease;}
.boton1:hover i{animation:moverFlecha 0.6s ease forwards;}
.boton1:hover{text-decoration:none;}
@keyframes moverFlecha {
    0% {transform:translateX(0);}
    50% {transform:translateX(-5px);}
    100% {transform:translateX(0);}
}

.especiala{background:#FFF2F2; padding:10px 20px; border:2px solid var(--color-principal); border-radius:4px; color:var(--negro); text-decoration:none;}
.especiala:hover{background:var(--color-principal); padding:10px 20px; border:2px solid var(--color-principal); border-radius:4px; color:#FFF; text-decoration:none;}

/* PLAY */
.circle-text-container{position:relative; width:170px; height:170px;}
.circle-image{position:absolute; width:70px; height:70px; z-index:1; margin-top:50px; margin-left:50px;}
.rotating-text{position:absolute; width:100%; height:100%; z-index:2; animation:spin 20s linear infinite;}
@keyframes spin{
  from{transform:rotate(0deg);}
  to{transform:rotate(360deg);}
}

/* - */
.comodosoluciones{line-height:120px;}
.vertical-text{writing-mode:vertical-rl; margin:auto; letter-spacing:6px;}

.border-container{position:relative;}
.vertical-line{position:absolute; top:0; right:0; width:1px; height:100%; background-color:var(--color-principal);}
.lineheight1{line-height:140px!important;}


/* HOME */
.frase-hashtag{display:flex; align-items:center; gap:10px; margin-bottom:20px;}
.frase-hashtag .linea{flex-grow:1; height:2px; background-color:white; max-width:100px;}
.frase-hashtag .texto{color:white; font-weight:bold; text-transform:uppercase; white-space:nowrap;}
.vestidocuadro{margin-top:-100px; z-index:1;}
.lins{display:block;}

/* TESTIMONIOS */
.lasoz{border-top:1px solid var(--color-principal); padding-top: 20px;}
.slick-arrows-container{position:absolute; margin-top:-90px!important; margin-left:60px;}
.casxco{top:25%; position:relative;}
.slick-dots{display:inline-flex; gap:8px; justify-content:center; padding:0;}
.slick-dots li button{font-size:0; width:12px; height:12px; border-radius:50%; background-color:#ccc; border:none;}
.slick-dots li.slick-active button{background:var(--color-principal);}
.slick-dots{list-style:none; padding-left:0; margin:0;}
.slick-dots li{list-style:none; display:block;}
.slick-dots li::marker{display:none; content:'';}


/* MENU MOBILE  */
/*.navsub{z-index:9;}*/
.navbar-toggler{border:0px!important;}
.mobile-menu{position:fixed; top:0; right:-100%; width:70%; height:100vh; background-color:white; z-index:9999; display:flex; flex-direction:column;  padding:2rem; transition:right 0.4s ease-in-out;}
.mobile-menu.active{right:0;}
.modal-backdrop{position:fixed; top:0; left:0; width:100vw; height:100vh; background:rgba(0, 0, 0, 0.5); z-index:9998; display:none;}
.modal-backdrop.active{display:block;}
.close-btn{font-size:2rem; background:none; border:none; align-self:flex-end; cursor:pointer;}
.mobile-menu .navbar-nav{list-style:none; padding:0;}
.mobile-menu .navbar-nav .nav-item{margin-bottom:1rem;}
.nav-link:focus{color:#FFFFFF;}
.mobile-menu .dropdown{flex-direction:column;}
.mobile-menu .dropdown-menu{display:none; flex-direction:column; padding-left:0rem; box-shadow:initial!important;}
.mobile-menu .dropdown-menu.show{display:block; animation:slideDown 0.4s ease; position:relative!important; transform:initial!important;}
.mobile-menu .btn{margin-top:auto;}

/* FORMULARIO */
.agendarcita input[type="text"], .agendarcita input[type="email"], .agendarcita input[type="number"]{height:50px!important; font-size:18px!important;}
.agendarcita select{height:50px!important; font-size:18px!important; padding-top:5px!important;}
.agendarcita .ginput_counter, .gform-field-label--type-sub{display:none!important;}
.agendarcita #input_1_11{width:100%!important;}
.agendarcita .gform-theme--foundation .ginput_complex .ginput_container_time{inline-size:33%!important;}
.agendarcita .gform-theme--foundation .gform_fields{row-gap:30px!important;}
.agendarcita #gform_submit_button_1{margin:0 auto; font-size:18px; background:var(--color-principal); width:150px!important;}
.agendarcita #gform_submit_button_2{margin:0 auto; font-size:18px; background:var(--color-principal); width:150px!important;}
.agendarcita .validation_message, .agendarcita .gform_validation_errors{display:none!important;}
.agendarcita #gform_confirmation_message_1{font-size:20px; color:var(--negro);}

/* FOOTER */
.btn-redes{color:#989798; text-decoration:none;}
.btn-redes:hover{color:var(--color-principal)!important; text-decoration:none;}
.vers i{vertical-align:sub;}
.amedida{color:white; text-decoration:none;}
.amedida:hover{color:var(--color-principal); text-decoration:none;}

/*__________________________________________ MOVIL __________________________________________*/

@media only screen and (max-width:1220px){
    .vestidocuadro{margin-top:auto; z-index:1;}
    .vestidocuadro img{width:100%;}
}

@media only screen and (max-width:990px){
    /* LOGO */
    .logo-header{width:128px; height:auto;}

    /* HEADER */
    .bk-banner-second{height:70px;}

    /* LOGO NAV */
    .navbar-brand{margin-top:0px!important;}

    /* BANNER */
    .slider-home .content .content-descripcion{margin-top:30px;}
    .slider-home .content .content-descripcion h2{font-size:var(--font36);}
    .slider-home .content .content-descripcion p{font-size:var(--font18);}
    .slick-dots{position:relative; bottom:0px;}

    .comodosoluciones{line-height:50px;}
    .casxco{top:initial; position:relative;}
    .slick-arrows-container{margin-top: -60px!important; margin-left:20px;}

    .lineheight1{line-height:50px!important;}

    .img-fluid{width:100%!important;}
}

/* NUESTRAS DIFERENCIAS */
@media (min-width: 991px){
    .casilla{display:block;}
    .casilla.active{width:30%;}
    .controls{display:none;}
}

@media only screen and (max-width:845px){
    .lins{display:none;}
}

@media only screen and (max-width:600px){
    /* BOTTON */
    .boton1{max-width:600px;}
}

@media only screen and (max-width:400px){
    .slider-home .content .content-descripcion h2{font-size:var(--font24);}
    .slider-home .content .content-descripcion p{font-size:var(--font16);}
    .content-img img{width:70%!important; margin:0 auto;}
    .btn-especial-4{font-size:13px!important;}
    .slick-dots li button{width:13px; height:13px;}
    .slick-dots{bottom:12px;}
}