body{
    overflow-x: hidden;
}

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

.fondo_container{
    /*background: linear-gradient(180deg, rgba(99,96,210,1) 0%, rgba(99,96,210,1) 35%, rgba(118,212,231,1) 100%);*/
    background-image: url(page_18/img/qr/vector_fondo_qr.png) !important;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
}
.fondo_qr{
    background-image: url(sistema/img/fondo_qr.png);
    width: 100%;
    background-size: 100%;
    margin-top: 5%;  
}
.fondo_slider {
    background-image: url(sistema/img/fondo_modal.png) !important;
    background-size: cover !important;
    background-position: center !important;
    position: relative !important;
}
.fondo_impulsamos{
    background-image: url(sistema/img/impulsamos_home.png);
    background-size: cover;
}
.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_qr {
  /*  background-image: url(sistema/img/vector_persona_qr.png) !important;*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    display: table;
    /*margin-top: 200px;
    margin-left: 1%;*/
}
#secppersona{
    background-image: url(sistema/img/vector_persona2.png) !important;
    background-size: 20% 70%;
    background-repeat: no-repeat;
    background-position: right;
    display: table;
}

.imagen_globo{

    background-image: url(sistema/img/vector_precios.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 60px;
}
.sec1-conten-qr{
    text-align: center;
}
.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;

}

.vector_persona {
    background-image: url(sistema/img/vector_persona_home.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
    margin-top: 60px;
}

.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;       
}
.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: transparent !important;
    border-color: transparent !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;
}

/*****/
.bloque_qr_normal{
    display: block !important;
}
.bloque_qr_movil{
    display: none !important;
}
.bloque_telefono_normal{
    display: block !important;
}
.bloque_telefono_movil{
    display: none !important;
}
.slider_normal{
    display: block !important;
}
.slider_movil{
    display: none !important;
}
.tercer_bloque_normal{
    display: block !important;
}
.tercer_bloque_movil{
    display: none !important;
}
.cuarto_bloque_normal{
    display: block !important;
}
.cuarto_bloque_movil{
    display: none !important;
}
.quinto_bloque_normal{
    display: block !important;
}
.quinto_bloque_movil{
    display: none !important;
}
.sexto_bloque_normal{
    display: block !important;
}
.sexto_bloque_movil{
    display: none !important;
}

.nuevo_bloque_normal{
    display: block !important;
}


 .nuevo_bloque_normal{
    background-image: url(sistema/img/qr_contactanos/fondo_captar_datos-min.png);
    background-size: cover;
}

.cursor {
    display: inline-block;
    animation: blink 0.7s steps(1) infinite;
    /*vertical-align: top;  Ajusta este valor según sea necesario */
}


@keyframes blink {
    50% {
        opacity: 0;
    }
}

.container_bloque2{
    display:inline-flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    align-content:flex-start;
    /*height:100vh;*/ /*Este valor lo puedes omitir si la altura de tu componente esta definida*/
}
    
.container_bloque2-1{
    order:0;
    flex:0 1 auto;
    align-self:auto;
    height:auto;
    width:13em;
    margin-right: 10px;
    margin-left: 10px;
}

.container_bloque4-1{
    order:0;
    flex:0 1 auto;
    align-self:auto;
    height:auto;
    width:8em;
    margin-right: 40px;
    margin-left: 40px;
}

.container_bloque4-1_movil{
    order:0;
    flex:0 1 auto;
    align-self:auto;
    height:auto;
    width:4em;
    margin-right: 10px;
    margin-left: 10px;
}

.container_bloque4-2{
    order:0;
    flex:0 1 auto;
    align-self:auto;
    height:auto;
    width:13em;
    margin-right: 50px;
    margin-left: 50px;
}

/* Estilos de imagen dentro del div */
.image {
    overflow: hidden;
    border-radius: 20px;
    transition: transform 0.3s ease-in-out;
    position: relative;
}

.image img {
    transition: transform 0.3s ease-in-out;
}

.title{
    text-align: center;
    transition: all 0.3s ease-in-out;
}

.title:hover {
    letter-spacing: 2px;
}

/* Estilos del texto 'ver más' */
.view-more {
    position: absolute;
    bottom: -40px; /* Inicialmente oculto */
    left: 50%;
    transform: translateX(-50%);
    background-color: transparent;
    color: gray;
    padding: 5px 0px;
    border-radius: 5px;
    opacity: 0;
    transition: bottom 0.2s ease-in-out 0.2s, opacity 0.2s ease-in-out 0.2s; /* Añadir delay */
    text-decoration: underline;
}

/* Efecto de movimiento al pasar el cursor */
.image:hover {
    transform: scale(1.2); /* Reducir la escala final del contenedor */
}

.image:hover img {
    transform: scale(1.1) translateY(-10px); /* Reducir la escala final de la imagen */
    animation: bouncing 0.5s 0.3s;
}

