body{
    overflow-x: hidden;
    padding-right: 0px !important;
}

.video-container 
{
  top: 0%;
  left: 0%;
  height: auto;
  width: 100%;
  overflow: hidden;
}
video.fillWidth {
  width: 100%;
}

#sec2_catalogo_productos {
    background-image: url(/sistema/img/fondo_curvas_catalogo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
    display: table;

}

#sec_catalogo_productos {
    background-image: url(/sistema/img/containernuevo_catalogo.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    display: table;

}
.opacidad_blanca{
    opacity: 0.4;
    background: #957AFB;
}


.color_fecha_gris{
    color: gray;
}
.color_fecha_azul{
    color: #957AFB;
    cursor: pointer;
}
.arrowazul{
    color: #957AFB !important;
    cursor: pointer !important;
}
.arrowgris{
    color: gray !important;
}
.opacidad{
    opacity: 0.4;
    background: #F7F7F7;
}
.lila{
    color: white; 
    border-color: #957AFB; 
    background: #957AFB;
}
.boton_blanco{
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 2px;
    color: #957AFB; 
}


.img_flotante{
    animation: animate 5s linear infinite;
}

@keyframes animate 
{
    0%, 100% {
        transform: translateY(50px);
    }
    50% {
        transform: translateY(100px);
    }
}


.fondo_azul{
    background: #957AFB;
}
.colorletra_blanco{
    color: white !important;
}
.productos_catalogo{

    background-color: #fff; 
    border: 1px solid transparent; 
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%); 
    box-shadow: 0px 1px 3px 2px rgba(0.1, 0.1, 0.1, 0.1);
    border-color: #ffffff; 

}

.margen_boton{
    margin-bottom: 30px;
}
.margen_boton_qr{
    margin-bottom: -8px;
}

