*{
    margin: 0px;
    padding: 0px;
}





/*===================================== MODIFICACION =========================================*/

.easy-autocomplete-container{
    left: 0;
    position: absolute;
    width: calc(91px + 100%);
    background: white;
}

.eac-item{
    display: flex;
    justify-content: space-between;
    padding: 1.6rem;
}
.tablas-perfil-nombre{
    display: flex;
}

/* SUBSCRIPTION MODAL */
#register_subscription .modal-dialog {
    width: 400px;
}

#iframe_register_subscription {
    height: 810px;
}














/*======================================AQUI TERMINA===========================================*/











































html{
    font-size: 62.5%;
}

body{
    -webkit-font-smoothing: antialiased;
}

.text-align-left{
    text-align: left;
}

.text-align-right{
    text-align: right;
}

.container{
    margin:0!important;
    padding: 0!important;
    
}

/** framework **/
.height{
    height: 100%!important;
}

.form-control:focus{
    border-color:none;
     -webkit-box-shadow: none;
    box-shadow: none;
}


.display{
    display: flex;
}

.display-end{
    display: flex;
    justify-content: flex-end;
}

.display-J-A-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.justify-content-end{
    display: flex;
    justify-content: flex-end;
}

.display-none{
    display: none;
}

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

.padding-0{
    padding: 0!important;
}

.absolute{
    position: absolute!important;
}

.relative{
    position: relative!important;
}

.padding-45-105{
    padding: 0 4.5rem 0 10.5rem;
}

.right{
    right: 0rem;
}

.left{
    left:0rem;
}
.padding-3rem{
    padding: 1.5rem 3.2rem 1.5rem 3.2rem;
}

.padding-for-default{
    padding: 0 7.10% 0 7.10%!important;
}

.bottom{
    bottom: 0;
}

.green-background{
    background-color: #2dd4ac;
}

.green-font{
    color:#2dd4ac;
}

.blue-background{
    background-color: #0f70b8;
}

.blue-font{
    color: #0f70b8;
}

.easy-autocomplete-container{
    height: 39rem;
    width: 100%;
    overflow-y: visible;
    overflow-x: hidden;
    margin-top:0.5rem;
    position: absolute;
    box-shadow: 0 5px 7px 3px rgba(0, 0, 0, 0.13);
    display: none;
    
}

.easy-autocomplete-container ul{
    width: 100%;
}

.tablas{
    display: flex;
    justify-content: space-between;
    padding: 2rem 1.6rem 2rem 1.6rem;
    background-color: #fff;
    border: solid 1px #e5e5e5;
}

.tablas:hover{
    background-color: #f7f7f7;
}

.tablas div:last-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tablas-perfil-nombre{
    display: flex;
    align-items: center;
}

.tablas-perfil-nombre img{
    widows: 5.5rem;
    height: 5.5rem;
}

.tablas-perfil-nombre div{
    margin-left: 1.4rem; 
}

.tablas-nombre{
    font-family: Rubik;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1px;
    color: #0f70b8;
}

.tablas-cargo{
    font-family: Rubik;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1px;
    color: #8b8b8b;
}

.tablas-distrito{
    font-family: Rubik;
    font-size: 1.6rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1px;
    color: #8b8b8b;
}

.tablas-disponibilidad{
    font-family: Rubik;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.9px;
    color: #2dd4ac;
}

.modal-dialog{
    width: 800px;
}

.modal-content{
    background: transparent;
    border: none;
    box-shadow: none;
}

.modal-header button span{
    font-size: 50px;
    color: #fff;    
}

.modal-header{
    background: transparent;
    border-bottom: none;
    padding: 0 1.5rem 0 1.5rem;
}

.modal-body{
    display: flex;
    justify-content: center;
}

.modal-body iframe{
    width: -webkit-fill-available;
    height: 364px;
}

.modal-footer{
    border-top:none;
}






.pruebaso{
    display: none;
}










/* registry */
.width-1440{
    max-width: 144rem;
    margin: auto;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #0f70b8 inset;
    -webkit-text-fill-color: rgba(250,250,250,0.5);
}

/* background-color registry */
.registry_background_blue{background-color: #0f70b8;}
.registry_background_white{background-color: white;}

/* border registry */
.registry_border_blue{border: solid 2px #0f70b8!important;;}
.registry_border_blue_right{border-right: solid 2px #0f70b8;}
.registry_border_white{border:solid 2px white;}
.registry_border_white_right{border-right:solid 2px white;}

/* color-font-registry */
.color_gray{color: #6a6a6a;} 
.color_white{color: white;} 
.color_blue{color:#0f70b8;}


/* registro buscamed */
.display-block-into-buscamed{
    display: block!important;
}

.display-none-into-buscamed{
    display: none!important;
}

.registry-padding-5{padding: 0 10rem;}
.opacity-7{opacity: 0.7;}  .opacity-4{opacity: 0.4}  .opacity-2{opacity: 0.2;}

.registry_margin2-5{
    margin-top: 2.3rem;
}

.show_registry_mensajes{
    display: none;
}

.samuelsamuel{
    width: 0;
    height: 0;
    border-right: 5px solid transparent;
    border-top: 0px solid transparent;
    border-left: 5px solid transparent;
    /* border-bottom: 10px solid #f0ad4e; */
    border-bottom: 10px solid #2dd4ac;
    position: absolute;
    top: 31px;
    left: 16px;
}

option{
    background: red;
}



.registry_recomendation_display_none{
    display: none;
    transition: all .2s ease-in-out;
}
/* message for patient */

#cont-document-patient:hover .registry_recomendation_display_none{
    display: block;
}

#cont-name-patient:hover .registry_recomendation_display_none{
    display: block;
}

#cont-last-name-patient:hover .registry_recomendation_display_none{
    display: block;
}

#cont-number-patient:hover .registry_recomendation_display_none{
    display: block;
}

#cont-correo-patient:hover .registry_recomendation_display_none{
    display: block;
}

