/*====================GENERAL====================*/

.forgot-modal-overlay{
position:fixed;
inset:0;
background:rgba(7,19,32,.72);
backdrop-filter:blur(5px);
-webkit-backdrop-filter:blur(5px);
display:flex;
align-items:center;
justify-content:center;
padding:20px;
z-index:1000000;
}

.forgot-modal{
width:90%;
max-width:430px;
background:#ffffff;
border-radius:18px;
padding:30px 26px 26px;
text-align:center;
box-shadow:0 22px 60px rgba(0,0,0,.35);
animation:forgotModalAppear .25s ease;
}

.forgot-modal-icon{
width:58px;
height:58px;
margin:0 auto 16px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:29px;
font-weight:600;
line-height:1;
}

.forgot-modal-icon.success{
background:#e8f8ee;
color:#159447;
}

.forgot-modal-icon.error{
background:#feecec;
color:#d93025;
}

.forgot-modal h2{
margin:0 0 10px;
color:#071320;
font-size:22px;
font-weight:600;
}

.forgot-modal p{
margin:0 0 23px;
color:#4B5D73;
font-size:15px;
line-height:1.65;
}

.forgot-modal button{
width:100%;
height:50px;
border:0;
border-radius:12px;
background:#006DFF;
color:#ffffff;
font-family:'Poppins',sans-serif;
font-size:15px;
font-weight:600;
cursor:pointer;
transition:.25s;
}

.forgot-modal button:hover{
background:#0059d6;
}

@keyframes forgotModalAppear{
from{
opacity:0;
transform:translateY(15px) scale(.97);
}
to{
opacity:1;
transform:translateY(0) scale(1);
}
}

/*====================MOVIL====================*/

@media(max-width:701px){

.internal-header{
display:none !important;
background:none !important;
min-height:0 !important;
height:0 !important;
padding:0 !important;
margin:0 !important;
}

.mobile-header{
display:block;
position:fixed;
top:0;
left:0;
width:100%;
height:auto;
overflow:visible;
background:radial-gradient(circle at top right,#0c2a69 0%,#071320 55%,#03101c 100%);
z-index:9999;
}

.mobile-header-inner{
position:relative;
display:flex;
align-items:center;
justify-content:space-between;
max-width:100%;
padding:10px 18px 0;
}

.mobile-logo{
display:flex;
align-items:center;
text-decoration:none;
}

.mobile-logo-img{
display:block;
width:60%;
height:auto;
}

.mobile-header-text{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:100%;
margin-top:30px;
padding:0;
}

.mobile-page-title{
min-width:0;
font-size:22px;
font-weight:600;
line-height:1.2;
color:#ffffff;
text-align:center;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

.mobile-menu-btn{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
width:43px;
height:43px;
padding:0;
border:0;
background:transparent;
cursor:pointer;
}

.mobile-menu-btn span{
display:block;
width:26px;
height:3px;
border-radius:999px;
background:#ffffff;
transition:transform .25s ease,opacity .25s ease;
}

.mobile-menu-btn.open span:nth-child(1){
transform:translateY(8px) rotate(45deg);
}

.mobile-menu-btn.open span:nth-child(2){
opacity:0;
visibility:hidden;
}

.mobile-menu-btn.open span:nth-child(3){
transform:translateY(-8px) rotate(-45deg);
}

.mobile-menu{
position:absolute;
top:69px;
right:-55px;
width:max-content;
height:64px;
background:#f8f8ff;
border-radius:10px 0 0 0;
overflow:hidden;
opacity:0;
visibility:hidden;
z-index:10001;
transition:right .45s ease-out,opacity .25s ease-out;
}

.mobile-menu.show{
right:0;
opacity:1;
visibility:visible;
}

.mobile-language{
padding:4px 3px;
text-align:center;
border-bottom:1px solid rgba(255,255,255,.12);
}

.mobile-language a{
color:#000000;
text-decoration:none;
font-weight:600;
}

.mobile-language span{
margin:0 6px;
color:#000000;
}

.mobile-home-link{
display:block;
padding:4px 3px;
color:#000000;
text-decoration:none;
font-weight:600;
text-align:center;
}

.forgot-page .forgot-content{
position:fixed !important;
top:140px !important;
bottom:0 !important;
left:0 !important;
width:100% !important;
margin:0 !important;
padding:20px 0 30px !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
background:#F7F9FC !important;
overflow-y:auto !important;
overflow-x:hidden !important;
-webkit-overflow-scrolling:touch !important;
}

.forgot-page .forgot-container{
width:90% !important;
max-width:520px !important;
margin:0 auto !important;
padding:0 !important;
text-align:center !important;
}

.forgot-page .register-subtitle{
width:100% !important;
margin:0 0 62px !important;
color:#3E5168 !important;
font-size:16px !important;
font-weight:600 !important;
line-height:1.6 !important;
text-align:center !important;
}

.forgot-page .register-form{
width:100% !important;
display:flex !important;
flex-direction:column !important;
gap:18px !important;
}

.forgot-page #email{
display:block !important;
width:100% !important;
height:56px !important;
margin:0 !important;
padding:0 20px !important;
border:1px solid #A8B4C3 !important;
border-radius:12px !important;
background:#FFFFFF !important;
color:#2F3E4E !important;
font-family:'Poppins',sans-serif !important;
font-size:16px !important;
box-sizing:border-box !important;
outline:none !important;
}

.forgot-page #email.valid{
border:2px solid #1B7CFF !important;
}

.forgot-page #email.invalid{
border:2px solid #FF3B30 !important;
}