.fondo_container_catalogo{
   /* background-image: url(sistema/img/fondo_catalogo.png);*/
     
    /*background-image: url(/page_18/img/catalogo_ecomerce/fondo_portada_catalogo.png);*/
    background-size: cover;
    background-position: center;
    background: linear-gradient(to bottom, #957AFB 10px, #FFFFFF);
}

.fondo_imagenes_impulsamos{
    /* background-image: url(sistema/img/fondo_impulsamos_home.jpg); */
    background-size: cover;
    background-position: bottom;
}
.fondo_final{
    background-image: url(/sistema/img/barra_qr.png);
    background-size: cover;

}
.letras1 {
    font-family: 'Dosis', sans-serif;
    font-weight: bold !important;
    font-size: 30px !important;
    color: white !important;
    line-height: 1.0 !important;
}
.lgp {
    font-family: "HelveTh";
    color: white !important;
    font-size: 20px !important;
    line-height: 1.2 !important;
    margin-top: 5% !important;
}
.btn-a {
    color: #fff !important;
    width: 167px !important;
    border-radius: 10px !important;
    font-family: "DosisSb" !important;
    padding: 7px 10px !important;
    border: 1px solid transparent !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    letter-spacing: 1px !important;
    background: transparent !important;
    border-color: white !important;  
}
.btn-degra {

    color: #957AFB !important;  
    width: 150px !important;  
    border-radius: 10px !important;  
    border-color: #011842 !important;  
    font-family: "DosisSb";
    padding: 7px 10px !important;  
    border: 1px solid transparent !important;  
    margin-left: 0px !important;  
    letter-spacing: 1px !important;  
    background: white !important;  
}
#sec1_catalogo {
    /* background-image: url(sistema/img/vector_catalogo.png) !important;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    display: table;
}
#secppersona_catalogo{
    background-image: url(/sistema/img/vector_catalogo_final.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    display: table;
}

.sec1-conten-catalogo{
    margin-top: 13% !important;
}
.titulos{
    font-family: "DosisSb";
    color: #957AFB !important;
    line-height: 1.6;
    font-size: 21px;
    font-weight: bold;
}
.parrafo_titulo{
    text-align: left;
    line-height: 1.1;
}
.btn-e {
    color: #957AFB!important;
    border-radius: 5px !important;
    font-family: "DosisSb" !important;
    padding: 7px 10px !important;
    border: 1px solid transparent !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    letter-spacing: 1px !important;
    background: transparent !important;
    border-color: #957AFB!important; 
    float: left;
    font-size: 12px;
}
.btn-f {
    color: white !important;
    border-radius: 5px !important;
    font-family: "DosisSb" !important;
    padding: 7px 10px !important;
    border: 1px solid transparent !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    letter-spacing: 1px !important;
    background:  #957AFB!important;
    border-color: #957AFB!important; 
    float: left;
    margin-left: 3%;
    font-size: 12px;

}
.botones_titulo{
    text-align: left;
}
.div_span{
    margin-left: -1.3%;
}
.span_titulo{
    font-size: 9px !important;
    background: lightgray !important;
    padding: 5px 5px 5px 5px !important;
    border-radius: 5px !important;
    margin-top: 5px !important;
    color: black !important;
}
.titulos_portal {
    font-family: "DosisSb";
    color: #957AFB !important;
    font-size: 21px;
    font-weight: bold;

}


.letras {
    font-family: 'Dosis', sans-serif;
    color: white !important;
}
.letras_impuslsamos {
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    font-size: 21px;
    color: #957AFB!important;
    line-height: 0.9;
}
.letras_impuslsamos_dos {
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
    font-size: 15px;
    color: #957AFB !important;
    line-height: 0.9;
    border-color: #957AFB !important;
    padding: 10px 10px 10px 10px;
}
.texto_persona,.p_impulsamos,.h1_qr{
    font-family: 'Dosis', sans-serif;
}
.hr_clase{ 
    border:none;
    border-left:1px solid #957AFB;
    height:25vh;
    width:1px;       
}
/*estilos footer
.letras_footer{
    color: rgb(0, 32, 79) !important;
    font-size: 20px !important;
    font-family: 'Dosis', sans-serif;
    font-weight: bold;
}
.l_foter{
    color: rgb(0, 32, 79) !important;
    font-family: 'Dosis', sans-serif;
    font-size: 16px;
}
#footer {

background: rgb(255,255,255) !important;
background: linear-gradient(180deg, rgba(255,255,255,0.9808298319327731) 0%, rgba(227,236,253,1) 63%, rgba(227,236,253,1) 76%, rgba(227,236,253,1) 100%)!important;
  background-size: cover !important;
  background-position: center !important;
  position: relative !important;
}
*/
.rowm{
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y);
    margin-left: 0px;
}
.video-responsive {
    overflow:hidden;
    padding-bottom:400px; /* Adecua este valor para controlar la altura del video */
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.color {
    position: absolute !important;
    right: 0;
    left: 0;
    z-index: 1030;
    background: #957AFB !important;
    border-color: #957AFB !important;
}
.myNavbar {
    background: transparent !important;
    border-color: transparent !important;
    opacity: 0.9;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    background-color: transparent;
}
.contratos_movil{
    display: none !important;
}
.contratos{
    display: block !important;
}
.cell-1-text {
    margin-top: 11% !important;
}
.p_movil{
    display: none !important;
}
.p_normal{
    display: block !important;
}
.img_centros_comerciales{
    height: auto;
    width: 6%;
}
.div_img_centros{
    margin-left: -10%;
}
.t_animacion{
    font-family: "HelveTh";
}

.empezar_movil{
    display: none !important;
}
.empezar{
    display: block !important;
}

.titulo-ico {
    margin-top: 8% !important;
}
.dosis{
    font-family: 'Dosis', sans-serif;
}
.btn-qr {
    color: #957AFB !important;
    width: 120px !important;
    border-radius: 5px !important;
    font-family: "DosisSb" !important;
    padding: 7px 10px !important;
    border: 1px solid transparent !important;
    border-top-color: transparent !important;
    border-right-color: transparent !important;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    letter-spacing: 1px !important;
    background: transparent !important;
    border-color: #957AFB !important;  
    font-size: 10px !important;
}
.btn-degra_qr {

    color: white !important;  
    width: 150px !important;  
    border-radius: 5px !important;  
    border-color: white !important;  
    font-family: "DosisSb";
    padding: 7px 10px !important;  
    border: 1px solid transparent !important;  
    margin-left: 0px !important;  
    letter-spacing: 1px !important;  
    background: #957AFB !important;
}



/* servicios*/

#seccel_catalogo_servicios{
    background-image: url(/sistema/img/vector_cel_catalogo_servicios.png) !important;
    background-size: 10%;
    background-repeat: no-repeat;
    background-position: right;
    display: table;
}
/*quede*/


#sec2_catalogo_servicios {
    background-image: url(/sistema/img/fondo_curvas_catalogo_servicios.png);
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: bottom left;
    display: table; 
}
#sec_catalogo_servicios {
    background-image: url(/sistema/img/containernuevo_catalogo_servicios.png);
    background-size: 70% 55%;
    background-repeat: no-repeat;
    background-position: bottom left;
    display: table;

}  
#sec_servicios_imagen{
    background-image: url(/sistema/img/containernuevo2_catalogo_servicios.png);
    background-size: 46% 34%;
    background-repeat: no-repeat;
    background-position: top right;
    display: table;
}

.fondo_potencia_servicios{
    /*background-image: url(sistema/img/fondo_servicios_potencia.png);
    background-size: cover;*/
    background-color: #957AFB;
}

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

#wifiSubMenu{
  background: none !important;
  border: none !important;
}