.image:hover .view-more {
    bottom: -3px; /* Mostrar el texto */
    opacity: 1;
}

.linkList:hover > * { opacity: 0.4; transition: all 0.5s ease; }

.linkList:hover > *:hover {
    background-color: transparent;
    transition: all 0.5s ease;
    opacity: 1;
}



/* Animación de rebote */
@keyframes bouncing {
    from, to { transform: scale(1, 1); }
    25% { transform: scale(0.9, 1.1); }
    50% { transform: scale(1.1, 0.9); }
    75% { transform: scale(0.95, 1.05); }
}


.wil {
    display: inline-block;
    transition: transform 0.2s ease-in-out;
}

.wil img {
    width: 100%;
    transition: transform 0.2s ease-in-out;
    }

.wil:hover img {
    transform: scale(1.1);
}

.expand-left {
    background-color: #7A56FF;
    padding-bottom: 10px;
    border-top-right-radius: 55px;
    border-bottom-right-radius: 55px;
    width: 70em; /* Nuevo ancho deseado */
    position: relative;
    left: -29em; /* Mover hacia la izquierda en la mitad del incremento del ancho */
}


/* Carrousel */
.carousel {
padding: 30px;
position: relative;
overflow-x: hidden;
}

.carousel__container {
display: flex; /* Utilizar flexbox */
padding-bottom: 10px;
/*width: 100%;
margin: 70px auto;*/
}

.carousel--item {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
margin: 10px 8px;
width: 200px;
border-radius: 20px;
background-color: lightblue;
overflow: hidden;
cursor: pointer;
transition: 350ms all;
transform-origin: center left;
}

.carousel--item:hover {
transform: scale(1.2, 1.2);
z-index: 1;
}

.carousel__container:hover .carousel--item {
opacity: 0.3;
}

.carousel__container:hover .carousel--item:hover {
opacity: 1;
}

.carousel--item__img {
/*width: 200px;
height: 250px;*/
object-fit: cover;
}

.carousel--item__details {
padding: 10px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 10px;
background: linear-gradient(83deg, rgba(244, 67, 54, 0.8) 0%, rgba(255, 87, 34, 0.1) 100%);
opacity: 0;
transition: 350ms opacity;
}

.carousel--item__details img {
margin: 0 5px;
width: 20px;
}

@keyframes gradient {
0% {
  background-position: 0% 50%;
}
50% {
  background-position: 100% 50%;
}
100% {
  background-position: 0% 50%;
}
}

.container_vermas_gym {
transition: height 0.5s ease;
}



.new-carousel-item {
background-color: #000;
border-radius: 20px !important;
text-align: center;
margin-bottom: 1em;
padding-top: 2em;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; /* Adjust height as needed */
}

.new-carousel-item__img {
color: #fff;
font-size: 18px;
margin: 0; /* Reset margin for p */
}

.new-carousel-item p {
margin-top: 15px;
font-size: 16px;
color: #fff; /* Ensure text is white */
}

.new-bottom-div {
background-color: #957AFB;
color: #fff;
padding: 1em 0;
text-align: center;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
flex-shrink: 0; /* Ensure it doesn't shrink */
}

.hidden {
display: none;
}
.visible {
display: block;
}

.ver-menos {
color: gray;
cursor: pointer;
display: inline-block; /* Mantén display: inline-block en ambos estados */
margin-top: 10px;
}

.ver-menos:hover {
text-decoration: underline;
}

.opacidad {
opacity: 0.3;
background: black;
}




.svg-container {
text-align: center;
/*margin: 2rem 0;*/
}

.svg-container svg {
height: 14rem;
}

.svg-container svg line {
stroke: #5f39dd; /* Color directamente en CSS */
stroke-width: 1px;
stroke-linecap: round;
stroke-dasharray: 10px 7px; /* Dibuja una línea punteada */
animation: animateline 3s linear infinite; /* Aplica la animación */
}

@keyframes animateline {
from {
    stroke-dashoffset: 0;
}
to {
    stroke-dashoffset: -5rem;
}
}


.toggle-item.selected {
background-color: gray;
}

.toggle-item.selected .dosis {
color: #fff;
}

.toggle-item.selected .img-color {
display: none;
}

.toggle-item.selected .img-gray {
display: block;
}

/* Column Grids */
/*.col_fifth { 
width: 18%; 
}
*/
/* Flexbox Layout */
.row_bloque2 {
display: flex;
justify-content: center; /* Centra los elementos para reducir el espacio entre ellos */
flex-wrap: nowrap; /* No permite que los elementos se envuelvan en una nueva línea */
}

/* Ajuste de márgenes */
.col_fifth {
position: relative;
display: block;
margin-right: 0.5%; /* Reducir margen derecho para disminuir el espacio entre los elementos */
margin-bottom: 20px;
width: 18%; 
}

/*####################################*/
/* Ajuste de márgenes */
.col_fifth_movil_hoteles {
position: relative;
display: block;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 20px;
width: 15%; 
}

