body {
    margin: 0px;
    padding: 0px;
}
/*estilos para nav fixed*/
.menu-fixed{
    position:fixed !important;
    z-index:1030 !important;
    top:0 !important;
    right: 0;
    left: 0;
   box-shadow: 0px 1px 3px 2px rgb(0 0 0 / 10%)!important;
    background-color: #fff !important;
    opacity: 1;
}
.navbar-rignt {
  float: left !important;
  margin-left: 70%!important;
}
.navbar_altura{
    padding-top: 0px !important;
}
.ancho_logo{
    width: 100px !important;
}

/*PREGUNTAS FRECUENTES--------------------------------------------------------------------------------------------*/

.lista-preguntas {
    list-style: none;
    font-family:'HelveTh';
    font-weight: 300;

    counter-reset: foo;
    display: table;
}

.lista-preguntas a{
    color:#333333;
    font-size: 120%;
    padding-left: 3px;
}

.lista-preguntas a:hover{
    color: #61C0B7;
}

.lista-preguntas>li{
    counter-increment: foo;
    display: table-row;
}

.lista-preguntas:before {
    content:"·";
    font-size:24px;
    vertical-align:top;
    line-height:20px;

    display: table-cell; /* aha! */
    text-align: right;
}

.lista-preguntasVerMas {
    margin-top: 3%;
    list-style: none;
    font-family:'HelveTh';
    font-size: 120%;
    font-weight: 300;

    counter-reset: foo;
    display: table;
}

.lista-preguntasVerMas a {
    color: #777777;
}

.lista-preguntasVerMas a:hover{
    color: #9C9C9C;
}


/*BARRA DE BUSQUEDA--------------------------------------------------------------------------------------------*/


.s002 form {
    width: 60%;
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom:5%;
}


.s002 form .inner-form {
    /*background: rgba(228, 228, 228, 0.5); Opcion 1 */
    padding: 16px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
}

.s002 form .inner-form .input-field input {
    height: 70px;
    /*background:#EDEDED; Opcion 2`*/
    background:#EDEDED;
    border-radius: 5px;
    border: 0px;
    display: block;
    width: 100%;
    padding: 10px 20px 10px 45px;
    font-size: 16px;
    color: #555;
    font-weight: 400;
    font-family:'HelveMd';
    outline: none;
}