#catalogoSubMenu{
  background: none !important;
  border: none !important;
}





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

 .text-white{
        color: white !important;
    }

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

    .fondo_container_catalogo{
        /*background-image: url(/page_18/img/catalogo_ecomerce/fondo_portada_catalogo_movil.png) !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center center;*/
        background: linear-gradient(to bottom, #957AFB 10px, #FFFFFF);
    }

    #sec1_catalogo {
        display: table !important;
    }
    .letras1 {
        font-family: 'Dosis', sans-serif;
        font-weight: bold !important;
        font-size: 15px !important;
        color: white !important;
        line-height: 1.0 !important;
    }
    .sec1-conten-catalogo {
        /* margin-top: -92% !important;*/
         margin-top: 22% !important;
    }
    .color {
        position: relative !important;
        right: 0;
        left: 0;
        z-index: 1030;
        /*background: #6360d2 !important;*/
        background: #957AFB !important;
        /*border-color: transparent !important;*/
    }
    .navbar {
        margin-bottom: 0px !important;
        background: #957AFB !important;
    }
    .lgp {
        font-family: "HelveTh";
        color: white !important;
        font-size: 15px !important;
        line-height: 1.2 !important;
        margin-top: 0% !important;
    }

    .btn-a {
        font-size: 11px !important;
        border-radius: 5px !important;
    }


    .btn-degra {
        font-size: 12px !important;
    }
    .vista_normal_logo{
        display: none !important;
    }
    .vista_movil_logo {
        display: block !important;
        margin-left: 31%;
    }
    .navbar-toggle {
        position: relative !important;
        float: left !important;
        padding: 9px 10px !important;
        margin-top: 18px !important;
        margin-right: 314px !important;
        margin-bottom: 8px !important;
        background-color: transparent !important;
        background-image: none !important;
        border: 1px solid white !important;
        border-top-color: white !important;
        border-right-color: white !important;
        border-bottom-color: white !important;
        border-left-color: white !important;
        border-radius: 4px !important;
        margin-left: 5px !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: white !important;
    }
    .btn_login{
        display: none !important; 
    }
    #login{
        display: block !important;
        background: white !important;
        color: #957AFB !important;
        border-color: white !important;
    }

    .text_item {
        color: white !important;
    }
    .lgmDs{
        font-size: 20px !important;
    }
    .fondo_final_div{
        margin-top: 10% !important; 
    }
    .texto_empezar{
        color: white !important;
        line-height: 1.2 !important;
        font-size: 15px !important;
    }
    .btn-degra {
        width: 108px !important;  
    }
    .btn_empezar{
        font-size: 8px !important;
    }
    .letras {
        font-family: 'Dosis', sans-serif;
        color: white !important;
        margin-top: -4px;
        font-size: 15px !important;
    }
    .div_impulsamos{
        margin-top: 12% !important;
    }
    .titulos {
        font-size: 16px !important;
    }
    .btn-e {
        font-size: 9px !important;
    }
    .btn-f {
        font-size: 10px !important;
    }
    .contain_span{
        margin-top: 40px !important;
    }
    .span_titulo {
        font-size: 8px !important;
    }
    .parrafo_titulo {
        font-size: 12px !important;
    }
    .final_productos{
        height: 50px !important;
        margin-bottom: 0% !important;
    }
    .reservas_productos{
        margin-top: 0px !important;
    }
    .portal_movil{
        padding: 0 !important;
        margin: 0 !important;
    }
    .img_portal_movil{
        float: center !important;
    }
    .titulos_portal {
        font-size: 16px !important;
    }
    .cell-2-text {
        margin-top: 12% !important;
        text-align: left !important;
    }
    .texto_persona{
        font-size: 14px !important;
    }
    .textopersona{
        font-size: 16px !important;
    }
    .custo_img{
        width: 100% !important;
    }
    .contratos{
        display: none !important;
    }
    .contratos_movil{
        display: block !important;
        margin-top: -150px;
    }
    .ul_impulsamos{
        margin-left: -16% !important;
        font-size: 12px !important;
    }

    .letras_impuslsamos { 
        font-size: 12px !important;
    }
    .productos_gastronomia{
        margin-left: 0px !important; 

    }
    .p_impulsamos{
        font-size: 12px !important;
    }
    .p_normal{
        display: none !important;
    }
    .p_movil{
        display: block !important;
    }
    .div_persona{
        margin-top: 13% !important;
    }
    .letras_impuslsamos_dos {
        font-size: 10px !important;
    }
    .beneficios_margen{
        margin-top: -11% !important;
        margin-bottom: 1% !important;    
    }
    .cell-1-text {
        margin-top: 5% !important;
    }
    .div_fondo_empezar{
        margin-top: 5% !important;
    }
    .letras_footer{
        font-size: 15px !important;
    }
    .l_foter {
        font-size: 14px !important;
    }
    .panel_contrato{
        padding-bottom: 112px !important;
    }
    .div_logo{
        display: none;
    }
    .hr_footer{
        display: none !important;
    }

    #vector_persona{
        display: none !important;
    }
    #vector_persona_movil{
        display: block !important;
    }
    .empezar{
        display: none !important;
    }
    .empezar_movil{
        display: block !important;
    }

    /**/



    .primer_bloque_normal_catalogo{
        display: none !important;
    }
    .primer_bloque_movil_catalogo{
        display: block !important;
    }
    .btn-paquetes {
        color: #957AFB !important;
        border-radius: 5px !important;
        font-family: "DosisSb" !important;
        padding: 7px 10px !important;
        border: 1px solid transparent !important;
        letter-spacing: 1px !important;
        background: white;
        border-color: white !important;
        font-size: 11px !important;
        width: 130px !important;
        margin-left: 5px !important;
    }
    .segundo_bloque_normal_catalogo{
        display: none !important;
    }
    .segundo_bloque_movil_catalogo{
        display: block !important;
    }
    .tercer_bloque_normal_catalogo{
        display: none !important;
    }
    .tercer_bloque_movil_catalogo{
        display: block !important;
    }
    .cuarto_bloque_normal_catalogo{
        display: none !important;
    }
    .cuarto_bloque_movil_catalogo{
        display: block !important;
    }
    .quinto_bloque_normal_catalogo{
        display: none !important;
    }
    .quinto_bloque_movil_catalogo{
        display: block !important;
    }

    .sexto_bloque_normal_catalogo{
        display: none !important;
    }
    .sexto_bloque_movil_catalogo{
        display: block !important;
    }

    .pasos_normal_catalogo{
        display: none !important;
    }
    .pasos_movil_catalogo{
        display: block !important;
    }

    .fondogris_pasos_normal_catalogo{
        display: none !important;
    }
    .fondogris_pasos_movil_catalogo{
        display: block !important;
    }


    .pasos_segundo_bloque_normal{
        display: none !important;
    }
    .pasos_segundo_bloque_movil{
        display: block !important;
    }

    .pasos_tercer_bloque_normal{
        display: none !important;
    }
    .pasos_tercer_bloque_movil{
        display: block !important;
    }


    .septimo_bloque_normal_catalogo{
        display: none !important;
    }
    .septimo_bloque_movil_catalogo{
        display: block !important;
    }

    .octavo_bloque_normal_catalogo{
        display: none !important;
    }
    .octavo_bloque_movil_catalogo{
        display: block !important;
    }

    .noveno_bloque_normal_catalogo{
        display: none !important;
    }
    .noveno_bloque_movil_catalogo{
        display: block !important;
    }


    .decimo_bloque_normal_catalogo{
        display: none !important;
    }
    .decimo_bloque_movil_catalogo{
        display: block !important;
    }

    .decimoprimer_bloque_normal_catalogo{
        display: none !important;
    }
    .decimoprimer_bloque_movil_catalogo{
        display: block !important;
    }

    .contenedor_general{
        margin-top: -2%;
    }








    /**/


    #secppersona_catalogo{
        background-image: url(/sistema/img/vector_catalogo_final.png) !important;
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: left;
        display: table;
    }

    .texto_consulta{
        font-size: 12px !important;
    }
    .texto_consultados{
        font-size: 20px !important;
    }
    .p_observa{
        font-size: 13px !important;
    }
    .bt_reproducir{
        margin-top: 3% !important;
    }
    .bt_altura{
        margin-top: -53%;   
    }

    .margen_boton{
        margin-bottom: 0px !important;
    }
    .margen_boton_qr{
        margin-bottom: 0px !important;
    }
    .btn-degra_qr {
        width: 115px !important;
    }
    .fiweex_qrp{
        font-size: 24px !important;
    }

    /*css servicios*/
    .primer_bloque_normal_servicios{
        display: none !important;
    }
    .primer_bloque_movil_servicios{
        display: block !important;
    }

    .segundo_bloque_normal_servicios{
        display: none !important;
    }
    .segundo_bloque_movil_servicios{
        display: block !important;
    }

    .tercer_bloque_normal_servicios{
        display: none !important;
    }
    .tercer_bloque_movil_servicios{
        display: block !important;
    }

    .cuarto_bloque_normal_servicios{
        display: none !important;
    }
    .cuarto_bloque_movil_servicios{
        display: block !important;
    }

    .quinto_bloque_normal_servicios{
        display: none !important;
    }
    .quinto_bloque_movil_servicios{
        display: block !important;
    }

    .sexto_bloque_normal_servicios{
        display: none !important;
    }
    .sexto_bloque_movil_servicios{
        display: block !important;
    }

    .septimo_bloque_normal_servicios{
        display: none !important;
    }
    .septimo_bloque_movil_servicios{
        display: block !important;
    }

    .octavo_bloque_normal_servicios{
        display: none !important;
    }
    .octavo_bloque_movil_servicios{
        display: block !important;
    }

    .noveno_bloque_normal_catalogo_servicios{
        display: none !important;
    }
    .noveno_bloque_movil_catalogo_servicios{
        display: block !important;
    }

    .decimo_bloque_normal_servicios{
        display: none !important;
    }
    .decimo_bloque_movil_servicios{
        display: block !important;
    }

    .decimoprimer_bloque_normal_servicios{
        display: none !important;
    }
    .decimoprimer_bloque_movil_servicios{
        display: block !important;
    }

    .decimosegundo_bloque_normal_servicios{
        display: none !important;
    }
    .decimosegundo_bloque_movil_servicios{
        display: block !important;
    }


    .boton_ver_informacion_general{
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 11px !important;
    }
    .boton_ver_informacion_servicio{
        padding-left: 17px !important;
        padding-right: 17px !important;
        font-size: 11px !important;
    }
    #footer{
        margin: 0px !important;
    } 

    .tamano_nuevo{
         font-size: 13px !important;
    }


}