.col_fifth_movil_hoteles_3 {
position: relative;
display: block;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 20px;
width: 35%; 
}

.panel_bloque3_movil {
margin: 0 auto;
height: 90px;
position: relative;
perspective: 600px;
width: 60%;
background-color: transparent;
}
/*####################################*/

/* Panel Flip */
.wrapper {
width: 100%;
margin: 0 auto;
background-color: #bdd3de;
overflow: hidden;
}

.panel {
margin: 0 auto;
height: 95px;
position: relative;
perspective: 600px;
width: 65%;
background-color: transparent;
}


.panel_bloque3 {
margin: 0 auto;
height: 120px;
position: relative;
perspective: 600px;
width: 60%;
background-color: transparent;
}

.panel .front,
.panel .back {
text-align: center;
}

.panel .front {
height: inherit;
position: absolute;
top: 0;
z-index: 900;
transform: rotateX(0deg) rotateY(0deg);
transform-style: preserve-3d;
backface-visibility: hidden;
transition: all .4s ease-in-out;
}

.panel .back {
height: inherit;
position: absolute;
top: 0;
z-index: 1000;
transform: rotateY(-180deg);
transform-style: preserve-3d;
backface-visibility: hidden;
transition: all .4s ease-in-out;
}

.panel.flip .front {
z-index: 900;
transform: rotateY(180deg);
}

.panel.flip .back {
z-index: 1000;
transform: rotateX(0deg) rotateY(0deg);
}

.box1, .box2 {
width: 175px;
height: 175px;
margin: 0 auto;
padding: 20px;
border-radius: 25px;
}

.box1 {
background-color: lightgrey;
}

.box2 {
background-color: lightgrey;
}

.box1 {
background-color: lightgrey;
}

.box2 {
background-color: lightgrey;
}

.box1_movil, .box2_movil {
width: 110px;
height: 110px;
margin: 0 auto;
padding: 20px;
border-radius: 25px;
}

.box1_movil {
background-color: lightgrey;
}

.box2_movil {
background-color: lightgrey;
}

.panel_movil {
margin: 0 auto;
height: 130px;
position: relative;
perspective: 600px;
width: 33%;
background-color: transparent;
}

.panel_movil .front,
.panel_movil .back {
text-align: center;
}

.panel_movil .front {
height: inherit;
position: absolute;
top: 0;
z-index: 900;
transform: rotateX(0deg) rotateY(0deg);
transform-style: preserve-3d;
backface-visibility: hidden;
transition: all .4s ease-in-out;
}

.panel_movil .back {
height: inherit;
position: absolute;
top: 0;
z-index: 1000;
transform: rotateY(-180deg);
transform-style: preserve-3d;
backface-visibility: hidden;
transition: all .4s ease-in-out;
}

.panel_movil.flip .front {
z-index: 900;
transform: rotateY(180deg);
}

.panel_movil.flip .back {
z-index: 1000;
transform: rotateX(0deg) rotateY(0deg);
}

.no-select {
user-select: none;
}

.padding_5px{
padding-top: 5px !important;
}

.progress {
width: 100%;
height: 5px;
}
.progress-wrap {
background: #fff;
margin: 20px 0;
overflow: hidden;
position: relative;
}
.progress-bar {
background: #957AFB;
left: 0;
position: absolute;
top: 0;
height: 100%;
width: 0;
}

.container_dots_1 {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}

.nav-buttons_1 {
display: flex;
justify-content: center;
margin-top: 20px;
}

.dots-container_1 {
position: absolute;
right: 13em !important; /* Ajustar según sea necesario */
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
}

.dot_1 {
height: 15px;
width: 15px;
background-color: #957AFB; /* Color de relleno inactivo */
border: 2px solid #fff; /* Borde inactivo */
border-radius: 50%;
display: inline-block;
margin: 5px 0;
cursor: pointer;
}

.dot_active_1 {
background-color: #fff !important; /* Color de relleno activo */
}

.container_dots_2 {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}

.nav-buttons_2 {
display: flex;
justify-content: center;
margin-top: 20px;
}

.dots-container_2 {
position: absolute;
right: 13em !important; /* Ajustar según sea necesario */
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
}

.dot_2 {
height: 15px;
width: 15px;
background-color: #fff; /* Color de relleno inactivo */
border: 2px solid #957AFB; /* Borde inactivo */
border-radius: 50%;
display: inline-block;
margin: 5px 0;
cursor: pointer;
}

.dot_active_2 {
background-color: #957AFB; /* Color de relleno activo */
}


.button_disabled_style:disabled {
cursor: not-allowed;
opacity: 0.6; /* Opcional: Cambiar la opacidad para indicar que el botón está deshabilitado */
}

