.recover-password .container__overlay{background:rgba(51,63,72,0.6);padding:16px;display:flex;justify-content:center;align-items:center;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999}
.recover-password .container-general{background-color:#f5f5f5;height:80vh;width:100%;display:flex;justify-content:center;align-items:center}
.recover-password .container-general.edit-mode{height:100%}
.recover-password .container-general .box__backgorund .box{background-color:#fff;padding:32px 16px 48px;width:100vw;height:80vh;display:flex;flex-direction:column;justify-content:center}
@media(min-width:560px){.recover-password .container-general .box__backgorund .box{margin:0 auto;padding:48px 30px;max-width:520px;width:fit-content;height:auto}
}
.recover-password .container-general .box__backgorund .box__title{font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:24px;line-height:32px}
@media(min-width:1024px){.recover-password .container-general .box__backgorund .box__title{font-size:28px;line-height:36px}
}
@media(min-width:1600px){.recover-password .container-general .box__backgorund .box__title{font-size:32px;line-height:40px}
}
.recover-password .container-general .box__backgorund .box__text{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;margin-top:16px}
.recover-password .container-general .box__backgorund .box__form{margin-top:48px}
.recover-password .container-general .box__backgorund .box__input{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;background:#fff;border:1px solid #c3c1c2;border-radius:4px;width:458px;padding:10px}
.recover-password .container-general .box__backgorund .box__button{margin-top:24px}
@media(max-width:500px){.recover-password .container-general .box__backgorund .box{min-width:343px}
.recover-password .container-general .box__backgorund .box__title{font-size:24px;line-height:32px}
.recover-password .container-general .box__backgorund .box__input{width:280px}
}
@media(max-width:400px){.recover-password .container-general .box__backgorund .box{min-width:280px;padding:40px 16px}
.recover-password .container-general .box__backgorund .box__input{width:220px}
}
.recover-password .container-general .container-form{padding:32px 16px 40px;width:100vw;height:80vh;display:flex;flex-direction:column;justify-content:center}
@media(min-width:560px){.recover-password .container-general .container-form{background-color:#fff;min-width:520px;padding:48px 30px;width:fit-content;height:auto}
}
.recover-password .container-general .container-form .session{font-family:'N27 Bold';font-weight:700;font-style:normal;font-size:24px;line-height:32px;margin-bottom:45px}
@media(min-width:1024px){.recover-password .container-general .container-form .session{font-size:28px;line-height:36px}
}
@media(min-width:1600px){.recover-password .container-general .container-form .session{font-size:32px;line-height:40px}
}
.recover-password .container-general .container-form .margen{font-family:'N27 Regular';font-weight:400;font-style:normal;margin-bottom:24px}
.recover-password .container-general .container-form a{font-family:'N27 Bold';font-weight:700;font-style:normal;color:#d52b1e}
.recover-password .container-general .container-form .link-recover-password{line-height:25px;margin-top:25px;margin-bottom:25px;display:inline-block}
.recover-password .container-general .container-form .link-register{font-size:14px;line-height:22px;font-family:'N27 Regular';font-weight:400;font-style:normal;text-align:center;color:#333f48}
@media(max-width:310px){.recover-password .container-general .container-form .link-register{font-size:12px;line-height:18px}
}
.recover-password .container-general .container-form .icon--close{font-size:17px;color:#d52b1e;padding-right:8px}
.recover-password .container-general .container__box{place-items:center}
.recover-password .container-general .container__box .box__caja{background-color:#fff;margin:0 auto;padding:24px 48px 48px 48px;width:705px;height:auto;display:flex;justify-content:center;align-items:center;flex-flow:column nowrap;align-content:center}
@media(max-width:767px){.recover-password .container-general .container__box .box__caja{width:500px}
}
@media(max-width:500px){.recover-password .container-general .container__box .box__caja{padding:24px 16px 48px 16px;width:350px}
}
@media(max-width:375px){.recover-password .container-general .container__box .box__caja{width:270px}
}
.recover-password .container-general .container__box .box__close-icon{width:100%;display:flex;justify-content:flex-end;align-items:flex-start;cursor:pointer}
.recover-password .container-general .container__box .box__icon{text-align:center;margin:24px 0}
.recover-password .container-general .container__box .box__iconClose{font-size:32px}
.recover-password .container-general .container__box .box__title{font-size:24px;line-height:32px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#333f48;text-align:center;margin:8px 0}
.recover-password .container-general .container__box .box__text{font-family:'N27 Regular';font-weight:400;font-style:normal;font-size:16px;line-height:24px;color:#333f48;text-align:center}
.recover-password .container-general .container__box .correo{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#333f48;text-align:center;margin:0;width:80%}
.recover-password .container-general .container__box .box__button{font-size:18px;line-height:26px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#fff;background-color:#d52b1e;margin-top:32px;padding:10px;padding:16px 32px;border:0;border-radius:104px;cursor:pointer}
@media(max-width:500px){.recover-password .container-general .container__box .box__title{font-size:22px;line-height:30px}
.recover-password .container-general .container__box .box__icon{margin-bottom:24px}
.recover-password .container-general .container__box .box__text{font-size:16px;line-height:24px}
.recover-password .container-general .container__box .correo{width:100%}
.recover-password .container-general .container__box .box__button{width:100%}
}
.recover-password article.container__box{padding:0 !important}
.recover-password article.container__box .modal_box{background-color:#fff;padding:16px 16px 48px;width:100vh;height:100vh;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}
@media(min-width:560px){.recover-password article.container__box .modal_box{padding:24px 24px 48px;min-width:520px;width:fit-content;height:auto}
}
.recover-password article.container__box .modal_box .container__content{height:100vh;width:100%;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center}
@media(min-width:560px){.recover-password article.container__box .modal_box .container__content{width:fit-content;height:auto}
}
.recover-password article.container__box .modal_box p{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#333f48;text-align:center}
.recover-password article.container__box .box__close-icon{width:100%;display:flex;justify-content:flex-end;align-items:flex-start;cursor:pointer}
.recover-password article.container__box .box__icon{text-align:center;margin:24px 0}
.recover-password article.container__box .box__iconClose{font-size:32px}
.recover-password article.container__box .box__title{font-size:24px;line-height:32px;font-family:'N27 Bold';font-weight:700;font-style:normal;color:#333f48;text-align:center;margin:8px 0}
.recover-password article.container__box .box__title span{display:block}
.recover-password article.container__box .box__text{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#333f48;text-align:center}
.recover-password article.container__box .correo{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#333f48;text-align:center;margin:0;width:80%}
.recover-password article.container__box .container__buttons{margin-top:32px;width:100%;display:flex;flex-direction:column;justify-content:center;gap:16px}
@media(min-width:560px){.recover-password article.container__box .container__buttons{flex-direction:row;align-items:flex-start;gap:24px}
}
.recover-password article.container__box .container__buttons .button{width:100%}
@media(min-width:560px){.recover-password article.container__box .container__buttons .button{width:fit-content}
}
@media(max-width:500px){.recover-password article.container__box .box__title{font-size:22px;line-height:30px}
.recover-password article.container__box .box__icon{margin-bottom:24px}
.recover-password article.container__box .box__text{font-size:16px;line-height:24px}
.recover-password article.container__box .correo{width:100%}
}
.input-wrap{position:relative}
.input-wrap .icon--magnifier,.input-wrap .icon-eye,.input-wrap .input-icon{position:absolute;padding:18px 20px 18px 0;right:0;top:0;cursor:pointer;color:#333f48}
.input-wrap .icon--magnifier::before,.input-wrap .icon-eye::before,.input-wrap .input-icon::before{font-size:20px}
.input-wrap .input-form{border:1px solid #c3c1c2;border-radius:4px;padding:1rem 1.25rem;-webkit-box-shadow:inset 0 0 0 0 #d3d3d3,0 0 0 1000px #fff inset;width:100%;margin-bottom:1.56rem;text-overflow:ellipsis;cursor:pointer}
.input-wrap .input-form:not(:placeholder-shown){padding:1.5rem 1.25rem .5rem 1.25rem}
.input-wrap .input-form[disabled]{color:#646468;-webkit-box-shadow:inset 0 0 0 0 #ebebeb,0 0 0 1000px #ebebeb inset;border:1px solid #ebebeb}
.input-wrap .input-form.ok{border:1px solid #333f48}
.input-wrap .input-form.ko{border:1px solid #bc131c}
.input-wrap .input-form:has(+.icon-eye),.input-wrap .input-form:has(+*+.icon--magnifier),.input-wrap .input-form:has(+*+.input-icon){padding:1.5rem 3rem .5rem 1.25rem}
.input-wrap .input-form[type="search"]::-ms-clear{display:none !important;width:0 !important;height:0 !important}
.input-wrap .input-form[type="search"]::-ms-reveal{display:none !important;width:0 !important;height:0 !important}
.input-wrap .input-form[type="search"]::-webkit-search-decoration,.input-wrap .input-form[type="search"]::-webkit-search-results-button,.input-wrap .input-form[type="search"]::-webkit-search-cancel-button,.input-wrap .input-form[type="search"]::-webkit-search-results-decoration{display:none !important}
.input-wrap .input-form[type=search]::-ms-clear,.input-wrap .input-form[type=search]::-ms-reveal{display:none !important;width:0 !important;height:0 !important}
.input-wrap .floating-label{white-space:nowrap;text-overflow:ellipsis;text-align:start;pointer-events:none;position:absolute;top:0;right:0;width:100%;padding:1rem 1rem 0 1.25rem;overflow:hidden;transition:all .1s ease-in-out;transform-origin:0 0}
.input-wrap .floating-label:has(+*+.icon-eye),.input-wrap .floating-label:has(+*+.icon--magnifier),.input-wrap .floating-label:has(+*+.input-icon){padding:1rem 2.5rem 0 1.25rem}
.input-wrap .floating-label:has(+.input-form:not(:placeholder-shown)),.input-wrap .floating-label:has(+.input-form:-webkit-autofill),.input-wrap .floating-label:has(+.input-form:not(:empty)){font-size:12px;line-height:18px;font-family:'N27 Regular';font-weight:400;font-style:normal;display:block;top:.5rem;transition:all .1s ease-in-out;padding:0 1.3rem}
.input-wrap-select{position:relative;cursor:pointer}
.input-wrap-select .icon--arrow-tip-down{left:unset;right:0;font-size:24px}
.input-wrap-select .select-list{scrollbar-width:auto;-ms-overflow-style:auto;-webkit-overflow-scrolling:touch;overflow-x:auto;background-color:#fff;box-shadow:0 6px 12px 0 rgba(171,190,209,0.3);max-height:200px;overflow-y:auto;border-top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;position:absolute;top:60px;width:100%;display:none;z-index:10}
.input-wrap-select .select-list::-webkit-scrollbar{width:12px}
.input-wrap-select .select-list::-webkit-scrollbar-track{background:#fff}
.input-wrap-select .select-list::-webkit-scrollbar-thumb{background-color:#c3c1c2;border-radius:10px;border:3px solid #fff}
.input-wrap-select .select-list::-webkit-scrollbar-thumb:hover{cursor:grab}
.input-wrap-select .select-list::-webkit-scrollbar-thumb:active{cursor:grabbing}
.input-wrap-select .select-list.active{display:block}
.input-wrap-select .select-list li{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;padding:12px 16px;cursor:pointer}
.input-wrap-select .select-list li:hover{background:#f5f5f5}
.select-wrap .list_btn{text-align:left;border:1px solid #c3c1c2;border-radius:4px;padding:16px 20px;-webkit-box-shadow:inset 0 0 0 0 #d3d3d3,0 0 0 1000px #fff inset;color:#333f48;width:100%;margin-bottom:25px;font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal}
.select-wrap .button_arrow{position:absolute;padding:18px 20px 18px 0;right:0;cursor:pointer;color:#333f48}
.select-wrap .button_arrow::before{font-size:20px}
.select-wrap .list_btn:focus ~ .button_arrow:before{transform:rotate(-180deg)}
.select-wrap .option_container{box-shadow:0 6px 12px 0 rgba(171,190,209,0.6);margin-top:-20px;border-radius:2px;height:0;transition-duration:.3s;visibility:hidden;font-family:'N27 Regular'}
.select-wrap .option_field{display:block;background-color:#fff;border-radius:2px;padding:15px;cursor:pointer}
.select-wrap .option_field:hover{background-color:#ddd}
.select-wrap .list_option{visibility:hidden;width:0;height:0;opacity:0;cursor:pointer}
.select-wrap .list_btn:focus ~ .option_container{height:92px;visibility:visible}
.floating-label{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal;color:#333f48}
.input-form{font-size:16px;line-height:24px;font-family:'N27 Regular';font-weight:400;font-style:normal}
.input-msg{position:relative;top:-20px;top:-16px;font-size:12px;line-height:18px;font-family:'N27 Regular';font-weight:400;font-style:normal;display:flex;align-items:center;gap:8px}
.input-msg.tip{color:#646468;justify-content:flex-end;text-align:right}
.input-msg.warning{text-align:left;color:#d54100}
.input-msg.error{text-align:left;color:#d54100;align-items:flex-start}
.input-msg.error .icon{position:relative;top:2px}
.input-msg.info{justify-content:flex-end}
.input-msg.info .icon{color:#d52b1e}
@media(min-width:768px){.input-msg.info .icon{position:relative}
}
.icon--magnifier,.icon-eye,.input-icon{position:absolute;padding:18px 16px 18px 0;right:0;cursor:pointer;color:#333f48}
.icon--magnifier::before,.icon-eye::before,.input-icon::before{font-size:20px}
.icon--box-check{color:#008458 !important}
.icon--red{color:#d52b1e}
.icon--white{color:#fff}