@media screen and (min-width: 1200px) and (max-width: 1280px) {
    #sec1_catalogo {
        /*     background-size: 37%;
             background-repeat: no-repeat;
             background-position: bottom right;
             margin-top: 20px !important;
             display: table !important;*/
    }
    .sec1-conten-catalogo {
      /*  margin-top: 12% !important;*/
    }

    .texto_imagen_qr {
        margin-top: 23% !important;
        margin-left: -58% !important;
        text-align: right !important;
    }
    .span_imagen_qr{
        margin-top: 36.5% !important;
        margin-left: 19% !important;
    }   

    .fondo_final_div{
        margin-top: 17% !important;
    }
    .fondo_final {
        background-size: contain !important;
        background-repeat: no-repeat !important;
    }
    .img_coete{
        width: 27% !important;
        margin-top: -48% !important;
        position: relative !important;
        float: right !important;
    }
    .custo_img{
        margin-top: -120px !important;
    }

    .flota{
        width: 450px !important;
    }
    
    
    


}







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

    .ancho_wifi{
        width: 13.667% !important;
    }
    .ancho_medio{
        width: 5.333% !important;
    }
    .ancho_portal{
        width: 72.667%; 
    }
    .ancho_contratos{
        width: 9.333% !important;
    }
}

@media screen and (min-width: 1700px) and (max-width: 1980px) {

    .flota{
        margin-left: 68%;
    }
}