.underline--magical {
background-image: linear-gradient(120deg, #b199fc 0%, #957AFB 100%);
background-repeat: no-repeat;
background-size: 100% 0.2em;
background-position: 0 88%;
transition: background-size 0.25s ease-in;
&:hover {
  background-size: 100% 88%;
}
}

.container_dots_3 {
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}

.nav-buttons_3 {
display: flex;
justify-content: center;
margin-top: 20px;
}

.dots-container_3 {
position: absolute;
right: 20em !important; /* Ajustar según sea necesario */
top: 50%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
}

.dot_3 {
height: 15px;
width: 15px;
background-color: #fff; /* Color de relleno inactivo */
border: 2px solid #957AFB; /* Borde inactivo */
border-radius: 50%;
display: inline-block;
margin: 5px 0;
cursor: pointer;
}

.dot_active_3 {
background-color: #957AFB; /* Color de relleno activo */
}


/*###################*/
.dots-container_movil1 {
position: absolute;
right: 1em !important; /* Ajustar según sea necesario */
top: 44%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
}
.dots-container_movil2 {
position: absolute;
right: 2em !important; /* Ajustar según sea necesario */
top: 43%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
}

.dot_movil1 {
height: 10px;
width: 10px;
background-color: #957AFB; /* Color de relleno inactivo */
border: 2px solid #fff; /* Borde inactivo */
border-radius: 50%;
display: inline-block;
margin: 5px 0;
cursor: pointer;
}

.dot_movil2 {
height: 10px;
width: 10px;
background-color: #fff; /* Color de relleno inactivo */
border: 2px solid #957AFB; /* Borde inactivo */
border-radius: 50%;
display: inline-block;
margin: 5px 0;
cursor: pointer;
}

.dot_active_movil1 {
background-color: #fff; /* Color de relleno activo */
}


.dot_active_movil2 {
background-color: #957AFB; /* Color de relleno activo */
}

.container_movil_bloque6_1{
order:0;
flex:0 1 auto;
align-self:auto;
height:auto;
width:8em;
margin-right: 10px;
margin-left: 10px;
}

.new-carousel-item-movil {
background-color: #000;
border-radius: 20px !important;
text-align: center;
margin-bottom: 1em;
padding-top: 1em;
position: relative;
overflow: hidden;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%; /* Adjust height as needed */
}


.new-bottom-div-movil {
color: #fff;
}

.dots-container_com_movil {
position: absolute;
right: 2em !important; /* Ajustar según sea necesario */
top: 40%;
transform: translateY(-50%);
display: flex;
flex-direction: column;
align-items: center;
}

.dot_movil1 {
height: 10px;
width: 10px;
background-color: #957AFB; /* Color de relleno inactivo */
border: 2px solid #fff; /* Borde inactivo */
border-radius: 50%;
display: inline-block;
margin: 5px 0;
cursor: pointer;
}

.dot_active_movil1 {
background-color: #fff; /* Color de relleno activo */
}


.dot_com_movil {
height: 10px;
width: 10px;
background-color: #000; /* Color de relleno inactivo */
border: 2px solid #957AFB; /* Borde inactivo */
border-radius: 50%;
display: inline-block;
margin: 5px 0;
cursor: pointer;
}

.dot_com_func {
height: 10px;
width: 10px;
background-color: #000; /* Color de relleno inactivo */
border: 2px solid #957AFB; /* Borde inactivo */
border-radius: 50%;
display: inline-block;
margin: 5px 0;
cursor: pointer;
}

.dot_active_com_movil {
background-color: #957AFB; /* Color de relleno activo */
}

 /* Contenedor principal */
 .custom-container {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

/* Línea horizontal */
.custom-line {
    border-top: 2px solid #fff;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

/* Flecha personalizada */
.custom-arrow {
    position: absolute;
    top: -18px; /* Ajusta según el tamaño de la flecha */
    left: 0;
    color: #957AFB;
    font-size: 35px;
    opacity: 0; /* Inicialmente invisible */
    transition: opacity 0.5s ease; /* Transición suave */
}

/* Animación de la flecha */
.custom-arrow.animate {
    opacity: 1; /* Hace visible la flecha */
    animation: custom-load 20s linear infinite; /* Animación lineal y constante */
}

@keyframes custom-load {
    0% {
        left: 0; /* Inicia en la izquierda */
    }
    100% {
        left: calc(100% - 35px); /* Llega al final */
    }
}

/*##################*/

/*commit 17:32*/
.cards {
  background: #fff;
  border-radius: 35px;
  box-shadow: 0px 10px 20px 20px rgba(0,0,0,0.17);
  display: flex; /* Cambia a flex para centrar verticalmente */
  align-items: center; /* Centra verticalmente los hijos */
  justify-content: center; /* Opcional: centra horizontalmente si es necesario */
  padding: 15px 30px;
  perspective: 1800px;
  text-align: center;
  transform-origin: 50% 50%;
  transform-style: preserve-3d;
  transform: rotateX(11deg) rotateY(16.5deg);
  width: 415px;
}

.card {
  border-radius: 15px;
  box-shadow: 5px 5px 20px -5px rgba(0,0,0,0.6);
  display: inline-block;
  height: 60px;
  overflow: hidden;
  perspective: 1200px;
  position: relative;
  transform-style: preserve-3d;
  transform: translateZ(35px);
  transition: transform 200ms ease-out;
  width: 175px;
  text-align: center;
}

.card__img {
  position: relative;
  height: 100%;
}

.card__bg {
  bottom: -50px;
  left: -50px;
  position: absolute;
  right: -50px;
  top: -50px;
  transform-origin: 50% 50%;
  transform: translateZ(-50px);
  z-index: 0;
}

.card__one .card__img {
  top: 14px;
  right: -10px;
  height: 110%;
}

.card__one .card__bg {
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/3dr_monobg.jpg') center / cover no-repeat;
}

.card__two .card__img {
  top: 25px;
}

.card__two .card__bg {
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/3dr_spirited.jpg') center / cover no-repeat;
}

.card__three .card__img {
  top: 5px;
  left: -4px;
  height: 110%;
}

.card__three .card__bg {
  background: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/62105/3dr_howlbg.jpg') center / cover no-repeat;
}

.card__text {
  align-items: center;
  background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%);
  bottom: 0;
  display: flex;
  flex-direction: column;
  height: 70px;
  justify-content: center;
  position: absolute;
  width: 100%;
  z-index: 2;
}

.card__title {
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  padding: 0 10px;
  margin-bottom: 3px;
}

.notice {
  background: gold;
  border-top-left-radius: 6px;
  bottom: 0;
  font-family: monospace;
  font-size: 14px;
  padding: 8px 10px;
  position: absolute;
  right: -20px;
}


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



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

    #sec1_qr {
        background-image: url(sistema/img/vector_persona_movil.png) !important;
        background-size: 450px !important;
        background-repeat: no-repeat !important;
        background-position: right !important;
        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-qr {
        /* margin-top: -92% !important;*/
        margin-top: -80% !important;
    }
    .color {
        position: relative !important;
        right: 0;
        left: 0;
        z-index: 1030;
       /* background: #6360d2 !important;*/
        border-color: transparent !important;
    }
    .navbar {
        margin-bottom: 0px !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: 12px !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 #957AFB !important;
      border-top-color: #957AFB !important;
      border-right-color: #957AFB !important;
      border-bottom-color: #957AFB !important;
      border-left-color: #957AFB !important;
      border-radius: 4px !important;
      margin-left: 5px !important;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #957AFB !important;
    }
    .btn_login{
        display: none !important; 
    }
    #login{
        display: block !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;
    }
    .fondo_impulsamos {
        background-image: url(sistema/img/impulsamos_home.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
    .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;
    }

    /**/
    .scans_qr{
        font-size: 15px !important;
    }
    .marcas{
        width: 100% !important;
        margin-top: -2em !important;
    }
    .titulo_normal{
        display: none !important;
    }
    .titulo_movil{
        display: block !important;
    }
    .bloque_qr_normal{
        display: none !important;
    }
    .bloque_qr_movil{
        display: block !important;
    }
    .bloque_telefono_normal{
        display: none !important;
    }
    .bloque_telefono_movil{
        display: block !important;
    }
    .slider_normal{
        display: none !important;
    }
    .slider_movil{
        display: block !important;
    }
    .tercer_bloque_normal{
        display: none !important;
    }
    .tercer_bloque_movil{
        display: block !important;
    }
    .fondo_qr{
        background-size: contain;
        background-repeat: no-repeat; 
    }
    .cuarto_bloque_normal{
        display: none !important;
    }
    .cuarto_bloque_movil{
        display: block !important;
    }
    #secppersona{
        background-image: url(sistema/img/vector_persona2.png) !important;
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: right;
        display: table;
    }
    .chica_movil{
        width: 163px !important;
        float: right;
    }
    .texto_consulta{
        font-size: 13px !important;
    }
    .texto_consultados{
        font-size: 20px !important;
    }
    .p_observa{
        font-size: 13px !important;
    }
    .bt_reproducir{
        margin-top: 3% !important;
    }
    .bt_altura{
        margin-top: -53%;   
    }

    .quinto_bloque_normal{
        display: none !important;
    }
    .quinto_bloque_movil{
        display: block !important;
    }
    .sexto_bloque_normal{
        display: none !important;
    }
    .sexto_bloque_movil{
        display: block !important;
    }
    .margen_boton{
        margin-bottom: 0px !important;
    }
    .margen_boton_qr{
        margin-bottom: 0px !important;
    }
    .funcionalidades{
        font-size: 10px !important;
        padding: 5px 10px 5px 10px !important;
    } 

    .btn-degra_qr {
        width: 115px !important;
    }
    .fiweex_qrp{
        font-size: 24px !important;
    }
    #footer{
        margin: 0px !important;
    } 

    .nuevo_bloque_normal{
        display: none !important;
    }
    .nuevo_bloque_movil{
        display: block !important;
    }


    .primer_bloque_qr_normal{
        display: none !important;
    }
    .primer_bloque_qr_movil{
        display: block !important;
    }

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

    .bloque_normal{
        display: none !important;
    }







    body {
        font-family: Arial, sans-serif;
    }
    
    .carousel {
        position: relative;
        width: 600px;
        margin: auto;
        width: 90%; 
    }
    
    .carousel-inner {
        position: relative;
        overflow: hidden;
    }
    
    .carousel-item {
        display: none;
        text-align: center;
    }
    
    .carousel-item.active {
        display: block;
    }
    
    .description {
        text-align: center;
        margin: 10px 0;
    }
    
    .dots {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 39%;
        transform: translateY(-50%);
        margin-inline-start: 17em;
    }
    
    .dot {
        height: 10px;
        width: 10px;
        margin: 5px 0;
        border: 2px solid #fff; /* borde blanco de 2px */
        border-radius: 50%;
        display: inline-block;
        cursor: pointer;
        background-color: transparent; /* sin relleno */
    }
    
    
    .dot.active {
        background-color: #fff;
    }
    
    .controls {
        text-align: center;
        margin-top: 10px;
    }
    
    button.prev, button.next {
        background-color: #f1f1f1;
        border: none;
        padding: 10px;
        cursor: pointer;
        margin: 0 5px;
    }

    .description {
        padding: 0 5px;
    }

    button.prev, button.next {
        padding: 5px;
    }
    

    .description {
        overflow: auto; /* Para contener los elementos flotantes */
    }
    
    .description img {
        width: 25px;
        height: 25px;
        float: left;
        margin-right: 20px;
        margin-top: 40px;
    }
    
    .text1_bloque2{
        font-size: 14px !important;
    }


    .text2_bloque2{
        font-size: 10px !important;
    }

    .text_bloque5{
        font-size: 10px !important;
    }
    
    .text1_bloque1{
        font-size: 18px !important;
    }
    
    .margin_img{
        margin-bottom: 20px !important;
    }

    .dots-container_movil2 {
        position: absolute;
        right: 1em !important; /* Ajustar según sea necesario */
        top: 43%;
        transform: translateY(-50%);
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .margin_inline{
        margin-inline-start: 10.5em !important;
    }



    /* Contenedor principal */
.custom-container {
    position: relative;
    width: 100%;
    text-align: center;
    margin-top: 25px;
}

/* Línea horizontal */
.custom-line {
    border-top: 2px solid #957AFB;
    width: 95%;
    margin: 0 auto;
    position: relative;
}

/* Flecha personalizada */
.custom-arrow {
    position: absolute;
    top: -10px; /* Ajusta según el tamaño de la flecha */
    left: 0;
    color: #957AFB;
    font-size: 35px;
    opacity: 0; /* Inicialmente invisible */
    transition: opacity 0.5s ease; /* Transición suave */
}

/* Animación de la flecha */
.custom-arrow.animate {
    opacity: 1; /* Hace visible la flecha */
    animation: custom-load 20s linear infinite; /* Animación lineal y constante */
}

@keyframes custom-load {
    0% {
        left: 0; /* Inicia en la izquierda */
    }
    100% {
        left: calc(100% - 35px); /* Llega al final */
    }
}

}