.forgot-page #forgotBtn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
height:62px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:12px !important;
background:linear-gradient(135deg,#2B8CFF,#0A63FF) !important;
color:#FFFFFF !important;
font-family:'Poppins',sans-serif !important;
font-size:18px !important;
font-weight:600 !important;
box-shadow:0 12px 30px rgba(27,124,255,.30) !important;
cursor:pointer !important;
max-width:none !important;
margin:0 auto !important;
align-self:center !important;
}

.forgot-page #forgotBtn:disabled{
background:#68717D !important;
color:#D5D9DE !important;
box-shadow:none !important;
cursor:not-allowed !important;
opacity:1 !important;
}

.forgot-back{
margin-top:20px !important;
text-align:center !important;
}

.forgot-back a{
color:#006DFF !important;
font-size:15px !important;
font-weight:600 !important;
text-decoration:none !important;
}

.forgot-page .register-footer{
position:relative !important;
width:100% !important;
height:auto !important;
margin:30px 0 0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:transparent !important;
}

.forgot-page .register-footer p{
margin:0 !important;
color:#0C2A69 !important;
font-size:14px !important;
line-height:1.2 !important;
text-align:center !important;
}

html,
body{
overflow-x:hidden;
}

}

/*====================TABLET====================*/

@media(min-width:702px) and (max-width:900px){

html,
body.forgot-page{
width:100%;
height:100%;
min-height:100vh;
overflow:hidden;
}

body.forgot-page{
display:flex;
flex-direction:column;
}

.mobile-header{
display:none !important;
}

.forgot-page .internal-header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:1000;
}

.forgot-page .forgot-content{
position:fixed !important;
top:230px !important;
bottom:0 !important;
left:0 !important;
width:100% !important;
margin:0 !important;
padding:20px 0 !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
background:#F7F9FC !important;
overflow-y:auto !important;
overflow-x:hidden !important;
}

.forgot-page .forgot-container{
width:88% !important;
max-width:520px !important;
margin:0 auto !important;
padding:0 !important;
text-align:center !important;
}

.forgot-page .register-subtitle{
width:100% !important;
margin:0 0 82px !important;
color:#3E5168 !important;
font-size:17px !important;
font-weight:600 !important;
line-height:1.6 !important;
text-align:center !important;
}

.forgot-page .register-form{
width:100% !important;
display:flex !important;
flex-direction:column !important;
gap:18px !important;
}

.forgot-page #email{
display:block !important;
width:100% !important;
height:58px !important;
margin:0 !important;
padding:0 20px !important;
border:1px solid #A8B4C3 !important;
border-radius:12px !important;
background:#FFFFFF !important;
color:#2F3E4E !important;
font-family:'Poppins',sans-serif !important;
font-size:16px !important;
box-sizing:border-box !important;
outline:none !important;
}

.forgot-page #email.valid{
border:2px solid #1B7CFF !important;
}

.forgot-page #email.invalid{
border:2px solid #FF3B30 !important;
}

.forgot-page #forgotBtn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
height:62px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:12px !important;
background:linear-gradient(135deg,#2B8CFF,#0A63FF) !important;
color:#FFFFFF !important;
font-family:'Poppins',sans-serif !important;
font-size:18px !important;
font-weight:600 !important;
box-shadow:0 12px 30px rgba(27,124,255,.30) !important;
cursor:pointer !important;
}

.forgot-page #forgotBtn:disabled{
background:#68717D !important;
color:#D5D9DE !important;
box-shadow:none !important;
cursor:not-allowed !important;
opacity:1 !important;
}

.forgot-back{
margin-top:20px !important;
text-align:center !important;
}

.forgot-back a{
color:#006DFF !important;
font-size:15px !important;
font-weight:600 !important;
text-decoration:none !important;
}