#cont-password-patient:hover .registry_recomendation_display_none{
    display: block;
}

/* message for doctor */

#cont-document-doctor:hover .registry_recomendation_display_none{
    display: block;
}

#cont-name-doctor:hover .registry_recomendation_display_none{
    display: block;
}

#cont-last-name-doctor:hover .registry_recomendation_display_none{
    display: block;
}

#cont-number-doctor:hover .registry_recomendation_display_none{
    display: block;
}

#cont-correo-doctor:hover .registry_recomendation_display_none{
    display: block;
}

#cont-password-doctor:hover .registry_recomendation_display_none{
    display: block;
}

#cont-office-doctor:hover .registry_recomendation_display_none{
    display: block;
}

#cont-phone-doctor:hover .registry_recomendation_display_none{
    display: block;
}

#cont-phone-exequatur:hover .registry_recomendation_display_none{
    display: block;
}

#cont-Ext-doctor:hover .registry_recomendation_display_none{
    display: block;
}




.regystry_mensajes{
    position: absolute;
    background: #2dd4ac;
    padding: 1rem;
    left: 0.5rem;
    z-index: 9999;
    border-radius: 2px;
    top: 4rem;
    color: white;
    font-size: 1rem;  
    box-shadow: 0 2px 13px 3px rgba(0, 0, 0, 0.14);
}
.regystry_mensajes2{
    position: absolute;
    background: #0f70b8;
    /* width: 50%; */
    padding: 1rem;
    right: 0.5rem;
    z-index: 9999;
    border-radius: 2px;
    top: -8rem;
    color: white;
    font-size: 1.5rem;  
    box-shadow: 0 2px 13px 3px rgba(0, 0, 0, 0.14);
}