.s002 form .inner-form .input-field input::-webkit-input-placeholder {
    color: #9a9a9a;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}


.s002 form .inner-form .input-field.first-wrap {
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.s002 form .inner-form .input-field.fifth-wrap {
    min-width: 30%;
    max-width: 30%;
    padding-left: 10px;
    border-right: 0;
}

.s002 form .inner-form .input-field.fifth-wrap .btn-search {
    height: 70px;
    width: 100%;
    /*background: #192847; Opcion 3*/
    background: #62C1B8;
    white-space: nowrap;
    border-radius: 5px;
    font-size: 20px;
    color: #fff;
    transition: all .2s ease-out, color .2s ease-out;
    border: 0;
    cursor: pointer;
    font-weight: 400;
    font-family:'HelveMd';
}

.s002 form .inner-form .input-field.fifth-wrap .btn-search:hover {
    /*Opcion 3 background: #46526b;*/
    background: rgb(84, 165, 157);

}



.btn-menu {
    margin-top: 10px !important;
    font-family: "DosisSb";
    font-size: 15px !important;
    color: #fff !important;
    border-color: transparent !important;
    border-radius: 3px;
    padding: 5px 10px !important;
    background-color: rgba(0,0,0,0.1);
}

.btn-menu-2 {
    margin-top: 10px !important;
    font-family: "DosisSb";
    font-size: 15px !important;
    color: #50bab0 !important;
    border-color: transparent !important;
    border-radius: 3px;
    padding: 5px 10px !important;

}

.myNavbar {
    background-color: #fff!important;
    border-color: #fff !important;
    opacity: 0.9;
}

.myNavbar > li > a {
    color: #000 !important;
}

/*  modal */

.m-header {
    background-image: url(../img/IMG-modal.jpg);
    background-size: cover;
    height: 200px;
}

div.vertical-line{
    width: 1px; /* Line width */
    background-color: black; /* Line color */
    height: 100%; /* Override in-line if you want specific height. */
    float: right; /* Causes the line to float to left of content.
      You can instead use position:absolute or display:inline-block
      if this fits better with your design */
}

/*  fin modal  */

.fz30 {
    font-size: 30px !important;
}

.fz40 {
    font-size: 40px !important;
}

@font-face {
    font-family: "HelveMd";
    src: url(../fonts/HelveticaNeueLTStd-Md.otf) format("opentype");
}

@font-face {
    font-family: "HelveTh";
    src: url(../fonts/HelveticaNeueLTStd-Th.otf) format("opentype");
}

@font-face {
    font-family: "DosisSb";
    src: url(../fonts/Dosis-SemiBold.otf) format("opentype");
}

.lbgDS {
    font-family: 'DosisSb', sans-serif;
    font-size: 50px;
    color: #fff;
    margin-top: -5px;
}

.lbmDS {
    font-family: 'DosisSb', sans-serif;
    font-size: 40px;
    color: #fff;
    margin-top: -5px;
}

.lbmMD {
    font-family: "HelveMd";
    font-size: 25px;
    color: #fff;
}

.lbmTH {
    font-family: "HelveTh";
    font-size: 26px;
    color: #fff;
}

.lbpTH {
    font-family: "HelveTh";
    font-size: 20px;
    color: #fff;
}

.lgp {
    font-family: "HelveTh";
    color: #A6A8AB;
    font-size: 20px;
}

.lgm {
    font-family: "HelveTh";
    color: #A6A8AB;
    font-size: 25px;
}

.lgmMd {
    font-family: "HelveMd";
    color: #A6A8AB;
    font-size: 25px;
}

.lag {
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    font-size: 50px;
    color: #011842;
    margin-top: -5px;
}

.lap {
    font-size: 25px;
    color: #011842;
    line-height: 1.2;
    font-family: "HelveMd"
}

.lamH {
    font-family: "HelveMd";
    font-weight: bold;
    font-size: 20px;
    color: #011842;
}

.lam {
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    font-size: 40px;
    color: #011842;
}

.btn-a {
    background-color: #011842;
    color: #fff;
    width: 150px;
    border-radius: 10px;
    border-color: #011842;
    font-family: "DosisSb";
    padding: 7px 10px;
    border: 1px solid transparent;
    margin-left: 10px;
    letter-spacing: 1px
}

.btn-degra {
    background-image: url(../img/degradado-boton.png);
    background-size: 150px;
    background-position: center;
    color: #fff;
    width: 150px;
    border-radius: 10px;
    border-color: #011842;
    font-family: "DosisSb";
    padding: 7px 10px;
    border: 1px solid transparent;
    margin-left: 10px;
    letter-spacing: 1px
}

.btn-v {
    background-color: rgb(0,0,0,0.15);
    color: #fff;
    width: 150px;
    border-radius: 10px;
    border-color: #50BAB0;
    font-family: "DosisSb";
    padding: 7px 10px;
    border: 1px solid transparent;
    letter-spacing: 2px
}

.btn-v2 {
    background-color: #50BAB0;
    color: #fff;
    width: 150px;
    border-radius: 10px;
    border-color: #50BAB0;
    font-family: "DosisSb";
    padding: 7px 10px;
    border: 1px solid transparent;
    letter-spacing: 0px
}

.btn-b {
    background-color: #fff;
    color: #011842;
    width: 150px;
    border-radius: 10px;
    border-color: #fff;
    font-family: "DosisSb";
    padding: 7px 10px;
    border: 1px solid transparent;
    letter-spacing: 2px
}

.btn-b:hover {
    background-color: #50BAB0;
}

.btn-v2:hover {
    background-color: #011842;
}

.vcf {
    color: #fff;
    font-family: "DosisSb";
    text-decoration: underline;
    margin-top: 20px;
}

.vcf a:link {
    color: #fff;
}



.navbar {
    padding-top: 10px;
    border-color: transparent !important;
    text-transform: uppercase;
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin-right: 20px;
    color: #000 !important;
}

.navbar-p {
    padding-top: 10px;
    border-color: transparent !important;
    text-transform: uppercase;
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    font-size: 15px;
    margin-right: 20px;
    color: #fff !important;
}




.btn-default {
    margin-top: 7px !important;
    font-family: "DosisSb";
    font-size: 17px !important;
    color: #50bab0 !important;
    border-color: transparent !important;
}

.btn1 {
    -webkit-border-radius: 17;
    -moz-border-radius: 17;
    border-radius: 17px;
    font-family: Arial;
    color: #ffffff;
    font-size: 17px;
    background: #409c93;
    padding: 10px 20px 10px 20px;
    text-decoration: none;
}

.btn1:hover {
    background: #4fb8ae;
    text-decoration: none;
}

.blanco {
    color: #fff;
    font-family: 'Dosis', sans-serif;
    font-size: 30px !important;
    font-weight: bold;
    line-height: 1.2;
}
.secciones {
    display: block;
}

#sec1 {
    /*background-image: url(../img/ilustracion-nuevo.png);*/
    background-size: cover;
    display: table;
}
#sec1_wifi_mkt {
    background-size: cover;
    display: table;
}
.sec1-conten-home{
    margin-top: 5%;
    padding-left: 7% !important;
}