/*s20 / S5 / S9 */

@media screen and (max-width: 360px) and (min-width: 359px) {

    .btn-a {
        width: 135px !important;
        padding: 7px 5px !important;
        margin-left: 0px !important;
    }
    .h1_catalogo{
        font-size: 16px !important;
    }
    .contenedor_general {
        margin-top: -3% !important;
    }
    .imagen_cel_3d{
        margin-left: -90% !important;
    }
    .h1_100pedidos{
        font-size: 14px !important;
    }
    .span_delivery{
        font-size: 10px !important;
    }
    .span_comisiones{
        font-size: 10px !important;
    }
    .marcas_left{
        margin-left: -11% !important;
    }
    .marcas_left_menor{
        margin-left: -8% !important;
    }

    .imagen_sexto_bloque{
        width: 320px !important;
    }
    .flecha_pasos_anterior{
        margin-left: -85% !important;
        margin-top: 111% !important;
        font-size: 20px !important;
    }

    .flecha_pasos_siguiente{
        font-size: 20px !important;
    }
    .altura_botones_pasos{
        margin-top: 10% !important;
    }
    .span10px{
        font-size: 10px !important;
    }

    .padding_fondo_gris{
        padding-bottom: 12% !important;
    }
    .p_pasos{
        font-size: 9px !important;
    }
    .flecha_segundopaso{
        margin-top: 35% !important;
    }

    .boton_agregados{
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 12px !important;
    }
    .boton_opciones{
        padding-left: 17px !important;
        padding-right: 17px !important;
        font-size: 11px !important;
    }
    .boton_condimentos{
        padding-left: 11px !important;
        padding-right: 11px !important;
        font-size: 11px !important;
    }
    .boton_costo{
        font-size: 11px !important;
    }
    .boton_sin_costo{
        font-size: 11px !important;
    }

    .boton_delivery{
        font-size: 11px !important;
    }
    .boton_retirar{
        font-size: 11px !important;
    }
    .boton_mensaje_listo{
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 11px !important;
    }

    .boton_enviar_mensaje{
        padding-left: 35px !important;
        padding-right: 35px !important;
        font-size: 11px !important;
    }
    .boton_respuesta{
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 11px !important;
    }

    .texto_consultados{
        font-size: 15px !important;
    }

    /*Nuevo*/
    .alt_tu_negocio_cuenta{
        margin-top: -12em !important;
    }
    .alt_text_tu_negocio_cuenta{
        margin-top: -4em !important;
    }
    /*servicios*/
    .alt_tu_negocio_cuenta_servicios{
        margin-top: -11em !important;
    }
    .alt_text_tu_negocio_cuenta_servicios{
        margin-top: -6em !important;
    }
    .forma_forma{
        margin-top: -7em !important;
    }

    .forma_forma2{
        margin-top: -26em !important;
    }      

    /*final catalogo*/


}

