@font-face{
    font-family:Proxima Nova;
    src:url(/logic/pages/asesoroficinavirtualempresa/assets/Proxima_Nova_Regular-ZMiokYkv.otf),url(/logic/pages/asesoroficinavirtualempresa/assets/Proxima_Nova_Extrabold-MyhNctk8.otf);
    src:url(/logic/pages/asesoroficinavirtualempresa/assets/Figtree-VariableFont_wght.ttf),url(/logic/pages/asesoroficinavirtualempresa/assets/Figtree-Italic-VariableFont_wght.ttf)
}
:root{
    --keralty-neutral-gray0: #ffffff;
    --keralty-gray200: #e4e4e4;
    --keralty-gray500: #dbdbdb;
    --keralty-gray700: #757575;
    --keralty-gray900: #212121;
    --keralty-main-blue: #002f87;
    --keralty-main-blue2: #003d53;
    --keralty-secondary-blue: #0071ce;
    --keralty-secondary-blue2: #0069a7;
    --keralty-third-blue: #0099d1;
    --keralty-green: #008767;
    --keralty-footer-darkblue: #006699;
    --keralty-softgreen: #e7fff9;
    --keralty-softblue: #e5faff;
    --keralty-semantics-error: #b50303;
    --keralty-proxima-nova-main-font: "Figtree", sans-serif;
    --keralty-roboto-secundaria-font: "Roboto", sans-serif;
    --keralty-medium-font: 22px;
    --keralty-small-font: 14px;
    --keralty-large-font: 32px
}
*{
    margin:0;
    padding:0;
    box-sizing:border-box
}
html{
    font-size:62.5%
}
body{
    font-family:var(--keralty-proxima-nova-main-font);
    font-style:normal;
    font-size:1.6rem
}
input[type=number]{
    -webkit-appearance:unset;
    appearance:unset;
    -moz-appearance:textfield
}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{
    -webkit-appearance:none;
    margin:0
}
input:-webkit-autofill{
    background-color:transparent
}
input:-moz-autofill{
    background-color:transparent
}
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    background-image:url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="6,9 12,15 18,9"></polyline></svg>');
    background-repeat:no-repeat;
    background-position:right 15px center;
    background-size:16px 16px
}
.inputBox{
    display:flex;
    flex-direction:column;
    margin:0 0 10px 20px;
    width:50%;
    gap:10px
}
.docNumber{
    width:46%
}
.inputBox .fileInput{
    flex-direction:column
}
label{
    font-family:var(--keralty-proxima-nova-main-font);
    font-size:var(--keralty-small-font);
    color:var(--keralty-gray900)
}
.mandatory,.errorInput{
    color:var(--keralty-semantics-error)
}
input,select{
    font-size:var(--keralty-small-font);
    font-family:var(--keralty-proxima-nova-main-font);
    padding:8px 20px 8px 10px;
    border:1px solid var(--keralty-gray700);
    max-height:34px
}
.doc-num:disabled{
    background-color:var(--keralty-gray500)!important;
    color:var(--keralty-gray700)!important
}
input:focus{
    transition:.5s;
    border:1px solid var(--keralty-main-blue);
    outline:none;
    background-color:transparent;
    max-height:34px
}
@media (min-width: 451px) and (max-width: 1750px){
    .docNumber,.service-type{
        width:48%
    }
}
@media (min-width: 1281px) and (max-width: 1536px){
    .docNumber{
        width:46%
    }
    .service-type{
        width:47%
    }
}
@media (min-width: 451px) and (max-width: 1280px){
    .inputBox{
        width:100%;
        margin:0 0 12px
    }
}
@media (max-width: 450px){
    .inputBox{
        width:100%;
        margin:0 0 12px
    }
    .docNumber,.service-type{
        width:100%
    }
}
input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{
    -webkit-box-shadow:0 0 0 30px white inset!important;
    -webkit-text-fill-color:var(--keralty-gray700)
}
.schedule-container{
    background-color:var(--keralty-softblue);
    width:100%;
    padding:6px;
    margin:18px 0 9px
}
.schedule-content{
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:4px
}
.div-header{
    display:flex;
    align-items:center;
    gap:1rem
}
.schedule-icon{
    padding:2px
}
.schedule-title{
    color:var(--keralty-main-blue2);
    font-weight:700;
    font-size:var(--keralty-small-font);
    font-style:normal;
    line-height:1.9rem
}
.schedule-info{
    color:var(--keralty-main-blue2);
    font-size:var(--keralty-small-font);
    font-weight:400;
    font-style:normal;
    line-height:19px
}
.out-of-time-icon-cont{
    display:flex;
    margin-bottom:10px
}
.out-of-time-icon{
    margin:0 auto
}
.out-of-time-title,.out-of-time-paragraph{
    text-align:center
}
.overlay{
    position:absolute;
    width:100%;
    top:50%;
    background-color:#16161688;
    z-index:1
}
.modal-window{
    width:80%;
    margin:auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    padding:15px;
    color:var(--abc-negro-fuente);
    z-index:3;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    background-color:#fff;
    border:1px solid #ccc;
    box-shadow:0 2px 10px #0000001a
}
.overlay{
    display:flex;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#00000080;
    z-index:2;
    border:none
}
.modal.show,.overlay.show{
    display:block
}
.close{
    display:none
}
.modal-window h2{
    text-align:left;
    width:100%;
    padding:12px;
    color:var(--abc-azul-principal);
    font-weight:600
}
.modal-window h4{
    text-align:left;
    font-weight:500;
    width:100%;
    padding:12px
}
.modal-window .price-label{
    font-weight:600;
    text-decoration:none
}
#recomendations-title{
    text-decoration:none;
    font-weight:600;
    font-size:2.3rem;
    color:var(--abc-azul-principal);
    width:100%;
    padding:12px 12px 4px
}
.modal-window .recomendations-paragraph{
    font-size:1.8rem;
    text-align:justify;
    padding:2px 12px 8px;
    width:100%
}
.modal-window .modal-btn{
    margin-top:15px
}
.modal-window .delete-btn{
    background-color:#fff;
    border:none;
    cursor:pointer
}
.modal-window .delete-icon{
    width:30px;
    height:30px
}
.loader{
    width:22px;
    height:22px;
    border:5px solid #fff;
    border-bottom-color:transparent;
    border-radius:50%;
    display:inline-block;
    box-sizing:border-box;
    animation:rotation 1s linear infinite
}
.modalLoader{
    margin-left:5px;
    width:22px;
    height:22px;
    border:5px solid #003d53;
    border-bottom-color:transparent;
    border-radius:50%;
    display:inline-block;
    box-sizing:border-box;
    animation:rotation 1s linear infinite
}
@keyframes rotation{
    0%{
        transform:rotate(0)
    }
    to{
        transform:rotate(360deg)
    }
}
.btn-container{
    width:100%;
    display:flex;
    place-items:center;
    justify-content:center;
    margin-top:18px;
    margin-bottom:32px
}
.primary-button{
    background-color:var(--keralty-green);
    color:var(--keralty-neutral-gray0);
    font-weight:600;
    font-family:Figtree,sans-serif;
    padding:12px 30px;
    font-size:1.6rem;
    display:flex;
    gap:10px;
    border:none;
    border-radius:22px;
    width:auto;
    cursor:pointer;
    align-items:center
}
.primary-button:disabled{
    background-color:var(--keralty-gray200);
    color:var(--keralty-gray700);
    font-weight:600;
    line-height:19px;
    letter-spacing:.48px;
    cursor:default
}
.no-border-primary{
    background-color:transparent;
    color:var(--keralty-secondary-blue);
    font-family:var(--keralty-proxima-nova-main-font);
    font-weight:600;
    padding:8px 20px;
    font-size:1.6rem;
    text-transform:uppercase;
    cursor:pointer;
    border-color:transparent
}
.no-border-primary:hover{
    transition:.4s;
    background-color:#d8d8d8;
    border-radius:5px
}
.blue-primary-btn{
    background-color:transparent;
    color:var(--keralty-secondary-blue);
    font-weight:600;
    font-family:var(--keralty-proxima-nova-main-font);
    padding:12px 20px;
    font-size:1.6rem;
    display:flex;
    gap:10px;
    border:none;
    border-radius:22px;
    width:auto;
    cursor:pointer;
    align-items:center
}
.blue-primary-btn:hover{
    transition:.4s;
    background-color:#d8d8d8;
    border-radius:5px
}
.secondary-button{
    color:gray;
    text-transform:uppercase;
    background-color:transparent;
    outline:none;
    border-color:transparent;
    font-weight:700;
    cursor:pointer;
    padding:12px 15px;
    display:flex;
    align-items:center
}
.secondary-button:hover{
    transition:.4s;
    background-color:#d8d8d8;
    border-radius:5px
}
.base-modal{
    background:#fff;
    padding:10px 40px 40px;
    border-radius:8px;
    max-width:600px;
    width:100%;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
    gap:10px;
    place-items:start;
    margin:auto
}
.modal-header{
    width:95%;
    display:flex;
    align-items:center;
    justify-content:start;
    padding-top:25px;
    gap:15px;
    margin-bottom:5px
}
.underline{
    width:95%;
    padding-bottom:10px;
    border-bottom:1px solid gainsboro
}
.modal-footer{
    width:95%;
    display:flex;
    justify-content:end
}
@media (width < 400px){
    .modal-link{
        margin-left:-10px;
        font-size:small
    }
}
.right-side{
    display:flex;
    padding:52px 40px 0;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:8px;
    align-self:stretch;
    min-height:78vh
}
.bold{
    font-weight:700
}
.top{
    width:100%
}
.top h1{
    color:var(--keralty-secondary-blue2)
}
.pre-form-paragraph{
    font-size:1.4rem;
    padding:4px;
    width:100%;
    margin-bottom:15px
}
.form{
    width:100%
}
.caja,.caja-3{
    margin-top:7px;
    margin-bottom:7px;
    width:100%;
    display:flex;
    justify-content:center;
    padding-right:5px
}
.find-icon-cont{
    width:30px;
    height:34px;
    display:flex;
    align-items:center;
    padding:4px;
    margin-top:27px;
    margin-left:5px;
    border:.5px solid #000;
    background-color:var(--keralty-third-blue);
    cursor:pointer
}
.find-icon-cont-disabled{
    width:30px;
    height:34px;
    display:flex;
    align-items:center;
    padding:4px;
    margin-top:27px;
    margin-left:5px;
    background-color:var(--keralty-gray500);
    border:.5px solid #000
}
.caja input:disabled,.caja-3 input:disabled{
    background-color:var(--keralty-gray200);
    color:var(--keralty-gray700);
    font-weight:700
}
.captchaBox{
    margin-top:15px;
    display:flex;
    justify-content:center
}
.checkInput{
    width:100%;
    display:flex;
    gap:10px;
    margin:20px 0 20px 30px
}
.btn-container{
    width:100%;
    display:flex;
    margin:20px 0;
    justify-content:center
}
.btn-container .ingresar-btn{
    font-size:large;
    display:flex;
    align-items:center;
    gap:15px;
    padding:10px 40px;
    font-family:Figtree,sans-serif;
    border-radius:20px;
    border:none;
    background-color:var(--keralty-third-blue);
    color:var(--keralty-neutral-gray0);
    cursor:pointer
}
.btn-container .ingresar-btn svg{
    width:20px
}
.ingresar-btn:disabled{
    background-color:var(--keralty-gray500);
    color:var(--keralty-gray700);
    font-weight:600;
    font-family:Figtree,sans-serif;
    cursor:default
}
.copyright-cont{
    justify-content:center;
    margin-bottom:2%;
    font-size:14px;
    font-family:Figtree,sans-serif;
    font-weight:700
}
@media (width < 1300px){
    .caja,.caja-3{
        flex-wrap:wrap;
        gap:10px
    }
    .caja-3 input:disabled{
        margin:0
    }
    .department,.city,.service-type{
        max-width:100%
    }
    .find-icon-cont-disabled,.find-icon-cont{
        display:none
    }
}
.img-base-modal{
    background:#1f1e1e!important;
    background:var(--keralty-neutral-gray0);
    padding:0 0 10px;
    border-radius:8px;
    max-width:600px;
    width:100%;
    display:flex;
    flex-direction:column;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin:auto
}
.image-modal{
    width:100%;
    height:70%;
    padding:0;
    object-fit:cover
}
.modal-btn-container{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:auto;
    font-family:Figtee,sans-serif
}
.modal-btn-img{
    background-color:var(--keralty-third-blue);
    color:#f5f5f5;
    border-radius:20px
}
.modal-btn-img:hover{
    background-color:var(--keralty-third-blue);
    transition:.4s;
    border-radius:10px
}
@media (max-width: 450px){
    .base-modal{
        width:85%;
        padding:0 0 10px
    }
    .image-modal{
        width:100%;
        object-fit:cover
    }
}
.main-cont figure{
    width:60px;
    height:60px;
    flex-shrink:0;
    background-color:#fff;
    display:flex;
    place-items:center;
    border-radius:100%;
    overflow:hidden
}
.main-cont a{
    text-decoration:none;
    color:#fff;
    text-align:center
}
.main-cont figure img{
    width:100%;
    height:100%
}
#cellphone,#whatsapp{
    width:100%;
    height:85%
}
#kiosco{
    width:100%;
    height:75%
}
.icon-cont{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:10px;
    width:100%
}
.icon-cont p:nth-child(1){
    text-align:left;
    padding:0 30px 0 0
}
.main-cont p{
    margin:0 15px
}
.second-main-cont figure{
    width:60px;
    height:60px;
    flex-shrink:0;
    background-color:#fff;
    display:flex;
    place-items:center;
    border-radius:100%;
    margin-right:15px
}
.second-main-cont a{
    text-decoration:none;
    color:#fff
}
.whatsapp-cont,.chatbot-cont,.webchat-cont{
    display:flex;
    place-items:center;
    justify-content:center;
    width:100%
}
.part1{
    font-size:1.4rem;
    font-style:normal;
    font-weight:700;
    line-height:14px;
    color:var(--keralty-neutral-gray0)
}
.part2{
    font-size:1.4rem;
    font-style:normal;
    font-weight:400;
    line-height:14px;
    color:var(--keralty-neutral-gray0)
}
@media (max-width: 450px){
    .icon-cont{
        width:40%;
        padding:5px
    }
    .main-cont p{
        margin:0 5px
    }
    .whatsapp-cont,.chatbot-cont,.webchat-cont{
        display:flex;
        flex-direction:row
    }
}
.footer-cont{
    display:flex;
    padding:20px 0 10px;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    gap:20px;
    flex:1 0 0;
    align-self:stretch;
    background-color:var(--keralty-third-blue);
    border-radius:20px 20px 0 0
}
.footer-cont h6{
    align-self:stretch;
    color:#fff;
    text-align:center;
    font-family:Proxima Nova,sans-serif;
    font-size:1.6rem;
    font-style:normal;
    font-weight:700;
    line-height:2.2rem
}
.main-cont{
    display:flex;
    justify-content:center;
    gap:20px;
    width:100%;
    padding:0 20px 0 38px
}
.second-main-cont{
    display:flex;
    width:100%;
    height:65px;
    padding:0 20px 0 38px;
    align-items:center;
    flex-shrink:0;
    background:#f1f1f133;
    gap:20px;
    justify-content:center
}
.funcionalidades-cont{
    width:100%;
    padding-left:8%;
    margin-top:2rem;
    display:flex;
    place-items:center;
    justify-content:center
}
.funcionalidades{
    text-align:center;
    color:#fff;
    font-weight:400;
    font-style:normal
}
.funcionalidades a{
    color:#fff;
    font-weight:700;
    font-style:bold;
    padding-left:.5rem
}
@media (min-width: 500px){
    .hyperlinks{
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        width:100%
    }
}
@media (max-width: 450px){
    .hyperlinks{
        display:flex;
        justify-content:center
    }
    .main-cont{
        width:45%;
        flex-wrap:wrap;
        flex-direction:column;
        margin-left:10px;
        padding-right:16px;
        gap:18px
    }
    .second-main-cont{
        width:45%;
        gap:18px;
        background-color:transparent;
        flex-direction:column;
        height:max-content;
        text-align:center;
        flex-wrap:wrap
    }
    .funcionalidades-cont{
        width:90%
    }
}
.main-title{
    font-family:sans-serif;
    color:var(--keralty-main-blue);
    font-size:28px;
    font-weight:700;
    text-align:center;
    font-style:normal;
    line-height:35px;
    text-wrap:balance;
    margin-bottom:2%
}
.container{
    display:flex;
    min-height:100vh;
    overflow:hidden
}
.logo-cont{
    display:none
}
.logo-eps-sanitas{
    width:100%;
    height:100%;
    object-fit:contain
}
.main-img-cont{
    min-width:50vw;
    max-width:50vw;
    max-height:100vh
}
.main-image{
    width:100%;
    min-height:100vh
}
.form-container,.ot-cont{
    width:100%;
    height:100%
}
@media (min-width: 451px) and (max-width: 1500px){
    .container{
        display:flex;
        flex-direction:column
    }
    .logo-cont{
        display:flex;
        position:relative;
        justify-content:center;
        align-items:center;
        width:100%;
        right:0
    }
    .logo-eps-sanitas{
        width:80%;
        height:150px
    }
    .main-img-cont{
        display:none
    }
    .main-image{
        width:100%;
        object-position:0px -150px
    }
}
@media (max-width: 450px){
    .container{
        flex-direction:column;
        flex-wrap:wrap;
        width:100%
    }
    .logo-cont{
        display:flex;
        position:relative;
        width:150px;
        justify-content:center;
        align-items:center;
        width:100%;
        right:0
    }
    .main-image{
        display:none
    }
}