.sec2-img-home{
    margin-left: 10%;
    margin-top:10%;
    width: 90%;
}

.sec2-conten {
    margin-top: 20%;
    padding-left: 10% !important;
}

#sec2 {
    background-image: url(../img/fondo-vector-2.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.sec3-conten{
    margin-top:25%;
    padding-right: 5%;
    text-align: left;
}


.after-pasos {
    background-color: #fff;
}

.container2 {
    width: 100%;
    height: 260px;
    position: relative;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    perspective: 800px;
}

.card {
    width: 100%;
    height: 100%;
    position: absolute;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
    transition: transform 1s;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-origin: 50% 50%;
}
.card div {
    display: block;


    color: black;
    text-align: center;

    position: absolute;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    backface-visibility: hidden;
}
.card .front {

}
.card .back {

    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}
.card.flipped {
    -webkit-transform: rotateY( 180deg );
    -moz-transform: rotateY( 180deg );
    -o-transform: rotateY( 180deg );
    transform: rotateY( 180deg );
}

.activo {
    background-image: url(../img/degradado-boton.png);
    color: #fff !important;
}

.btn-rotate {
    background-color: #A6A8AB;
    color: #fff;
    width: 100px;
    border-radius: 10px;
    border-color: #fff;
    font-family: "DosisSb";
    padding: 7px 10px;
    border: 0px solid transparent;
    letter-spacing: 1px
}

/* footer */

.btn-footer {
    margin: auto;
    display: block;
    color: #fff;
    background-color: #50bab0;
    padding: 7px 50px;
    border-color: transparent;
    border-radius: 10px;
    font-family: "DosisSb";
    letter-spacing: 2px;
}

.l-footer {
    font-family: "HelveTh";
    color: #fff;
    font-size: 12px;
    margin: 0px;
}

.l-footer1 {
    font-family: "HelveMd";
    color: #fff;
    font-size: 12px;
}

.lam-footer {
    font-family: "HelveMd";
    font-weight: bold;
    font-size: 30px;
    color: #011842;
}

.foot-links {
    text-decoration: none;
    color: #FFF !important;
}

.bg-pasos{
    height: 500px;
    background-image: url(../img/fondo-pasos.png);
    background-size: initial;
    background-position: bottom;
}

.smartph{
    background-image: url(../img/celular.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    padding: 55px;
    margin-top: 10%;
}


.cont-slide{
    display: table;
    width: 100%;
}
.slide-img {
    width: 220px !important;
    display: table-cell;
    vertical-align: middle;
}




/* COMUNIDADFIWEEX */

.bg-cf {
    background-image: url(../img/comunidad/sobre-capa-blanca.png);
    background-size: contain;
    background-repeat: repeat-y;
}


.nav-cf a {
    color: #000 !important;
}

.letras1 {
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #011842;
    line-height: 1.2;
}

.lgmDs {
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    font-size: 30px;
    color: #A6A8AB;
    line-height: 1.2;
}

.letras2 {
    font-family: 'Dosis', sans-serif;
    font-size: 20px;
    color: #929497;
}

.letras-icon {
    font-family: "HelveMd";
    font-weight: bold;
    font-size: 22px;
    color: #011842;
}



.middle {
    transition: .5s ease;
    opacity: 1;
    text-align: center;
    height: auto;
}

.contain-img:hover .text2 {
    opacity: 1;
}
.contain-img:hover .text1 {
    opacity: 0;
}

.text1 {
    font-family: "HelveMd";
    color: #fff;
    font-size: 30px;
    padding: 16px 32px;
    opacity: 1;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.text2 {
    font-family: "HelveMd";
    color: #fff;
    font-size: 23px;
    padding: 16px 32px;
    opacity: 0;
    position: absolute;
    top: 50%;
    left:50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 300px;
}

/* PRECIOS */


#fondo {
    background-image: url(../img/precios_fondo.png);
    background-repeat: no-repeat;
    background-size: contain;
}





.tab {
    text-indent: 20px;
}

.p-basico li {
    font-family: "HelveTh";
    font-size: 15px;
    color: #A6A8AB;
}

.p-premium li {
    font-family: "HelveTh";
    font-size: 15px;

}








.btn-blanco {
    background-color: transparent;
    border-radius: 13px;
    border: 3px solid #fff;
    font-family: "DosisSb";
    color: #fff;
    padding: 7px 25px;
    margin-top: 10px;
}

.btn-blanco:hover {
    color: #011842;
    background-color: #fff;
}

.bg-b-3 {
    background-image: url(../img/beneficios/Fondo-TIPOS-DE-NEGOCIOS.png);
    background-size: cover;
    height: 600px;
    padding: 50px;
}

.lbdosis {
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 30px;
}

/* registro user */

.fondo-rcf {
    background-image: url(../img/fondo-registro-user-vectores.png);
    background-size: cover;
}

.form-user {
    background-color: rgb(237, 237, 237, 0.7) !important;
    border: 1px solid #EDEDED !important;
}


/* Registro Negocios*/

.fondo-RN {
    background-image: url(../img/rn-fondo.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left bottom;
}

.rn-sec-conten {
    padding-left: 15% !important;
}

.RN-form {
    background-color: #011842;
    border-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 35px 20px;
    margin-top:-50px;
}
.nuevo_rn_form {
    background-color: #fff;
    border-radius: 10px;
    top: 0;
    right: 0;
    padding: 0px 20px;
}

.footer-rn {
    height: 600px;
    background-image: url(../img/rn-fondo.png);
    background-size: 2200px 600px;
    background-position: right top;
    position: relative;
}

.foot-cont {
    margin:auto;
    position: relative;
    top: 350px;
    color: #fff;
    padding: 0px 59px;
}





/* Preguntas frecuentes */

.bg-preguntas {
    background-image: url(../img/fondo-registro-user-vectores.png);
    background-size: cover;
}

.titulo-pregunta {
    font-family: 'HelveMd';
    font-size: 30px;
    color: #011842
}

.btn-pregunta {
    background-color: #50bab0;
    border: solid #50bab0;
    border-radius: 7px;
    font-family: 'DosisSb';
    padding: 7px 12px;
    width: 190px;
    color: #fff;
    font-size: 18px;
}

/*********************************************************************************************/
.unite_comunidad {
    font-family: "HelveTh";
    color: #A6A8AB;
    font-size: 20px;
    text-align: right;
}


.navbar-inverse {
    background-color: #fff!important;
    border-color: #fff !important;
    opacity: 0.9;
    position: fixed !important;
    right: 0;
    left: 0;
    z-index: 1030;
}
.navbar-default {
    margin: 0;
}

.navbar-inverse .navbar-toggle{
    border-color: #ddd !important;
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #888 !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form
.myNavbar {
    border-color: #e7e7e7 !important;
}

/*2024*/
.myNavbar > li > a {
    color: white !important;
}

/*  modal */

.m-header {
    background-image: url(../img/IMG-modal.jpg);
    background-size: cover;
    height: 200px;
}

div.vertical-line{
    width: 1px; /* Line width */
    background-color: black; /* Line color */
    height: 100%; /* Override in-line if you want specific height. */
    float: right; /* Causes the line to float to left of content.
      You can instead use position:absolute or display:inline-block
      if this fits better with your design */
}




/* Preguntas frecuentes */

.bg-preguntas {
    background-image: url(../img/fondo-registro-user-vectores.png);
    background-size: cover;
}

.titulo-pregunta {
    font-family: 'HelveMd';
    font-size: 30px;
    color: #011842
}

.btn-pregunta {
    background-color: #50bab0;
    border: solid #50bab0;
    border-radius: 7px;
    font-family: 'DosisSb';
    padding: 7px 12px;
    width: 190px;
    color: #fff;
    font-size: 18px;
}

.contacto_icon{
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    width: 70px;
}

.h4_contacto{
    color:#fff;
    font-family: 'Dosis';
    margin-top: 15% !important;
    font-size: 20px;
}
.modal_fx_contact{
    padding-left: 50px !important;
}

.row_contact{
    padding: 20px 50px !important;
}
.img_contact{
    display: block; 
    margin-left: auto;
    margin-right: auto;
    height: 50px;
}
.lgp_modal{
    text-align: center;
    font-size: 16px; 
    margin-top: 20px;
    color: #A6A8AB;
}

#div_tus_promociones2{
    display: none;
}
#row_sec4{
    margin-top: 10%;
}
#row_sec5_2{
    display: none;
}
#row_sec5_1{
    display: block;
}
#row_sec6_1{
    display: block;
}
#row_sec6_1_wifi_mkt{
    display: block;
}
#row_sec8_1_wifi_mkt{
    display: block;
}
#row_sec9_1_wifi_mkt{
    display: block;
}
#row_sec7_1_wifi_mkt{
    display: block;
}
#row_sec6_2{
    display: none;
}