@media screen and (min-width: 1200px) and (max-width: 1280px) {
    #sec1_qr {
        background-repeat: no-repeat;
        background-position: bottom right;
        display: table !important;
    }
    .sec1-conten-qr {
    }

    .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;
    }

}

@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;
    }
}



/*s20*/

@media screen and (max-width: 360px) and (max-device-height: 800px){
    .btn-e {
        font-size: 7px !important;
    }
    .span_titulo {
        font-size: 6px !important;
    }
    .letras {
        margin-top: -6px;
        font-size: 14px !important;
    }
    .letras_impuslsamos_dos {
        font-size: 9px !important;
        margin-bottom: 20px !important;
    }

    .texto_persona {
        font-size: 12px !important;
    }
    /*****/
    /*.sec1-conten-qr {
        margin-top: -103% !important;
       
    }*/
    .scans_qr {
        font-size: 13px !important;
    }
    .texto_contenido{
        font-size: 14px !important;
    }
    .img_carrusel{
        width: 389px !important;
    }
    .altura_qr{
        margin-top: -45%!important;
    }
    .altura_texto{
        font-size:  10px!important;
    }
    .letras11{
        font-size: 14px !important;
    }
    .funcionalidades{
        font-size: 9px !important;
    }
    /**/ 
    .texto_consulta{
        font-size: 12px !important;    
    }
    .bt_altura {
        margin-top: -26%;
    }

    .text_20px{
       font-size: 20px !important; 
    }
    .text_18px{
        font-size: 18px !important; 
     }
    .text_16px{
        font-size: 12px !important; 
     }
    .text_12px{
       font-size: 12px !important; 
    }
    .text_10px{
        font-size: 10px !important; 
     }
    .text_8px{
    font-size: 8px !important; 
    }
    .text_6px{
        font-size: 6px !important; 
    }

    .box1_movil, .box2_movil {
        width: 100px;
        height: 100px;
        margin: 0 auto;
        padding: 20px;
        border-radius: 25px;
    }

    .panel_movil {
        margin: 0 auto;
        height: 130px;
        position: relative;
        perspective: 600px;
        width: 31%;
        background-color: transparent;
    }

    .dots {
        display: flex;
        flex-direction: column;
        align-items: center;
        position: absolute;
        top: 37%;
        transform: translateY(-50%);
        margin-inline-start: 13em;
    }

    .margin_bottom_secc4{
        margin-bottom: 6em !important;
    }

    .text1_bloque2{
        font-size: 14px !important;
    }

    .text2_bloque2{
        font-size: 10px !important;
    }

    .text2_bloque2{
        font-size: 10px !important;
    }

}