.close-page-x{
display:flex !important;
position:fixed !important;
top:30px !important;
right:30px !important;
width:48px !important;
height:48px !important;
align-items:center !important;
justify-content:center !important;
font-size:42px !important;
font-weight:100 !important;
color:#FFFFFF !important;
text-decoration:none !important;
z-index:999999 !important;
opacity:1 !important;
visibility:visible !important;
}

.forgot-page .register-footer{
position:relative !important;
width:100% !important;
height:auto !important;
margin:30px 0 0 !important;
padding:0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:transparent !important;
}

.forgot-page .register-footer p{
margin:0 !important;
color:#0C2A69 !important;
font-size:15px !important;
line-height:1.2 !important;
text-align:center !important;
}

.spacer{
width:14%;
}

.register-title{
font-size:24px !important;
line-height:1.2 !important;
}

}

/*======================PC======================*/

@media(min-width:901px){

html,
body.forgot-page{
width:100%;
min-height:100%;
overflow-x:hidden;
overflow-y:auto;
scrollbar-width:none;
}

html::-webkit-scrollbar,
body.forgot-page::-webkit-scrollbar{
display:none;
}

body.forgot-page{
display:block;
}

.mobile-header{
display:none !important;
}

.forgot-page .internal-header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:1000;
}

.forgot-page .forgot-content{
position:relative !important;
top:auto !important;
bottom:auto !important;
left:auto !important;
width:100% !important;
min-height:calc(100vh - 230px) !important;
margin:230px 0 0 !important;
padding:50px 0 0 !important;
box-sizing:border-box !important;
display:flex !important;
flex-direction:column !important;
align-items:center !important;
justify-content:center !important;
background:#F7F9FC !important;
overflow:visible !important;
}

.forgot-page .forgot-container{
width:90% !important;
max-width:520px !important;
margin:0 auto !important;
padding:0 !important;
text-align:center !important;
}

.forgot-page .register-subtitle{
display:block !important;
width:100% !important;
margin:0 0 82px !important;
color:#3E5168 !important;
font-size:17px !important;
font-weight:600 !important;
line-height:1.6 !important;
text-align:center !important;
}

.forgot-page .register-form{
width:100% !important;
display:flex !important;
flex-direction:column !important;
gap:18px !important;
}

.forgot-page #email{
display:block !important;
width:100% !important;
height:58px !important;
margin:0 !important;
padding:0 20px !important;
border:1px solid #A8B4C3 !important;
border-radius:12px !important;
background:#FFFFFF !important;
color:#2F3E4E !important;
font-family:'Poppins',sans-serif !important;
font-size:16px !important;
box-sizing:border-box !important;
outline:none !important;
}

.forgot-page #email.valid{
border:2px solid #1B7CFF !important;
}

.forgot-page #email.invalid{
border:2px solid #FF3B30 !important;
}

.forgot-page #forgotBtn{
display:flex !important;
align-items:center !important;
justify-content:center !important;
width:100% !important;
height:62px !important;
margin:0 !important;
padding:0 !important;
border:0 !important;
border-radius:12px !important;
background:linear-gradient(135deg,#2B8CFF,#0A63FF) !important;
color:#FFFFFF !important;
font-family:'Poppins',sans-serif !important;
font-size:18px !important;
font-weight:600 !important;
box-shadow:0 12px 30px rgba(27,124,255,.30) !important;
cursor:pointer !important;
}

.forgot-page #forgotBtn:disabled{
background:#68717D !important;
color:#D5D9DE !important;
box-shadow:none !important;
cursor:not-allowed !important;
opacity:1 !important;
}

.forgot-back{
margin-top:20px !important;
text-align:center !important;
}

.forgot-back a{
color:#006DFF !important;
font-size:15px !important;
font-weight:600 !important;
text-decoration:none !important;
}

.forgot-back a:hover{
text-decoration:underline !important;
}

.close-page-x{
display:flex !important;
position:fixed !important;
top:30px !important;
right:30px !important;
width:48px !important;
height:48px !important;
align-items:center !important;
justify-content:center !important;
font-size:42px !important;
font-weight:100 !important;
color:#FFFFFF !important;
text-decoration:none !important;
z-index:999999 !important;
opacity:1 !important;
visibility:visible !important;
}

.forgot-page .register-footer{
position:relative !important;
width:100% !important;
height:auto !important;
margin:35px 0 0 !important;
padding:18px 0 !important;
display:flex !important;
align-items:center !important;
justify-content:center !important;
background:#F7F9FC !important;
}

.forgot-page .register-footer p{
margin:0 !important;
color:#0C2A69 !important;
font-size:15px !important;
line-height:1.2 !important;
text-align:center !important;
}

.spacer{
width:12%;
}

.register-title{
font-size:24px !important;
line-height:1.2 !important;
}

}