/*iPhone 11 Pro / iPhone 12 13 mini / iPhone 6 7 8 normal / iPhone SE / iPhone X XS / */
@media screen and (max-width: 375px) and (min-width: 374px) {
    /*****/

    .btn-a {
        width: 135px !important;
        padding: 7px 5px !important;
        margin-left: 0px !important;
    }
    .h1_catalogo{
        font-size: 16px !important;
    }
    .contenedor_general {
        margin-top: -3% !important;
    }
    .imagen_cel_3d{
        margin-left: -90% !important;
    }
    .h1_100pedidos{
        font-size: 14px !important;
    }
    .span_delivery{
        font-size: 10px !important;
    }
    .span_comisiones{
        font-size: 10px !important;
    }
    .marcas_left{
        margin-left: -10% !important;
    }
    .marcas_left_menor{
        margin-left: -8% !important;
    }

    .imagen_sexto_bloque{
        width: 320px !important;
    }
    .flecha_pasos_anterior{
        margin-left: -85% !important;
        margin-top: 111% !important;
        font-size: 20px !important;
    }

    .flecha_pasos_siguiente{
        font-size: 20px !important;
    }
    .altura_botones_pasos{
        margin-top: 10% !important;
    }
    .span10px{
        font-size: 10px !important;
    }

    .padding_fondo_gris{
        padding-bottom: 12% !important;
    }
    .p_pasos{
        font-size: 9px !important;
    }
    .flecha_segundopaso{
        margin-top: 35% !important;
    }

    .boton_agregados{
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 12px !important;
    }
    .boton_opciones{
        padding-left: 17px !important;
        padding-right: 17px !important;
        font-size: 11px !important;
    }
    .boton_condimentos{
        padding-left: 11px !important;
        padding-right: 11px !important;
        font-size: 11px !important;
    }
    .boton_costo{
        font-size: 11px !important;
    }
    .boton_sin_costo{
        font-size: 11px !important;
    }

    .boton_delivery{
        font-size: 11px !important;
    }
    .boton_retirar{
        font-size: 11px !important;
    }
    .boton_mensaje_listo{
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 11px !important;
    }

    .boton_enviar_mensaje{
        padding-left: 35px !important;
        padding-right: 35px !important;
        font-size: 11px !important;
    }
    .boton_respuesta{
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 11px !important;
    }

    .texto_consultados{
        font-size: 15px !important;
    }

    /*Nuevo*/
    .alt_tu_negocio_cuenta{
        margin-top: -12em !important;
    }
    .alt_text_tu_negocio_cuenta{
        margin-top: -4em !important;
    }
     /*servicios*/
    .alt_tu_negocio_cuenta_servicios{
        margin-top: -11em !important;
    }
    .alt_text_tu_negocio_cuenta_servicios{
        margin-top: -6em !important;
    }
    .forma_forma{
        margin-top: -7em !important;
    }

    .forma_forma2{
        margin-top: -26em !important;
    }      


    /*final catalogo*/


}



/*S20 + LINUX */
@media screen and (max-width: 384px) and (min-width: 383px) {

    .btn-a {
        width: 135px !important;
        padding: 7px 5px !important;
        margin-left: 0px !important;
    }
    .h1_catalogo{
        font-size: 16px !important;
    }
    .contenedor_general {
        margin-top: -3% !important;
    }
    .imagen_cel_3d{
        margin-left: -90% !important;
    }
    .h1_100pedidos{
        font-size: 14px !important;
    }
    .span_delivery{
        font-size: 10px !important;
    }
    .span_comisiones{
        font-size: 10px !important;
    }
    .marcas_left{
        margin-left: -10% !important;
    }
    .marcas_left_menor{
        margin-left: -7% !important;
    }

    .imagen_sexto_bloque{
        width: 320px !important;
    }
    .flecha_pasos_anterior{
        margin-left: -85% !important;
        margin-top: 111% !important;
        font-size: 20px !important;
    }

    .flecha_pasos_siguiente{
        font-size: 20px !important;
    }
    .altura_botones_pasos{
        margin-top: 10% !important;
    }
    .span10px{
        font-size: 10px !important;
    }

    .padding_fondo_gris{
        padding-bottom: 12% !important;
    }
    .p_pasos{
        font-size: 9px !important;
    }
    .flecha_segundopaso{
        margin-top: 35% !important;
    }

    .boton_agregados{
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 12px !important;
    }
    .boton_opciones{
        padding-left: 17px !important;
        padding-right: 17px !important;
        font-size: 11px !important;
    }
    .boton_condimentos{
        padding-left: 11px !important;
        padding-right: 11px !important;
        font-size: 11px !important;
    }
    .boton_costo{
        font-size: 11px !important;
    }
    .boton_sin_costo{
        font-size: 11px !important;
    }

    .boton_delivery{
        font-size: 11px !important;
    }
    .boton_retirar{
        font-size: 11px !important;
    }
    .boton_mensaje_listo{
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 11px !important;
    }

    .boton_enviar_mensaje{
        padding-left: 35px !important;
        padding-right: 35px !important;
        font-size: 11px !important;
    }
    .boton_respuesta{
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 11px !important;
    }

    .texto_consultados{
        font-size: 15px !important;
    }

    /*Nuevo*/
    .alt_tu_negocio_cuenta{
        margin-top: -12em !important;
    }
    .alt_text_tu_negocio_cuenta{
        margin-top: -4em !important;
    }
     /*servicios*/
    .alt_tu_negocio_cuenta_servicios{
        margin-top: -11em !important;
    }
    .alt_text_tu_negocio_cuenta_servicios{
        margin-top: -6em !important;
    }
    .forma_forma{
        margin-top: -7em !important;
    }

    .forma_forma2{
        margin-top: -26em !important;
    }      


    /*final catalogo*/



}