@media screen and (min-width: 384px) and (max-width: 385px){
    /*****/

    .img_carrusel{
        width: 386px !important;
    }
    .texto_consulta {
        font-size: 12px !important;
    }

}



@media screen and (min-width: 375px) and (max-width: 376px){
    /*****/
    /* .sec1-conten-qr {
         margin-top: -103% !important;
     } */
    .scans_qr {
        font-size: 13px !important;
    }
    .texto_contenido{
        font-size: 14px !important;
    }
    .img_carrusel{
        width: 389px !important;
    }
    .altura_qr{
        margin-top: -45%!important;
    }
    .altura_texto{
        font-size:  10px!important;
    }
    .letras11{
        font-size: 14px !important;
    }
    .funcionalidades{
        font-size: 6px !important;
    } 
    .texto_consulta {
        font-size: 12px !important;
    }
    .bt_altura {
        margin-top: -26% !important;
    }

    .text_20px{
        font-size: 20px !important; 
     }
     .text_18px{
         font-size: 18px !important; 
      }
     .text_16px{
         font-size: 12px !important; 
      }
     .text_12px{
        font-size: 12px !important; 
     }
     .text_10px{
         font-size: 10px !important; 
      }
     .text_8px{
     font-size: 8px !important; 
     }
     .text_6px{
         font-size: 6px !important; 
     }

     .box1_movil, .box2_movil {
         width: 100px;
         height: 100px;
         margin: 0 auto;
         padding: 20px;
         border-radius: 25px;
     }

     .panel_movil {
         margin: 0 auto;
         height: 130px;
         position: relative;
         perspective: 600px;
         width: 31%;
         background-color: transparent;
     }

     .dots {
         display: flex;
         flex-direction: column;
         align-items: center;
         position: absolute;
         top: 37%;
         transform: translateY(-50%);
         margin-inline-start: 13em;
     }

     .ico_mail_sec4{
        margin-bottom: 30px !important;
    }

    .margin_bottom_secc4{
        margin-bottom: 10em !important;
    }

}