#cuando_cliente{
    text-align: center;
    font-family: 'HelveTh'; 
    color: #A6A8AB; 
    font-size: 22px;    
}
.flechas_content{
    display: table; 
    height: 330px;
}
#wf{
    margin-top: 10%; 
    margin-bottom: 10%;    
}
#content_rotate_web{
    display: block;
}
#content_rotate_mobile{
    display: none;
}








#ol_carousel{
    margin-bottom: -9%;
}
#numeracion{
    font-family: 'HelveTh';
    color: #A6A8AB;
    font-size: 18px; 
    position: absolute; 
    top: 30px; 
    left: 15px;
}



.img_contenidos {   
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opactiy 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}

.img_content_dos {
    transition: none;
    -o-transition: none;
    -ms-transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
    color: #001936 !important;
    background-color: #FFF !important;
}

.navbar-nav > li > .dropdown-menu{
    background: #001936 !important;
    border-radius: 5px !important;
    margin-top: 2px !important;
}
#sec7_wifi_mkt {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    margin-top: 5%;
    background-image: url(../img_21/productos/email_mkt.jpg);
    height: 588px;
}
#sec9_wifi_mkt {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    margin-top: 5%;
    background-image: url(../img_21/productos/degradado_producto.png);
    height: 588px;
}
#sec10_wifi_mkt {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background: #FFF;
    height: 588px;
}
#como_funciona {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background: #FFF;
    height: 680px;
    background-repeat: no-repeat;
    background-color: #efefef;
}
#montaje1 {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/montaje1.png);
    height: 650px;
}
#montaje2 {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/montaje2.png);
    height: 588px;
}
#descubre1 {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/descubre1.png);
    height: 650px;
}
#descubre2 {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/descubre2.png);
    height: 650px;
}
#descubre3 {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/descubre3.png);
    height: 650px;
}
#descubre4 {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/descubre4.png);
    height: 650px;
}