.registry-title{
    font-family: Rubik;
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.registry-text-general{
    font-family: HelveticaNeue;
    font-size: 19px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.32;
    letter-spacing: -0.2px;
    color: #ffffff;
}

.registry_page{
    display: grid;
    grid-template-columns: 40% 58%;
    column-gap: 2%;
    margin-top:8rem;
}

.cont-info-registry{
    width: 36rem;
}

.registry_boxs{
    width: 100%;
    min-height: 5.6rem;
    padding: 1rem 2rem;
    background-color: white;
    margin-top:2rem;
    border-radius: 4px;
    box-shadow: 0 2px 16px 4px rgba(0, 0, 0, 0.13);
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 2rem;
    justify-content: space-between;
    align-items: center;
}

.registry_boxs_text{
    margin: 0;
    font-family: Rubik;
    font-size: 15px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.6px;
    color: #0f70b8;
}


.cont-registry{
    padding: 4.5rem 9.5rem;
    border-radius: 9px;
    box-shadow: 0 2px 13px 3px rgba(0, 0, 0, 0.14);
}

.cont-registry input{
    padding: 0 2.3rem;
    height: 5rem;
    width: 100%;
}

.cont-registry input::placeholder{
    color: white;
}

.registry_title{
    font-family: 'Rubik', sans-serif;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.registry_title{
    font-size: 3rem;
}

.registry_sec1, .wawawa{
    display: grid;
    grid-template-columns: 50% 50%;
    /* background: white; */
    border: solid 0.2rem #ffffff;
    border-radius: 3px;
}

.registry_sec2{
    display: grid;
    grid-template-columns: 48% 48%;
    column-gap: 4%;
}

.registry_sec3{
    display: grid;
    grid-template-columns: 48% 48%;
    column-gap: 4%;
}

.registry_sec6{
    display: flex;
    align-items: center;
}

.registry_sec6 input{
    width: auto;
    margin: 0;
}

.registry_sec6 p{
    margin-bottom: 0;
    margin-left: 1rem;
    font-family: 'Rubik', sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.registry_sec8{
    display: grid;
    grid-template-columns: 63% 33%;
    column-gap: 4%;
}

.registry_cont_inputs{
    width:100%;
    position: relative;
}

.registry_input_style{
    background: transparent;
    border-radius: 0.2rem;
    /* border: solid 0.2rem #ffffff; */
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

.registry-button-dropdown{
    width: 100%;
    height: 5rem;
    border: 2px solid white;
    color: white;
    opacity: 0.7;
    padding: 0 2rem;
    text-align: left;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
}

/* .dropdown-menu{
    display: flex;
    flex-direction: column;
    width: 100%;
} */

.female-man{
    display: flex;
}

.cont_registry_button_create{
    display: flex;
    justify-content: flex-end;
    margin-top: 3rem;
}

.registry_button_create{
    width: 179px;
    height: 58px;
    border-radius: 4px;
    background-color: white;
    /* background-color: #0f70b8; */
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0f70b8;
}

/* .registry_button_create:hover{
    background-color: #0f70b8;
    color: white;
} */

.cont_registry_button_next{
    display: flex;
    justify-content: flex-end;
    margin-top: 3rem;
}

.registry_button_next{
    width: 179px;
    height: 58px;
    border-radius: 4px;
    background-color: #ffff;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0f70b8;
}

/* .registry_button_next:hover{
    background-color: white;
    color: #0f70b8;
} */

.cont-registry input[type="radio"]{
    display: none;
}

/* .cont-registry input[type="checkbox"]{
    background: #0f70b8;
    border: none;
} */
.mostrar::after{
    content:attr(data-placeholder);
}

.mostrar{
    position: absolute;
    left: 2rem;
    top: 25%;
    font-family: Rubik;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    opacity: .7;
    transition:all 0.4s ease-in-out;
    user-select: none; 
    padding:0.2rem 0.5rem;
}

/* .registry_cont_inputs input:focus + .mostrar{
    transform: translateY(-110%) translateX(0);
    background-color: #0f70b8;
    z-index: 1000;
    font-size: 12px;
    color: white;
    opacity: 1;
}

.registry_cont_inputs input:valid + .mostrar{
    transform: translateY(-110%) translateX(0);
    background-color: #0f70b8;
    z-index: 1000;
    font-size: 12px;
    color: white;
    opacity: 1;
} */

.registry_cont_inputs label[data-placeholder]{
    pointer-events: none;
}

label{
    margin: 0;
}

.registry_label_medico1, .registry_label_medico2, .registry_label_patient, .wawawa{
    width: 100%;
    height: 5rem;
    display: flex;
    align-items: center;
    margin: 0;
    cursor: pointer;
    font-family: 'rubik';
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    padding-left:2rem;
    /* border: solid 0.2rem #ffffff; */
    /* background: white; */
    /* border-radius: 0 3px 3px 0; */
}

/* .registry_label_medico1{
    background-color: #2dd4ac;
} */

input[type=radio]:checked + label {
    background: #2dd4ac;
    color: #FAFAFA;
    transition:all 0.2s ease-in-out;
}

input[type=radio]:checked {
    background: #2dd4ac;
    color: #FAFAFA;
}

/* .registry_label_medico:hover{
    background-color: #2dd4ac;
    border-radius: 3px 0 0 3px;
    color: #ffffff;
} */

.registry_label_patient:hover{
    background-color: #0f70b8;
    border-radius: 3px 0 0 3px;
    color: #ffffff!important;
}

.registry_cont_inputs_sex_patient:hover .registry_label_sex{
    color: white;
}


.registry_cont_inputs_sex_medico, .registry_cont_inputs_sex_patient{
    width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.registry_cont_inputs_sex_medico:hover, .registry_label_medico2:hover, .registry_label_medico1:hover{
    background-color: rgba(0,0,0, 0.1);
}

.registry_cont_inputs_sex_patient:hover{
    background-color: #0f70b8;    
    cursor: pointer;
}

.registry_cont_inputs_sex:hover .registry_border_blue{
    border-color: none;
}

.registry_label_sex{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    font-family: Rubik;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    height:100%;
}

/* .registry_input_style, .registry_label_sex, .registry_select{
    height: 5rem;
} */

.registry_select{
    height: 5rem;
}

.female-man{
    border-radius: 3px;
}

.registry_cont_button_doctor{
    display: grid;
    grid-template-columns: auto auto;
    justify-content: flex-end;
    column-gap: 1.5rem;
}

.registry_button_finish{
    width: 179px;
    height: 58px;
    border-color:transparent;
    border-radius: 4px;
    background-color: white;
    font-family: Rubik;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0f70b8;
}

.registry_button_back{
    width: 179px;
    height: 58px;
    border-color:transparent;
    border-radius: 4px;
    background-color: #0963a5;
    font-family: Rubik;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: white;
}

.registry_button_back:hover, .registry_button_finish:hover{
    background-color: #0963a5;
    color: white;
}
select{
    border: transparent;
}

.registry_select{
    width: 100%;
    padding: 0 2rem;
    background: transparent;
    border-radius: 0.2rem;
    border: solid 0.2rem #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 18px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    transition:all 0.4s ease-in-out;
    color: #ffffff;
}

.select2-selection__rendered{
    font-family: 'Rubik', sans-serif!important;
    font-size: 18px!important;
    font-weight: normal!important;
    font-style: normal!important;
    font-stretch: normal!important;
    line-height: normal!important;
    letter-spacing: normal!important;
    transition:all 0.4s ease-in-out!important;
    color: #ffffff!important;
    height: 100%!important;
    display: flex!important;
    align-items: center!important;
    padding: 0!important;
    opacity:0.7;
    overflow: -webkit-paged-x;
    /* background-image: url(../imagenes/flecha-input.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: 97% 50%; */
}
.select2-selection__arrow{
    display: none;
}

.mostrar::after{
    content:attr(data-placeholder);
}

.registry_select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;

    /* background-image: url(../imagenes/flecha-input.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: 97% 50%; */
}

.registry_type_number{
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance:none;
    appearance: none;
}

.registry_cont_inputs select:focus + .mostrar{
    transform: translateY(-110%) translateX(0);
    background-color: #0f70b8;
    z-index: 1000;
    font-size: 12px;
    color: white;
    opacity: 1;
}

.registry_cont_inputs select:valid + .mostrar{
    transform: translateY(-110%) translateX(0);
    background-color: #0f70b8;
    z-index: 1000;
    font-size: 12px;
    color: white;
    opacity: 1;
}

.select2-hidden-accessible{
    width: 100%!important;
    height: 5rem!important;
}

.registry_cont_inputs select[data-placeholder]{
    pointer-events: none;
}

.registry_cont_button_obtain_proof{
    display: flex;
    flex-direction: column;
}

.registry_cont_button_obtain_proof button{
    height: 72px;
    border-radius: 3px;
    border: solid 2px #ffffff;
    background: transparent;  
    font-family: 'Rubik';
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
}

.registry_cont_button_obtain_proof button:hover{
    background-color: #2dd4ac;
    border:none;
    cursor: pointer;
}

.registry_cont_button_obtain_proof button:last-of-type{
    margin-top: 3rem;
}

.registry_start_proof_button, .registry_obtain_button{
    padding: 0 3rem;
}

.flechita{
    position: absolute;
    top: 28%;
    right: 1.8rem;
}


/* [for patient] */
.active_input_patient label{
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-name:patient;
    background-color: white;
    z-index: 1000;
    font-size: 12px;
    color: #0f70b8;
    opacity: 1;
}
@keyframes patient {
    0%{transform: translateY(0%) translateX(0);}
    100%{transform: translateY(-110%) translateX(0);  
}
}


/* [for medicos] */
.active_input_medico label{
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    /* animation-name:medico; */
    background-color: #0f70b8;
    z-index: 1000;
    font-size: 12px;
    color: white;
    opacity: 1;
}

@keyframes medico {
    0%{transform: translateY(0%) translateX(0);}
    100%{transform: translateY(-110%) translateX(0);  
}
}


/* [prueba] */
.prueba label{
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-delay: 0s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
    animation-name:prueba;
    background-color: white;
    z-index: 1000;
    font-size: 12px;
    color: #0f70b8;
    opacity: 1;
}

@keyframes prueba {
    0%{transform: translateY(0%) translateX(0);}
    100%{transform: translateY(-110%) translateX(0);}
}


.activacion-prueba:focus{
    outline-offset: -2px;
}

.activacion-prueba:blur{
    outline-offset: -2px;
}

.select2-selection{
    background: transparent!important;
    height: 5rem!important;
    border: 2px solid white!important;
    border-radius: 0.2rem!important;
    padding: 0 3rem;
}

.select2-selection__choice{
    color: white!important;
    background: #0963a5!important;
    border: none!important;
    font-size: 1.5rem!important;
}

.select2-container{
    width: 100%!important;
}

.select2-selection__choice__remove{
    color: white!important;
    font-weight: normal!important;
    margin-right: 0.5rem!important;
}

        .lista{
            position: absolute;
            background: white;
            width: 100%;
            list-style: none;
            z-index: 2;
            max-height: 15rem;
            overflow: auto;
        }

        .lista li{padding: 1rem 3rem;}
        .lista a{text-decoration: none;}
        .lista li:hover{
            background-color: rgba(0, 0, 0, 0.5);
            color: white;
        }

/* .select2-selection__choice[data-select2-id="3"], .select2-selection__choice[data-select2-id="16"]{
    display: none;
} */

.option-display-none{
    display:none!important;
}

.select2-selection__rendered li:first-child{
    display: none;
}

.select2-selection__choice{}

/* Registro tablet */
@media only screen and (max-width: 1024px) and (min-width: 768px){
    .registry-padding-5{padding: 0 5rem;}

    .cont-info-registry{
        width: 20rem;
    }

    .registry_page{
        display: grid;
        grid-template-columns: auto auto;
        column-gap: 7rem;
        margin-top: 8rem;
    }

    .cont-registry{
        padding: 4.5rem 3.5rem;
    }

    .registry_cont_button_doctor{
        display: grid;
        grid-template-columns: 48% 48%;
        column-gap: 4%;
    }

    .registry_button_back, .registry_button_finish {
        width: 100%;
    }

    .registry_label_sex, .registry-text-general, .registry_input_style, .mostrar, .registry_boxs_text, .registry_button_next, .registry_label_medico, .registry_label_patient {
        font-size: 1.3rem;
    }

    .cont-registry input{
        padding: 0 1rem;
    }

    .mostrar{
        left: 1rem;
    }

    .registry-title, .registry_title{
        font-size: 2.3rem;
    }
    
    /* .registry_button_next{
        width: 14.5rem;
        height: 4rem;
    } */
}

@media only screen and (max-width: 767px){
    .registry-padding-5{
        padding: 0 2rem;
    }
    .registry_page{
        display: block;
        margin-top: 3rem;
    }

    .cont-registry {
        padding: 4.5rem 2.5rem;
        margin-top: 2rem;
    }

    .registry_cont_button_doctor {
        display: grid;
        grid-template-columns: 48% 48%;
        justify-content: flex-end;
        column-gap: 4%;
    }

    .registry_button_back, .registry_button_finish {
        width: 100%;
    }

    .cont-info-registry {
        width: 100%;
    }

    .cont-info-registry section{
        display: none;
    }

    .registry_sec2 {
        display: flex;
        flex-direction: column;
    }

    .female-man{
        height: 5rem;
        margin-top: 2rem;
    }

    .registry_button_next{
        width: 13rem;
    }

    .mostrar{
        font-size: 1.4rem;
    }
}























/* framework modal buscamed */
.display-block-into-buscamed{
    display: block!important;
}

.display-none-into-buscamed{
    display: none!important;
}

.button-modal1{
    display: flex;
    justify-content: flex-end;
    font-size: 3rem;
    padding: 2.5rem 2rem;
    background-color: transparent;
    border: none;
    outline: transparent;
}

.button-modal2{
    position: absolute;
    display: flex;
    align-content: center;
    bottom: 2rem;
}

.button-modal2 p{
    margin-left: 1rem;
    margin-bottom: 0;
}

.cont-modal{
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    background-color: rgba(0,0,0, 0.6);
    z-index: 99999;
}

.home-modal-entrar{
    background-image: url(../imagenes/background-img-modal.svg);
}

.home-modal-verificar{
    background-image: url(../imagenes/background-img-modal2.svg);
    position: relative;
}

.home-modal-verificar, .home-modal-entrar{
    width: 750px;
    height: 535px;
    border-radius: 7px;
    box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.1);
    background-color: #ffffff;  
    margin: auto;
    background-repeat: no-repeat;
    background-position: bottom right; 
}

.title-font-modal{
    /* width: 360px; */
    margin-bottom: 3rem;
    /* height: 42px; */
    font-family: "Rubik";
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0f70b8;
    margin: 0;
}

.modal-input-con{
    width: 386px;
    display: grid;
    grid-template-rows: auto auto auto auto;
    row-gap: 2.3rem;
    margin-top: 3rem;

    
}


.overflowHidden{
    overflow: hidden!important;
}


.button-modal{
    width: 386px;
    height: 52px;
    border-radius: 4px;
    background-color: #2dd4ac;  
    font-family: Rubik;
    font-size: 17px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.3px;
    color: #ffffff;
    border: none;
    outline: transparent;
}

.home-modal-section1{
    display: flex;
    justify-content: flex-end;
}

.home-modal-section2{
    padding: 0 7rem;
}

.input-focus-buscamed{
    width: 100%;
    font-family: Rubik;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #6a6a6a;
}

.input-focus-buscamed:focus{
    outline: -webkit-focus-ring-color auto 5px;
    outline-color: #2dd4ac;
    outline-style: auto;
    outline-width: 5px;
}   

.modal-input-con input{
    height: 52px;
    border-radius: 4px;
    border: solid 2px #c9c9c9;
    background-color: white;
    padding: 2rem;
    color: black;
    outline:0;
}
.modal-input-con label::after{
    content:attr(data-placeholder);
}
.modal-input-con label{
    position: absolute;
    left: 2rem;
    top: 25%;
    font-family: Rubik;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.3px;
    color: #6a6a6a;
    transition:all 0.4s ease-in-out;
    user-select: none; 
    padding:0.2rem 0.5rem;
  
}

.label{
    padding: 0;
}

.label-display{
    display: flex;
    
}

.cont-icon{
    position: absolute;
    right: 1.5rem;
    height: 100%;
    display: flex;
    align-items: center;
}


.modal-input-con input:focus + label{
    transform: translateY(-110%) translateX(0);
    background-color: white;
    z-index: 1000;
    font-size: 12px;
    color: #0f70b8;
}

.modal-input-con input:valid + label{
    transform: translateY(-110%) translateX(0);
    background-color: white;
    z-index: 1000;
    font-size: 12px;
    color: #0f70b8;
    }

.label label[data-placeholder]{
    pointer-events: none;
}

/* .label{
    margin-top: 3rem;
}

.label label::after{
    content:attr(data-placeholder);
    display:block;
    position:absolute;
    top:50%;
    left:2rem;
    transform: translate(0%, -50%);
    transition:all 0.5s ease-in-out;
    padding:0 0.25rem;
    background-color:rgba(255,255,255,0);
    color: #6a6a6a;
    font-family: Rubik;
    font-size: 16px;
}

.label label[data-placeholder]::after{
    transform: translate(-5%, -200%) scale(0.9, 0.9);
    color:green;
    background-color:rgba(255,255,255,1);
} */

.iconos{
    color: #6a6a6a;
    font-size:2rem;
}






























@media only screen and (min-width: 1280px){

    /** Inicio css **/
    .header{
    min-height: 74.6rem;
    padding: 0 0 8rem 0;
    /* 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;
    }

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

    .klk-eoh{
        height: 80rem;
    }

    .jaut{
        position: fixed;
        z-index: 2px;
        top:0;
        background: red;
        box-shadow: 0 5px 7px 3px rgba(0, 0, 0, 0.13);
        margin-top: 74.6rem;
    }

    .back-img{
        background-image: url(../imagenes/background-img.svg);
        position: absolute;
        background-repeat: no-repeat;
        background-position: 81% 100%;
        background-attachment: fixed; 
        -moz-background-attachment: fixed; 
        width: 100%;
        height: 100%;
        z-index:-1;
    }

    @-moz-document url-prefix() {
        .back-img {background-attachment: inherit;} 
    }

    /* .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{
        font-family: HelveticaNeue;
        font-size: 4.1rem;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: -1.6px;
        color: #ffffff;
        margin: 0rem;
    }

    .entrar{
        width: 14.2rem;
        height: 4.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: 17rem;
        height: 4.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 34.5rem 0rem 34.5rem;
        margin-top: 18rem;
    }

    .contenedor-buscador h1{
        color: #ffffff;
    }

    .buscador{
        width: 100%;
        height: 7.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: 5.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: 15.1rem;
        height: 5.3rem;
        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;
    }

    /** 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: 45px;
        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: 21px;
        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: 35px;
        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: 23rem;  
    }

    .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: 25px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
    }

    .recuadro-parrafo{
        font-family: HelveticaNeue;
        font-size: 16px;
        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: 23rem;  
    }


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

    /** 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{
        height: 19rem;
        align-items: center;
        justify-content: space-between;
        border: solid 1px #e6e6e6;
        margin-top: 15rem;
        display: grid;
        grid-template-columns: 50% 50%;
        padding: 0 15rem 0 15rem;
    }

    .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;
    }
    .Sec-1-xs{
        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;
    }








    .swiper-container{
        overflow:inherit!important;
    }

    .swiper-wrapper{
        transform: ;
    }

    .swiper-slider-active{

    }

    .samuel33{
        display:none;
    }
    }



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

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

                    /** Inicio css **/
                    .header{
                        min-height: 74.6rem;
                        opacity: 0.91;
                        padding: 0 0 8rem 0;
                        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;
                    }

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

                                        /** version tablet minimo y maximo **/

                                        @media only screen and (max-width: 992px) and (min-width: 768px){

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

                                        .header{
                                            min-height: 74.6rem;
                                            padding: 0 0 8rem 0;
                                            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: 0% 63%;
                                            background-attachment: fixed; 
                                            background-size: 100%;
                                            width: 100%;
                                            height: 100%;
                                            z-index:-1;
                                        }

                                        .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;
                                        }
                                        /** framework **/
                                        .padding-45-105{
                                            padding: 0 4rem 0 8.5rem;
                                        }
                                        
                                        .container-sm{
                                            width: 100%!important;
                                            padding: 0 10rem 0 1rem;
                                        }

                                        /** buscador **/
                                        .contenedor-buscador{
                                            padding: 0rem 10.5rem 0rem 10.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;
                                        }


                                        /** article header **/
                                        .article-home{
                                            padding: 10rem 0 0 0;
                                        }

                                        .Cont-asistencia-historial{
                                            position: relative;
                                            height: 21.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: 2rem;
                                            padding-right: 2rem!important;
                                            padding-left: 0!important;
                                        }

                                        .Cont-article::after{
                                            display: none!important;
                                        }

                                        .Cont-article::before{
                                            display: none!important;
                                        }

                                        .titulo-article1{
                                            margin-top:4rem;
                                            font-family: HelveticaNeue;
                                            font-size: 2.5rem;
                                            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: 2.5rem;
                                            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: 1.5rem;
                                            font-weight: normal;
                                            font-style: normal;
                                            font-stretch: normal;
                                            line-height: 1.25;
                                            letter-spacing: -0.03rem;
                                            color: #6a6a6a;
                                        }

                                        .img-articles{
                                            width: 4rem;
                                            height: 4rem;
                                            margin-left: 3.2rem;
                                            margin-top: 4rem;
                                        }

                                        .flecha-mas{
                                            width: 4rem;
                                            height: 4rem;
                                            right: 2.3rem;
                                            bottom: 2rem;
                                        }

                                        /** Recuadro - empieza a usar buscamed **/
                                        .Sec-1{
                                            padding: 0 12% 0 12%;
                                            display: flex;
                                            flex-direction: column;
                                            align-items: center;
                                        }
                                    
                                        .Sec-1 h1{
                                            font-family: Rubik;
                                            font-size: 3.5rem;
                                            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.7rem;
                                            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: 42rem;  
                                        }

                                        .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;
                                            -webkit-hyphens: auto; 
                                            -moz-hyphens: auto; 
                                            -ms-hyphens: auto; 
                                            hyphens: auto; 
                                        }

                                        .recuadro-parrafo{
                                            font-family: HelveticaNeue;
                                            font-size: 1.3rem;
                                            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: 42rem;   
                                        }


                                        .secciones-tittles2{
                                            font-family: Rubik;
                                            font-size: 3rem;
                                            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;
                                        }



                                        }


/** ======= Version Movil =======> **/
@media only screen and (max-width: 767px){

    /** framework **/
    .padding-1{
        padding: 0 1.7rem 0 1.7rem;
    }

    .display-xs{
        display: flex;
        justify-content: center;
    }

    .margin-0-xs{
        margin: 0!important;
    }

    .padding-0-xs{
        padding: 0;
    }

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

    /** header **/

    .header{
        min-height: 51.5rem;
        padding: 0 0 8rem 0;
        z-index: 2;
        opacity: inherit;
        /* 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/version-movil/background-img-xs.svg);
        position: absolute;
        /* opacity: 0.91; */
        background-repeat: no-repeat;
        background-position:50% 18.5rem;
        background-attachment: fixed; 
        background-size: 100%;
        width: 100%;
        height: 100%;
        z-index:-1;
    }

    .contenedor-nav{
        width: 100%!important;
        height: 5.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{
        font-family: HelveticaNeue;
        font-size: 2.4rem;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: -1.6px;
        color: #ffffff;
        margin: 0rem;
    }
             
    .background-img-xs{
        position: absolute;
        z-index: -1;
        width: -webkit-fill-available;
    }

    .buscamed-xs{
        font-family: Rubik;
        font-size: 2.4rem;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: -1.2px;
        color: #ffffff; 
    }

    /** boton-hamburger **/
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{
        background-color: #fff!important;
        width: 3rem;
        right: 0;
    }

    .contenedor-busqueda{
        margin-top: 3rem;
    }

    .contenedor-buscador-xs{
        margin-top: 9.6rem;
    }

    .contenedor-buscador-xs h1{
        font-family: Rubik;
        font-size: 2.7rem;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
    }

    .contenedor-busqueda-xs{
        margin-top: 3rem;
    }

    .contenedor-botones-xs{
        display: flex;
        margin-top:0.8rem;
    }

    /** buscador **/
    .contenedor-buscador{
        position: absolute!important;
        /* margin-top: 15.4rem; */
        width: 100%;
        padding: 0 1.7rem 0 1.7rem;
    }

    .contenedor-buscador h1{
        margin-top: 0;
        font-family: Rubik;
        font-size: 2.7rem;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
    }

    .buscador{
        width: 100%;
        height: 5.2rem;
        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 1.7rem 0rem 1.7rem;
    }

    .buscador h1{
        font-family: Work Sans;
        font-size: 5.3rem;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
    }

    .contenedor-botones{
        display: flex;
        margin-top:0.8rem;
    }

    .boton{
        width: 15.1rem;
        height: 3rem;
        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: 1.3rem;
        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;
    }

    .busqueda-rapida{
        margin-top: 3rem!important;
        font-family: Rubik;
        font-size: 16px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #ffffff;
    }
    /** primera seccion **/
    .mujer-xs{
        z-index: -1;
        top: 29%;
        right:0;
    }
    .article-home{
        padding: 3rem 0 0 0;
    }

    .Sec-1{
        padding: 0 1.9rem 0 1.9rem;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .Sec-1 h1{
        font-family: Rubik;
        font-size: 2.5rem;
        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.4rem;
        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: flex;
        flex-direction: column;
        margin-top: 1.6rem;
    }

    .contenedor-button button:last-child{
        margin-top: 1.5rem;
    }

    .contenedor-button button{
        width: 26.7rem;
        height: 4.6rem;
        border:none;
        border-radius: 3px;
        cursor: pointer;
        margin:auto;
    }

    .contenedor-button button p{
        color: #fff;
    }

    .parrafos-xs{
        font-family: HelveticaNeue;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: -0.2px;
        text-align: center;
        color: #6a6a6a;
    }

    .start_info{
        margin-top: 0rem;
    }

    /** botones para la pagina **/
    .button-xs{
        width: 267px;
        height: 46px;
        border-radius: 3px;
        margin: auto;
        border: none;
    }

    .recuadro-boton{
        border-radius: 0px;
        width: 100%;
        border: none;
        background-color: #ffffff;
        height: 6.8rem;
    }

    .recuadro-boton:hover{
        border: none;
    }

    .boton2{
        width: 100%;
        height: 6.8rem;
        border-radius: 4px;
        border: solid 2px #2dd4ac;
        background-color: #ffffff;
    }

    .boton2 p{
        font-family: Rubik;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2dd4ac;
    }

    .recuadro-boton2{
        border-radius: 0px;
        width: 100%;
        border: none;
        background-color: #ffffff;
        height: 6.8rem;
    }

    .recuadro-boton2:hover{
        border: none;
    }

    .boton3{
        width: 100%;
        height: 6.8rem;
        border-radius: 4px;
        border: solid 2px #0f70b8;
        background-color: #ffffff;
    }

    .boton3 p{
        font-family: Rubik;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #0f70b8;
    }

    .button-xs p{
        font-family: Rubik;
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: -0.2px;
        text-align: center;
        color: #ffffff;
    }

    /* .button-xs-2{
        width: 339px;
        height: 68px;
        border-radius: 4px;
        border: solid 2px #2dd4ac;
        background-color: #ffffff;
    }

    .button-xs-2 p{
        font-family: Rubik;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2dd4ac;
    } */

    .button-xs-3{
        width: 339px;
        height: 68px;
        border-radius: 4px;
        border: solid 2px #0f70b8;
        background-color: #ffffff;
    }

    .button-xs-3 p{
        font-family: Rubik;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #0f70b8;
    }

    .button-xs-4{
        width: 100%;
        height: 68px;
        border-radius: 4px;
        padding-left: 2.8rem;
        padding-right: 1.1rem;
        border: none;
    }

    .button-xs-4 img{
        left:0.7rem;
        top: 0.7rem;
    }

    .button-xs-4 p{  
        font-family: Rubik;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 0.94;
        letter-spacing: normal;
        color: #ffffff;
    }

    .div-button-xs-2{
        padding: 0 1.7rem 0 1.7rem;
        width: 100%;
    }

    /** contenedor xs **/
    .contenedor-button-xs{
        display: grid;
        grid-row-gap: 1rem;
        flex-direction: column;
    }

    .contenedor-button-xs-2{
        display: flex;
        justify-content: center;
        width: 100%;
        bottom: 0;
    }

    /** contenedor slider **/
    .contenedor-slider{
        /* padding: 0 1.7rem 0 1.7rem; */
        padding-top: 17.9rem;
    }
    .contenedor-slider h1{
        width:16.3rem;
        font-family: Rubik;
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #2dd4ac;
    }

    /** contenedor slider2 **/
    .Sec-2-xs{
        margin-top: 6rem;
    }

    .contenedor-slider2{
        /* padding: 17.9rem  1.7rem 0 1.7rem; */
        padding-top: 17.9rem;
    }
    .contenedor-slider2 h1{
        width:16.3rem;
        font-family: Rubik;
        font-size: 20px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        color: #0f70b8;
    }

    .doctors-xs{
        z-index: -1;
        width: -webkit-fill-available;
    }


    /** swipper slider **/
    .swiper-container .swiper-wrapper{
        height: 29rem;
        padding: 0 1.7rem 0 1.7rem;
    }

    .swiper-slide{
        width: 24.4rem!important;
        display: flex!important;
        align-content: center!important;
    }

    .swiper-slide:active{

    }
    .cuadros-slider{
        width: 24.4rem;
        height: 25rem;
        padding: 2.5rem 2rem 2.5rem 2rem;
        margin-top: 1.3rem;
        object-fit: contain;
        border-radius: 4px;
        box-shadow: 0 2px 14px 3px rgba(0, 0, 0, 0.11);
        background-color: #ffffff;
    }

    .recuadro-title{
        font-family: Rubik;
        font-size: 18px;
        font-weight: bold;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;  
    }

    .recuadro-parrafo{
        font-family: HelveticaNeue;
        font-size: 14px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.5;
        letter-spacing: -0.2px;
        color: #6a6a6a;
    }

    /** background-play **/
    .background-play{
        background-image: url(../imagenes/version-movil/background-play.svg);
        height: 27.9rem;
        margin-top: 6.6rem;
        background-repeat: no-repeat
    }

    /** Contenedor-app-xs **/
    .contenedor-app-xs{
        padding: 0 2.7rem;
        height: 23.3rem;
        display:grid;
        grid-template-columns: 50% 50%;
    }

    .mano-xs{
        bottom: 0;
        right: 1rem;
    }

    .cont-img-store-google{
        bottom: 3rem;
        left: 1rem;
    }

    /** footer **/
    .footer-xs{
        padding: 0 2.3rem 0 2.3rem;
        text-align: center;
        height: 16.3rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        border-top: solid 1px #e6e6e6;
    }

    .footer{
        margin: 0;
        text-align: center;
        height: auto;
        display: flex;
        flex-direction: column-reverse;
        justify-content: center;
        border: none;
    }

    .imagenes-footer{
        margin-top:10.5rem;
        display: flex;
        justify-content: flex-end;
    }

    .footer-info{
        height: 19.3rem;;
        padding: 0 2.3rem 0 2.3rem;
        border-top: solid 1px #e6e6e6;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .imagenes-footer div{
        position: inherit!important;
    }

    .footer-xs p{
        font-family: Rubik;
        font-size: 16px;
        font-weight: normal;
        font-style: normal;
        font-stretch: normal;
        line-height: 1.31;
        letter-spacing: normal;
        text-align: center;
        color: #6a6a6a;
    }

    .contenedor-menu-xs{
        display:flex;
        justify-content: space-between;
    }


    .background-fixed-xs{
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        margin-top:4rem;
        z-index: 2;
        background: rgba(0, 0, 0, 0.5);
        /* transition: ease-in-out 0.9s; */
    }
    .contenedor-lista-menu{
        width: 100%;
        height: 100%;
        left: 100%;
        position: fixed;
        margin-top:4rem;
        z-index: 2;
        display: flex;
        /* transition: ease-in-out 0.1s; */
        /* background: rgba(0, 0, 0, 0.5); */
    }

    .ocultar-menu{
        height: 100%;
        width: 50%;
        background:transparent;
    }

    .lista-menu{
        list-style: none;
        text-decoration: none;
        width: 50%;
        background-color:#fff;
        height: calc(100% - 5.5rem);
        position: absolute;
        right:0;
        overflow: scroll;
    }

    .lista-menu li{
        display: block;
        background-color:#fff;
        border-bottom: 2px solid rgba(210,210,210,0.5)
    }

    .lista-menu li:last-child{
        border: none;
    }

    .lista-menu li:hover{
        background-color: rgba(0, 0, 0, 0.2);
    }

    .lista-menu li a{
        height: 6rem;
        display: flex!important;
        padding-left:2rem;
        align-items: center;
    }

    .lista-menu li a p{
        margin: 0;
        color: #0f70b8;
        font-size: 1.7rem;
        font-weight: bold;
    }

    .lista-menu li a{
        width: 100%;
        display: block;
    }

    .lista-menu li ul{
        position: relative;
        display: none;
    }

    .lista-menu-registrate{
        display: flex;
    }

    .lista-menu-registrate p{
        color: #0f70b8;
        font-size: 1.7rem;
        font-weight: bold;
    }

    .cont-icon{
        padding: 2rem;
        display: grid;
        grid-template-columns:50% 50%;
    }

    .icon{
        display: flex;
        justify-content: flex-end;
    }

    .icon span{
        color: #0f70b8;
    }

    .sam li{
        background:rgba(0, 0, 0, .5);
        padding-left: 2rem;
        text-decoration: none;
    }

.samuel33{
    display: block;
}

.menu-fixed-xs{
    position: fixed;
    z-index: 1000;
    top:0;
    background: #0f70b8;
    box-shadow: 0 5px 7px 3px rgba(0, 0, 0, 0.13);
    /* width: 100%;
    max-width: 1000px; */
}

#cont-table{
    height: 39rem;
    width: 100%;
    overflow-y: visible;
    overflow-x: hidden;
    margin-top:0.5rem;
    position: absolute;
    box-shadow: 0 5px 7px 3px rgba(0, 0, 0, 0.13);
    display: none;
    
}
.tabla{
    width: 100%;
}

.tablas{
    display: flex;
    justify-content: space-between;
    padding: 2rem 1.6rem 2rem 1.6rem;
    background-color: #fff;
    border: solid 1px #e5e5e5;
}

.tablas:hover{
    background-color: #f7f7f7;
}

.tablas div:last-child{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tablas-perfil-nombre{
    display: flex;
    align-items: center;
}

.tablas-perfil-nombre img{
    widows: 5.5rem;
    height: 5.5rem;
}

.tablas-perfil-nombre div{
    margin-left: 1.4rem; 
}

.tablas-nombre{
    font-family: Rubik;
    font-size: 1.3rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1px;
    color: #0f70b8;
}

.tablas-cargo{
    font-family: Rubik;
    font-size: 1.3rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1px;
    color: #8b8b8b;
}

.tablas-distrito{
    font-family: Rubik;
    font-size: 1.3rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -1px;
    color: #8b8b8b;
}

.tablas-disponibilidad{
    font-family: Rubik;
    font-size: 1.4rem;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.9px;
    color: #2dd4ac;
}

.contenedor-whatsapp{
    display: flex;
    margin-bottom: 1rem;
    /* margin-left: 1rem; */
    margin-right: 
}

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

.overflowHidden{
    overflow: hidden!important;
}

.modal-dialog{
    margin-top: 8rem;
    width: -webkit-fill-available;
}

.modal-content{
    background: transparent;
    border: none;
    box-shadow: none;
}

.model-content span{

}

.modal-header{
    background: transparent;
    border-bottom: none;
}

.modal-body{
    display: flex;
    justify-content: center;
}

.modal-body iframe{
    width: -webkit-fill-available;
    height: 364px;
}

.modal-footer{
    border-top:none;
}

.telefono{
    padding: 0.5rem;
}