@media screen and (min-width: 375px) and (max-device-height: 667px) {
    /* .sec1-conten-qr {
         margin-top: -92% !important;
     }*/
    .scans_qr {
        font-size: 13px !important;
    }
    .texto_contenido{
        font-size: 14px !important;
    }
    .img_carrusel{
        width: 389px !important;
    }
    .altura_qr{
        margin-top: -45%!important;
    }
    .altura_texto{
        font-size:  10px!important;
    }
    .letras11{
        font-size: 14px !important;
    }
    .funcionalidades{
        font-size: 6px !important;
    } 
}
@media screen and (min-width: 414px) and (max-device-height: 736px) {
    /* .sec1-conten-qr {
        margin-top: -83% !important;
     }*/
    .scans_qr {
        font-size: 13px !important;
    }
    .texto_contenido{
        font-size: 14px !important;
    }
    .img_carrusel{
        width: 389px !important;
    }
    .altura_qr{
        margin-top: -45%!important;
    }
    .altura_texto{
        font-size:  10px!important;
    }
    .letras11{
        font-size: 14px !important;
    }
    .funcionalidades{
        font-size: 6px !important;
    } 
    .text_20px{
        font-size: 20px !important; 
    }

    .padding_top{
        padding-top: 15px !important; 
    }
}