/*iPhone 12 13 PRO / */
@media screen and (max-width: 390px) and (min-width: 389px) {


    .btn-a {
        width: 135px !important;
        padding: 7px 5px !important;
        margin-left: 0px !important;
    }
    .h1_catalogo{
        font-size: 16px !important;
    }
    .contenedor_general {
        margin-top: -3% !important;
    }
    .imagen_cel_3d{
        margin-left: -90% !important;
    }
    .h1_100pedidos{
        font-size: 14px !important;
    }
    .span_delivery{
        font-size: 10px !important;
    }
    .span_comisiones{
        font-size: 10px !important;
    }
    .marcas_left{
        margin-left: -8% !important;
    }
    .marcas_left_menor{
        margin-left: -7% !important;
    }

    .imagen_sexto_bloque{
        width: 320px !important;
    }
    .flecha_pasos_anterior{
        margin-left: -85% !important;
        margin-top: 111% !important;
        font-size: 20px !important;
    }

    .flecha_pasos_siguiente{
        font-size: 20px !important;
    }
    .altura_botones_pasos{
        margin-top: 10% !important;
    }
    .span10px{
        font-size: 10px !important;
    }

    .padding_fondo_gris{
        padding-bottom: 12% !important;
    }
    .p_pasos{
        font-size: 9px !important;
    }
    .flecha_segundopaso{
        margin-top: 35% !important;
    }

    .boton_agregados{
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 12px !important;
    }
    .boton_opciones{
        padding-left: 17px !important;
        padding-right: 17px !important;
        font-size: 11px !important;
    }
    .boton_condimentos{
        padding-left: 11px !important;
        padding-right: 11px !important;
        font-size: 11px !important;
    }
    .boton_costo{
        font-size: 11px !important;
    }
    .boton_sin_costo{
        font-size: 11px !important;
    }

    .boton_delivery{
        font-size: 11px !important;
    }
    .boton_retirar{
        font-size: 11px !important;
    }
    .boton_mensaje_listo{
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 11px !important;
    }

    .boton_enviar_mensaje{
        padding-left: 35px !important;
        padding-right: 35px !important;
        font-size: 11px !important;
    }
    .boton_respuesta{
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 11px !important;
    }

    .texto_consultados{
        font-size: 15px !important;
    }

    /*Nuevo*/
    .alt_tu_negocio_cuenta{
        margin-top: -12em !important;
    }
    .alt_text_tu_negocio_cuenta{
        margin-top: -4em !important;
    }
     /*servicios*/
    .alt_tu_negocio_cuenta_servicios{
        margin-top: -11em !important;
    }
    .alt_text_tu_negocio_cuenta_servicios{
        margin-top: -6em !important;
    }
    .forma_forma{
        margin-top: -7em !important;
    }

    .forma_forma2{
        margin-top: -26em !important;
    }      


    /*final catalogo*/

}

/*iPhone 11 PRO MAX / iPhone 6 7 8 PLUS / iPhone XR 11 / iPhone XS MAX*/
@media screen and (max-width: 414px) and (min-width: 413px) {

    .btn-a {
        width: 135px !important;
        padding: 7px 5px !important;
        margin-left: 0px !important;
    }
    .h1_catalogo{
        font-size: 16px !important;
    }
    .contenedor_general {
        margin-top: -3% !important;
    }
    .imagen_cel_3d{
        margin-left: -66% !important;
    }
    .h1_100pedidos{
        font-size: 14px !important;
    }
    .span_delivery{
        font-size: 10px !important;
    }
    .span_comisiones{
        font-size: 10px !important;
    }
    .marcas_left{
        margin-left: -7% !important;
    }
    .marcas_left_menor{
        margin-left: -5% !important;
    }

    .imagen_sexto_bloque{
        width: 320px !important;
    }
    .flecha_pasos_anterior{
        margin-left: -84% !important;
        margin-top: 115% !important;
        font-size: 20px !important;
    }

    .flecha_pasos_siguiente{
        font-size: 20px !important;
    }
    .altura_botones_pasos{
        margin-top: 10% !important;
    }
    .span10px{
        font-size: 10px !important;
    }

    .padding_fondo_gris{
        padding-bottom: 12% !important;
    }
    .p_pasos{
        font-size: 9px !important;
    }
    .flecha_segundopaso{
        margin-top: 35% !important;
    }

    .boton_agregados{
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 12px !important;
    }
    .boton_opciones{
        padding-left: 17px !important;
        padding-right: 17px !important;
        font-size: 11px !important;
    }
    .boton_condimentos{
        padding-left: 11px !important;
        padding-right: 11px !important;
        font-size: 11px !important;
    }
    .boton_costo{
        font-size: 11px !important;
    }
    .boton_sin_costo{
        font-size: 11px !important;
    }

    .boton_delivery{
        font-size: 11px !important;
    }
    .boton_retirar{
        font-size: 11px !important;
    }
    .boton_mensaje_listo{
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 11px !important;
    }

    .boton_enviar_mensaje{
        padding-left: 35px !important;
        padding-right: 35px !important;
        font-size: 11px !important;
    }
    .boton_respuesta{
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 11px !important;
    }

    .texto_consultados{
        font-size: 15px !important;
    }

    /*nuevo*/

    .forma_forma{
        margin-top: -7em !important;
    }

    .forma_forma2{
        margin-top: -26em !important;
    }      

    /*FX CAMPAÑAS*/
    .btn_conocer_mas_redirect{
        margin-top: 18em !important;
        margin-inline-start: -6.5em !important;    
    }

    /*final catalogo*/

}