#registro_sanitario_qr {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/registro_sanitario_qr.png); 
    height: 588px;
    background-color: #fff;
}
#beneficios_fx_reservas {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/beneficios_fiweex_reservas.png); 
    height: 588px;
    background-color: #fff;
}
#confirmar_rechazar {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/degradado_reservas.jpg);
    height: 850px;
}
#wifi_inteligente {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/banner_wifi_inteligente.png);
    height: 650px;
    background-color: #EFEFEF;
}
#fx_reservas_mesas {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background-image: url(../img_21/productos/fx-reservas-mesas.png);
    height: 650px;
    background-color: #FFF;
}
#prod_fx_reserva_auto {
    background-image: url(../img_21/productos/ilustracion-reserva_auto.png);
    background-size: cover;
    display: table;
}

#sec1_email_mkt {
    background-image: url(../img_21/productos/banner_email_mkt.png);
    background-size: cover;
    display: table;
}
#mkt_cumple_auto {
    background-image: url(../img_21/productos/banner_mkt_cumple_auto.png);
    background-size: cover;
    display: table;
    height: 725px;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #50BAB0 !important;
    cursor: default !important;
    background-color: #fff !important;
    border: 1px solid #50BAB0 !important;
    border-bottom-color: #50BAB0 !important;
    border-bottom-color: #50BAB0 !important;
}
.nav-tabs{
    border-bottom: 1px solid #FFF !important;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    width: 226px;
    min-width: 226px;
    padding: 5px 0;
    margin: 2px 0 0;
    margin-top: 2px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.text_menu {
    color: #9C9999 !important;
    text-decoration: none;
}

.text_menu:hover{
    color: #FFF !important;
    text-decoration: underline;
}

html{
    scroll-behavior: smooth;
}
.wifi_mkt_text_left{
    margin-top: 10%;
    text-align: left;
}
.wifi_mkt_text_right{
    margin-top: 10%;
    text-align: right;
}
.wifi_mkt_para_todos{
    border-top: 1px solid #FFF; 
    width: 80%; 
    margin-top: 10px; 
    margin-bottom: 40px;
}
#img_datos_analiticos{
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width: 550px
}
#div_ecommerce{
    margin-left: 55px;
}
#div_gimnasios{
    margin-right: 60px;
}
#div_cod_qr{
    margin-left: 60px;
}
#div_salones{
    margin-right: 60px;
}
#div_cab_cod_qr_1{
    height: 490px; 
    margin-top: 23%;
}
#div_cab_cod_qr_2{
    height: 290px; 
    padding-left: 40px;
}
#ilustracion_2{
    width: 300px;
    margin-left:12%;
}
#row_vector_3{
    height:500px; 
    margin-top:11%;
}
#celular_reserva_1{
    width: 466px;
}
#celular_reserva_2{
    width: 461px;
}
#div_ilustracion_2{
    height: 290px; 
    padding-left: 40px;
}
#img_devices_panel{
    width: 60%
}
#img_panel_reservas{
    width: 60%
}
#content_fx_reservas{
    height: 490px; 
    text-align: right;
}
#img_fx_reservas{
    width: 60%;
}
#img_ocupacion_mesas{
    width: 550px;
}
#img_panel_ocupacion_mesas{
    width: 900px;
}
.img_mkt_paneles{
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width: 500px;
}
#vector_negocios_gastronomicos{
    width: 60%;
}
#img_datos_analiticos_email_mkt{
    width: 550px;
}
.img_rest{
    width: 75%
}
.sec1-img{
    width: 500px;
}
#img_devices_panel_wifi{
    width: 750px;
}
#img_datos_analiticos_email_mkt{
    width: 550px;
}
#tc_marcas{
    width: 800px;
}
.img-saludo {
    width: 220px;
    display: table-cell;
    margin: auto;
}
.text-rotate {
    margin-top: 520px;
    position: absolute;
    text-align: center;
    color: #A6A8AB;
    font-family: 'HelveTh';
    font-size:16px;
    line-height:1.1;
    /*padding-left: 36px;*/
}
#iconos_como_funciona {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    background: #002245;
    height: 500px;
    background-repeat: no-repeat;
    background-color: #011842;
}
#sec_chat_whats_negocio {
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-size: 100% 100%;
    /*margin-top: 5%;*/
    background-image: url(../img_21/productos/banner_whats.png);
    height: 588px;
}


