@media only screen and (max-width: 1280px){
                        /** framework **/
                        .display-end{
                            display: flex;
                            justify-content: flex-end;
                        }
     
                        .display-J-A-center{
                            display: flex;
                            justify-content: center;
                            align-items: center;
                        }
                        .logo-main {
                            width: 100%;
                        }
                        .margin-0{
                            margin: 0px;
                        }
     
                        .absolute{
                            position: absolute;
                        }
     
                        .padding-45-105{
                            padding: 0 4.5rem 0 10.5rem;
                        }
     
                        .right{
                            position: absolute;
                            right: 0rem;
                        }
     
                        .menu-fixed{
                            position: fixed;
                            z-index: 2px;
                            top:0;
                            background: #0f70b8;
                            box-shadow: 0 5px 7px 3px rgba(0, 0, 0, 0.13);
                            /* margin-top: 74.6rem; */
                        }

                        .menu-r {
                            margin: 0px;
                            padding: 0px;
                        }
     
                        /** Inicio css **/
                        .header{
                            height: 74.6rem;
                            opacity: 0.91;
                            z-index: 2;
                            /* background-image: url(../imagenes/background-img.svg),linear-gradient(141deg, #20daa2, #00a1ad);
                            background-repeat: no-repeat;
                            background-position: bottom right;
                            background-attachment: fixed; */
                            background: linear-gradient(141deg, #20daa2, #00a1ad);position: relative;
                            }
     
                        .back-img{
                            background-image: url(../imagenes/background-img.svg);
                            position: absolute;
                            background-repeat: no-repeat;
                            background-position: 55% 92%;
                            background-attachment: fixed;
                            background-size: 74%;
                            width: 100%;
                            height: 100%;
                            z-index:-1;
                        }
                       
                        /* .background-img{
                            position: absolute;
                            z-index: -1;
                            bottom: 0rem;
                            right: 9.7rem;
                        } */
     
                        .contenedor-nav{
                            width: 100%!important;
                            height: 7.8rem;
                            display: flex;
                            align-items: center;        
                            -webkit-transition: all ease 0.5s;
                            -o-transition: all ease 0.5s;
                            transition: all ease 0.5s;
                            z-index: 2;
                        }
     
                        .titulo-header{
                            width: 188px;
                            /* font-family: HelveticaNeue; */
                            font-size: 31px;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: -1.6px;
                            color: #ffffff;
                            margin: 0rem;
                        }
     
                        .samuel .entrar{
                            width: 13.2rem;
                            height: 3.6rem;
                            border-radius: 0.3rem;
                            border: solid 0.2rem #ffffff;
                            background-color: rgba(255, 255, 255, 0);
                            font-family: HelveticaNeue;
                            font-size: 1.2rem;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            text-align: right;
                            color: #ffffff;
                            margin-right: 1rem;
                            cursor: pointer;
                            }
                           
                        .registrate{
                            width: 16rem;
                            height: 3.6rem;
                            border-radius: 0.24rem;
                            background-color: #ffffff;
                            /* font-family: HelveticaNeue; */
                            font-size: 1.2rem;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            text-align: right;
                            color: #0276a1;
                            cursor: pointer;
                        }
     
                        /** buscador **/
                        .contenedor-buscador{
                            width: 100%;
                            padding: 0rem 22.5rem 0rem 22.5rem;
                            margin-top: 18rem;
                        }
     
                        .contenedor-buscador h1{
                            color: #ffffff;
                        }
     
                        .buscador{
                            width: 100%;
                            height: 6.8rem;
                            border-radius: 0.3rem;
                            box-shadow: 0 0.2rem 0.7rem 0.5rem rgba(0, 0, 0, 0.2);
                            background-color: #ffffff;
                            display: flex;
                        }
     
                        .buscador input{
                            height: 100%;
                            border: none;
                            padding: 0rem 2.6rem 0rem 2.6rem;
                            border: none!important;
                        }
     
                        .img-buscador{
                            padding: 0rem 3rem 0rem 3rem;
                        }
     
                        .buscador h1{
                            font-family: Work Sans;
                            font-size: 4.3rem;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            color: #ffffff;
                        }
     
                        .contenedor-botones{
                            display: flex;
                            margin-top:2.1rem;
                        }
     
                        .boton{
                            width: 141px;
                            height: 43px;
                            border-radius: 2px;
                            box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
                            background-color: #ffffff;
                            margin-right: 1rem;
                            cursor: pointer;
                        }
     
                        .boton p{
                            /* font-family: HelveticaNeue; */
                            font-size: 16px;
                            font-weight: 500;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            text-align: right;
                            color: #16aab5;
                        }
     
                        .boton:last-child{
                            margin-right: 0rem;
                        }
     
                        /** activa tu ubicacion **/
                        .eso{
                            display: none;
                            /* display: flex; */
                            align-content: center;
                            justify-content: center;
                            width: 271px;
                            padding: 0 1.6rem 0 1.6rem;
                            border-radius: 2px;
                            border: solid 1px rgba(255, 255, 255, 0.52);
                            background-color: rgba(255, 255, 255, 0.19);
                            position: absolute;
                            bottom: 3.7rem;
                            right: 3.5rem;
                        }
     
                        .eso p{
                            padding: 2.5rem 1.2rem 2.5rem 0;
                            /* font-family: HelveticaNeue; */
                            font-size: 13px;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            text-align: right;
                            color: #ffffff;
                        }
     
                        /** article header **/
                        .article-home{
                            padding: 10rem 0 0 0;
                        }
     
                        .Cont-asistencia-historial{
                            position: relative;
                            height: 25.6rem;
                            border-radius: 4px;
                            box-shadow: 0 2px 6px 3px rgba(0, 0, 0, 0.05);
                            border: solid 1px #ffffff;
                            background-color: #ffffff;
                        }
     
                        .Cont-article{
                            display: grid;
                            grid-template-columns: 50% 50%;
                            grid-column-gap: 3rem;
                        }
     
                        .Cont-article::after{
                            display: none!important;
                        }
     
                        .Cont-article::before{
                            display: none!important;
                        }
     
                        .titulo-article1{
                            margin-top:4rem;
                            /* font-family: HelveticaNeue; */
                            font-size: 3.3rem;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: -0.04rem;
                            color: #16aab5;
                        }
     
                        .titulo-article2{
                            margin-top:4rem;
                            /* font-family: HelveticaNeue; */
                            font-size: 3.3rem;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: -0.04rem;
                            color: #0276a1;
                        }
     
                        .texto-article{
                            /* font-family: HelveticaNeue; */
                            font-size: 2.0rem;
                            font-weight: normal;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: 1.25;
                            letter-spacing: -0.03rem;
                            color: #6a6a6a;
                        }
     
                        .img-articles{
                            margin-left: 3.4rem;
                            margin-top: 4rem;
                        }
     
                        .flecha-mas{
                            right: 2.3rem;
                            bottom: 2rem;
                        }
                        .dropdown-menu{
                            left: inherit!important;
                            /* width: 298px; */
                            border:none!important;
                            top: 100%!important;
                            padding: 0!important;
                        }
     
                        .rectangle{
                            height: 5rem;
                            border-radius: 3px;
                            background-color: #fff;
                            font-family: Arial;
                            font-size: 1.2rem;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            color: #6a6a6a;
                            display: flex;
                            justify-content: space-around;
                        }
     
                         /** footer **/
                        .footer{
                            padding: 0 8rem 0 8rem;
                            height: 19rem;
                            align-items: center;
                            justify-content: space-between;
                            border: solid 1px #e6e6e6;
                            margin-top: 15rem;
                            display: grid;
                            grid-template-columns: 50% 50%;
                        }
     
                        .imagenes-footer{
                            height: 100%;
                            display: flex;
                            justify-content: flex-end;
                        }
     
                        .mano{
                            width: auto;
                            height: 12.9rem;
                            margin-right: 2rem;
                        }
     
                        .contenedor-play-store{
                            display: flex;
                            flex-direction: column;
     
                        }
     
                        .apple-store{
                            width:12.4rem;
                            height:auto ;
                            margin-top:0.5rem;
                        }
     
                        .google-play{
                            width:12.4rem;
                            height:auto ;
                            margin-top:0.5rem;
                        }
     
                         /** Recuadro - empieza a usar buscamed **/
                        .Sec-1{
                            padding: 0 20% 0 20%;
                            display: flex;
                            flex-direction: column;
                            align-items: center;
                        }
                   
                        .Sec-1 h1{
                            font-family: Rubik;
                            font-size: 4rem;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            text-align: center;
                            line-height: normal;
                            letter-spacing: normal;
                            color: #0f70b8;
                        }
                   
                        .Sec-1 p{
                            /* font-family: HelveticaNeue; */
                            font-size: 1.8rem;
                            font-weight: normal;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: 1.19;
                            letter-spacing: -0.3px;
                            text-align: center;
                            color: #6a6a6a;
                        }
                   
                        .contenedor-button{
                            display: grid;
                            flex-direction: column;
                            grid-template-columns: 50% 50%;
                            grid-column-gap: 1.1rem;
                            margin-top: 3rem;
                        }
                   
                        .contenedor-button button{
                            width: 328px;
                            height: 70px;
                            border:none;
                            border-radius: 3px;
                            cursor: pointer;
                            margin:auto;
                        }
                   
                        .contenedor-button button p{
                            color: #fff;
                        }
     
                        /** comienzo para la info **/
                        .start_info{
                            margin-top: 17rem;
                        }
     
                        /** primera seccion **/  
                        .secciones-tittles{
                            font-family: Rubik;
                            font-size: 3rem;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            color: #2dd4ac;
                        }
     
                        .recuadro{
                            object-fit: contain;
                            border-radius: 0.4rem;
                            box-shadow: 0 0.2rem 1.4rem 0.3rem rgba(0, 0, 0, 0.11);
                            background-color: #fff;
                            padding: 3.2rem;
                            height: 29rem;  
                        }
     
                        .recuadro:hover{
                            object-fit: contain;
                            border-radius: 0.4rem;
                            box-shadow: 0 0.2rem 1.4rem 0.3rem rgba(0, 0, 0, 0.11);
                            background-color: #2dd4ac;
                            padding: 3.2rem;
                            color: #fff!important;
                        }
     
                        .recuadro:hover  .recuadro-parrafo{
                            color: #fff!important;
                        }
     
                        .recuadro:hover  .recuadro-title{
                            color: #fff!important;
                        }
                        .recuadro-title{
                            font-family: Rubik;
                            font-size: 2rem;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                        }
     
                        .recuadro-parrafo{
                            /* font-family: HelveticaNeue; */
                            font-size: 1.4rem;
                            font-weight: normal;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: 1.56;
                            letter-spacing: -0.2px;
                            color: #6a6a6a;
                        }
     
     
                        .recuadro-boton{
                            border-radius: 4px;
                            border: solid 1.5px #cecece;
                            background-color: #ffffff;
                            height: 6.8rem;
                        }
     
                        .recuadro-boton:hover{
                            border: solid 1.5px #2dd4ac;
                        }
     
                        .recuadro-boton:hover .boton2 p{
                            color: #2dd4ac;
                        }
     
                        .boton2{
                            width: 100%;
                            height: 100%;
                            background-color: transparent;
                            border-color: transparent;
                        }
     
                        .boton2 p{
                            font-family: Rubik;
                            font-size: 18px;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            color: #6a6a6a;
                        }
     
                        .boton2 img{
                            margin-right:0.9rem;
                        }
     
                        .disp-boton{
                            display: flex;
                            justify-content: center;
                        }
     
                        /** segunda seccion **/
                        .recuadro2{
                            object-fit: contain;
                            border-radius: 0.4rem;
                            box-shadow: 0 0.2rem 1.4rem 0.3rem rgba(0, 0, 0, 0.11);
                            background-color: #fff;
                            padding: 3.2rem;
                            height: 29rem;  
                        }
     
     
                        .secciones-tittles2{
                            font-family: Rubik;
                            font-size: 35px;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            color: #0f70b8;
                        }
     
                        .recuadro2:hover{
                            object-fit: contain;
                            border-radius: 0.4rem;
                            box-shadow: 0 0.2rem 1.4rem 0.3rem rgba(0, 0, 0, 0.11);
                            background-color: #0f70b8;
                            padding: 3.2rem;
                            color: #fff!important;
                        }
     
                        .recuadro2:hover  .recuadro-parrafo{
                            color: #fff!important;
                        }
     
                        .recuadro2:hover  .recuadro-title{
                            color: #fff!important;
                        }
     
                        .recuadro-boton2{
                            border-radius: 4px;
                            border: solid 1.5px #cecece;
                            background-color: #ffffff;
                            height: 6.8rem;
                        }
     
                        .recuadro-boton2:hover{
                            border: solid 1.5px #0f70b8;
                            color: #0f70b8;
                        }
     
                        .boton3{
                            width: 100%;
                            height: 100%;
                            background-color: transparent;
                            border-color: none;
                        }
     
                        .recuadro-boton2:hover .boton3 p{
                            color: #0f70b8;
                        }
     
                        .boton3{
                            width: 100%;
                            height: 100%;
                            background-color: transparent;
                            border-color: transparent;
                        }
     
                        .boton3 p{
                            font-family: Rubik;
                            font-size: 18px;
                            font-weight: bold;
                            font-style: normal;
                            font-stretch: normal;
                            line-height: normal;
                            letter-spacing: normal;
                            color: #6a6a6a;
                        }
     
                        .boton3 img{
                            margin-right:0.9rem;
                        }
     
                        .disp-boton{
                            display: flex;
                            justify-content: center;
                        }
     
                        .Sec-1-xs{
                            display: none;
                        }
     
                        .samuel33{
                            display:none;
                        }
     
                        .contenedor-whatsapp{
                            display: flex;
                   
                        }
                   
                        .img-whatsapp{
                            width: auto;
                            height: 2.5rem;
                        }
                        .contenedor-redes-sociales{
                            margin-top: 0.5rem;
                        }
                   
                        .img-redes-sociales{
                            width: 2.5rem;
                            height: auto;
                            margin: 0 0.5rem;
                        }
                   
                        .img-redes-sociales:first-child{
                            margin-left: 0;
                        }
                   
                        .img-redes-sociales:last-child{
                            margin-right: 0;
                        }
                        }