@media screen and (min-width: 389px) and (max-width: 391px){
    /**Iphone 13***/

    .img_carrusel{
        width: 390px !important;
    }




    .text_20px{
        font-size: 20px !important; 
     }
     .text_18px{
         font-size: 18px !important; 
      }
     .text_16px{
         font-size: 12px !important; 
      }
     .text_12px{
        font-size: 12px !important; 
     }
     .text_10px{
         font-size: 10px !important; 
      }
     .text_8px{
     font-size: 8px !important; 
     }
     .text_6px{
         font-size: 6px !important; 
     }

     .box1_movil, .box2_movil {
         width: 100px;
         height: 100px;
         margin: 0 auto;
         padding: 20px;
         border-radius: 25px;
     }

     .panel_movil {
         margin: 0 auto;
         height: 130px;
         position: relative;
         perspective: 600px;
         width: 32%;
         background-color: transparent;
     }

     .dots {
         display: flex;
         flex-direction: column;
         align-items: center;
         position: absolute;
         top: 37%;
         transform: translateY(-50%);
         margin-inline-start: 16em;
     }

     .ico_mail_sec4{
        margin-bottom: 20px !important;
    }

}
@media screen and (min-width: 412px) and (max-width: 415px){
    /*****/

    .img_carrusel{
        width: 389px !important;
    }

}
@media screen and (min-width: 319px) and (max-width: 320px) {

    /*.sec1-conten-qr {
        margin-top: -93% !important;
    }*/
    .scans_qr {
        font-size: 13px !important;
    }
    .texto_contenido{
        font-size: 12px !important;
    }
    .img_carrusel{
        width: 353px !important;
    }
    .altura_qr{
        margin-top: -45%!important;
    }
    .altura_texto{
        font-size:  10px!important;
    }
    .letras11{
        font-size: 13px !important;
    }
    .funcionalidades{
        font-size: 6px !important;
    } 
}

@media screen and (max-width: 360px) and (max-device-height: 780px) {

    .text1_bloque2{
        font-size: 14px !important;
    }
}


@media screen and (max-width: 360px) and (max-device-height: 740px) {
    .btn-e {
        font-size: 7px !important;
    }
    .span_titulo {
        font-size: 6px !important;
    }
    .letras {
        margin-top: -6px;
        font-size: 14px !important;
    }
    .letras_impuslsamos_dos {
        font-size: 9px !important;
        margin-bottom: 20px !important;
    }

    .texto_persona {
        font-size: 12px !important;
    }

}



@media screen and (max-width: 360px) and (max-device-height: 640px) {
    .btn-e {
        font-size: 7px !important;
    }
    .span_titulo {
        font-size: 6px !important;
    }
    .letras {
        margin-top: -6px;
        font-size: 14px !important;
    }
    .letras_impuslsamos_dos {
        font-size: 9px !important;
        margin-bottom: 20px !important;
    }
    .texto_persona {
        font-size: 12px !important;
    }
    /* .sec1-conten-qr {
         margin-top: -89% !important;
     }*/
     .text1_bloque2{
        font-size: 14px !important;
    }

}



@media screen and (max-width: 320px) and (max-device-height: 490px) {
    #login{
        margin-top: -30% !important;
    }
    .btn-e {
        font-size: 7px !important;
    }
    .span_titulo {
        font-size: 6px !important;
    }
    .letras {
        margin-top: -6px;
        font-size: 14px !important;
    }
    .letras_impuslsamos_dos {
        font-size: 9px !important;
        margin-bottom: 20px !important;
    }
    .texto_persona {
        font-size: 12px !important;
    }
    .textopersona {
        font-size: 14px !important;
    }


}


@media screen and (max-width: 345px) and (max-device-height: 493px) {
    .btn-e {
        font-size: 7px !important;
    }
    .span_titulo {
        font-size: 6px !important;
    }
    .letras {
        margin-top: -6px;
        font-size: 14px !important;
    }
    .letras_impuslsamos_dos {
        font-size: 9px !important;
        margin-bottom: 20px !important;
    }
    .texto_persona {
        font-size: 12px !important;
    }
}

/**/
 /*s20 / S5 / S9 */

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

    .text_codigo_qr{
        font-size: 35px !important;
    }

    .text_panel_control{
        font-size: 10px !important;
    }
    .text_panel_control_2{
        font-size: 7px !important;
    }

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

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


}

/*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) {
 
    .text_codigo_qr{
        font-size: 35px !important;
    }
    .text_panel_control_2{
        font-size: 8px !important;
    }
     /*Nuevo*/
    .forma_forma{
        margin-top: -7em !important;
    }

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



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

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

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


/*hsata aca*/

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

   .text_panel_control{
        font-size: 11px !important;
    }
    .text_panel_control_2{
        font-size: 8px !important;
    } 
   /*Nuevo*/
    .forma_forma{
        margin-top: -7em !important;
    }

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

    .margin_bottom_secc4{
        margin-bottom: 10em !important;
    }

    .text1_bloque2{
        font-size: 14px !important;
    }

    .text_bloque5{
        font-size: 10px !important;
    }

}

/*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) {
  .text_panel_control{
    font-size: 11px !important;
  }
  .text_20px{
    font-size: 20px !important; 
}
 
}

/* 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){
  
}

/* iPhone 12 pro max ----------- */
@media screen and (max-width: 429px) and (min-width: 428px){
    .text_6px{
        font-size: 6px !important; 
    }
    .ico_mail_sec4{
        margin-bottom: 20px !important;
    }
}