/* iPhone 6, 7, 8 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
    /*****/

    .btn-a {
        width: 135px !important;
        padding: 7px 5px !important;
        margin-left: 0px !important;
    }
    .h1_catalogo{
        font-size: 16px !important;
    }
    .contenedor_general {
        margin-top: -3% !important;
    }
    .imagen_cel_3d{
        margin-left: -90% !important;
    }
    .h1_100pedidos{
        font-size: 14px !important;
    }
    .span_delivery{
        font-size: 10px !important;
    }
    .span_comisiones{
        font-size: 10px !important;
    }
    .marcas_left{
        margin-left: -9% !important;
    }
    .marcas_left_menor{
        margin-left: -7% !important;
    }

    .imagen_sexto_bloque{
        width: 320px !important;
    }
    .flecha_pasos_anterior{
        margin-left: -85% !important;
        margin-top: 111% !important;
        font-size: 20px !important;
    }

    .flecha_pasos_siguiente{
        font-size: 20px !important;
    }
    .altura_botones_pasos{
        margin-top: 10% !important;
    }
    .span10px{
        font-size: 10px !important;
    }

    .padding_fondo_gris{
        padding-bottom: 12% !important;
    }
    .p_pasos{
        font-size: 9px !important;
    }
    .flecha_segundopaso{
        margin-top: 35% !important;
    }

    .boton_agregados{
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 12px !important;
    }
    .boton_opciones{
        padding-left: 17px !important;
        padding-right: 17px !important;
        font-size: 11px !important;
    }
    .boton_condimentos{
        padding-left: 11px !important;
        padding-right: 11px !important;
        font-size: 11px !important;
    }
    .boton_costo{
        font-size: 11px !important;
    }
    .boton_sin_costo{
        font-size: 11px !important;
    }

    .boton_delivery{
        font-size: 11px !important;
    }
    .boton_retirar{
        font-size: 11px !important;
    }
    .boton_mensaje_listo{
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 11px !important;
    }

    .boton_enviar_mensaje{
        padding-left: 35px !important;
        padding-right: 35px !important;
        font-size: 11px !important;
    }
    .boton_respuesta{
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 11px !important;
    }

    .texto_consultados{
        font-size: 15px !important;
    }


    /*final catalogo*/

}

/* iPhone 12 pro max ----------- */
@media screen and (max-width: 429px) and (min-width: 428px){
    .btn-a {
        width: 135px !important;
        padding: 7px 5px !important;
        margin-left: 0px !important;
    }
    .h1_catalogo{
        font-size: 16px !important;
    }
    .contenedor_general {
        margin-top: -3% !important;
    }
    .imagen_cel_3d{
        margin-left: -65% !important;
    }
    .h1_100pedidos{
        font-size: 14px !important;
    }
    .span_delivery{
        font-size: 10px !important;
    }
    .span_comisiones{
        font-size: 10px !important;
    }
    .marcas_left{
        margin-left: -6% !important;
    }
    .marcas_left_menor{
        margin-left: -5% !important;
    }

    .imagen_sexto_bloque{
        width: 320px !important;
    }
    .flecha_pasos_anterior{
        margin-left: -84% !important;
        margin-top: 116% !important;
        font-size: 20px !important;
    }

    .flecha_pasos_siguiente{
        font-size: 20px !important;
    }
    .altura_botones_pasos{
        margin-top: 10% !important;
    }
    .span10px{
        font-size: 10px !important;
    }

    .padding_fondo_gris{
        padding-bottom: 12% !important;
    }
    .p_pasos{
        font-size: 9px !important;
    }
    .flecha_segundopaso{
        margin-top: 35% !important;
    }

    .boton_agregados{
        padding-left: 20px !important;
        padding-right: 20px !important;
        font-size: 12px !important;
    }
    .boton_opciones{
        padding-left: 17px !important;
        padding-right: 17px !important;
        font-size: 11px !important;
    }
    .boton_condimentos{
        padding-left: 11px !important;
        padding-right: 11px !important;
        font-size: 11px !important;
    }
    .boton_costo{
        font-size: 11px !important;
    }
    .boton_sin_costo{
        font-size: 11px !important;
    }

    .boton_delivery{
        font-size: 11px !important;
    }
    .boton_retirar{
        font-size: 11px !important;
    }
    .boton_mensaje_listo{
        padding-left: 10px !important;
        padding-right: 10px !important;
        font-size: 11px !important;
    }

    .boton_enviar_mensaje{
        padding-left: 35px !important;
        padding-right: 35px !important;
        font-size: 11px !important;
    }
    .boton_respuesta{
        padding-left: 7px !important;
        padding-right: 7px !important;
        font-size: 11px !important;
    }

    .texto_consultados{
        font-size: 15px !important;
    }
    
    /*FX Campanñas*/
    .btn_conocer_mas_redirect{
        margin-top: 18em !important;
        margin-inline-start: -6.5em !important;    
    }

    /*final catalogo*/
}