#sec_cat_delivery {
    background-size: cover;
    display: table;
}
#cat_panel_conf{
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
    width: 550px
}
#cat_panel{
    display: block; 
    margin-left: auto; 
    margin-right: auto; 
}
#video_youtube{
    width: 800px;
    height: 500px;
}
#div_titulo_cat_funciona{
    text-align: center; 
    margin-bottom: 5%
}
#div_sin_comisiones{
    margin-top: 5%;
    margin-bottom: 5%;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
}
#catalogoSubMenu {
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: 128px !important;
    margin-left: 90px;
    line-height: 1 !important;
    box-shadow: none !important; /* Elimina cualquier sombra, incluyendo la predeterminada del navegador */
}

/* Opacamos solo los elementos con esta clase */
.dim {
  opacity: 0.5;
  transition: opacity 0.5s;
}

.barra_negra {
  background: #000;
  height: 180px;
  width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 9;
  display: none;
}





/*Nueva Fuente texto secundario===============================================================*/

.font_text_secundario{
    font-family: 'Touche', sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;

}


.contactanos_normal {
    display: block !important;
}


.contactanos_movil {
    display: none !important;
}

.dropdown-menu {
    display: none;
    transition: all 0.3s ease;
    position: absolute;
}

.dropdown-menu.show {
    display: block;
}

#catalogoSubMenu {
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: 128px;
    margin-left: 90px;
    line-height: 1 !important;
    box-shadow: none !important; /* Elimina cualquier sombra, incluyendo la predeterminada del navegador */
}

#wifiSubMenu {
    position: absolute;
    left: 100%;
    top: 0;
    margin-top: -19px !important;
    margin-left: 10px;
    line-height: 1 !important;
    box-shadow: none !important; /* Elimina cualquier sombra, incluyendo la predeterminada del navegador */
}

.cristal_normal {
    display: block;
}

/*commit 17:47 update 24/06/25*/
/* --- Declaración de la familia de fuentes 'Touche' --- */

/* ----- Normal Styles ----- */
/* --- Declaración de la familia de fuentes 'Touche' --- */
/* toque 03-09 x2*/
/* ----- Normal Styles ----- */
@font-face {
  font-family: 'Touche';
  src: url('../fonts/Touche-Light.otf') format('opentype');
  font-weight: 300; /* Light */
  font-style: normal;
}

@font-face {
  font-family: 'Touche';
  src: url('../fonts/Touche-Regular.otf') format('opentype');
  font-weight: 400; /* Regular */
  font-style: normal;
}

@font-face {
  font-family: 'Touche';
  src: url('../fonts/Touche-Medium.otf') format('opentype');
  font-weight: 500; /* Medium */
  font-style: normal;
}

@font-face {
  font-family: 'Touche';
  src: url('../fonts/Touche-Semibold.otf') format('opentype');
  font-weight: 600; /* Semibold */
  font-style: normal;
}

@font-face {
  font-family: 'Touche';
  src: url('../fonts/Touche-Bold.otf') format('opentype');
  font-weight: 700; /* Bold */
  font-style: normal;
}


/* ----- Italic Styles ----- */
@font-face {
  font-family: 'Touche';
  src: url('../fonts/Touche-LightItalic.otf') format('opentype');
  font-weight: 300; /* Light */
  font-style: italic;
}

@font-face {
  font-family: 'Touche';
  src: url('../fonts/Touche-RegularItalic.otf') format('opentype');
  font-weight: 400; /* Regular */
  font-style: italic;
}

@font-face {
  font-family: 'Touche';
  src: url('../fonts/Touche-MediumItalic.otf') format('opentype');
  font-weight: 500; /* Medium */
  font-style: italic;
}

@font-face {
  font-family: 'Touche';
  src: url('../fonts/Touche-SemiboldItalic.otf') format('opentype');
  font-weight: 600; /* Semibold */
  font-style: italic;
}

@font-face {
  font-family: 'Touche';
  src: url('../fonts/Touche-BoldItalic.otf') format('opentype');
  font-weight: 700; /* Bold */
  font-style: italic;
}

/* --- Clases para aplicar la fuente Touche --- */

/* Clase base para establecer la familia de fuente */
.font-touche {
  font-family: 'Touche', sans-serif;
}

/* Clases específicas para cada grosor (weight) */
.touche-light {
  font-weight: 300;
}
.touche-regular {
  font-weight: 400;
}
.touche-medium {
  font-weight: 500;
}
.touche-semibold {
  font-weight: 600;
}
.touche-bold {
  font-weight: 700; /* <<< CORRECCIÓN APLICADA AQUÍ */
}


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

    .btn_login-movil{
        display: none !important;
    }
        
    .cristal_normal{
        display: none !important;
    }

    .btn_style_contact{
        margin-top: 0px !important;
        margin-inline-start: 0em !important;
    }

    .btn_contactanos{
        margin-inline-start: 0em !important;
    }

    .contactanos_movil {
        display: block !important;
    }

    .contactanos_normal {
        display: none !important;
    }

    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border: none !important;
    }

    .contactanos_movil{
        margin-top: 0px !important;
    }

        

}