:root{--green-color: #147B3B;--green-hover:#0C6B30;--green-active:#095024;--red-color:#DB1616;--red-hover: #C01313;--red-active: #A51717;--blue-color: #479CCC;--blue-hover: #397EA5;--blue-active: #265C7B;--bluemarine-color:#176789;--bluemarine-hover: #135572;--bluemarine-active: #114358;--aqua-color:#1EA1A1;--aqua-hover: #1A8F8F;--aqua-active: #157171;--orange-color:#E7702D;--orange-hover: #CE5D1E;--orange-active: #AE5421;--orange-marwen: #E9540d;--purple-color: #8A56A3;--purple-hover: #77488D;--purple-active: #583468;--red-light: #F79F9F;--red-light-hover: #DA9898;--red-light-active: #BE8C8C;--border-grey: rgb(159, 159, 159);--primary-title:#1D1D1D;--second-title:#464646;--second-title-hover:#242424;--primary-text:#212121;--table-green-light:#D0E5D8;--table-green-row-light:#d0e5d84f;--table-green-line:#147B3B}.login-page{display:flex;align-items:center;min-height:100vh;padding:1rem}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:center;background-size:cover;filter:blur(8px);transform:scale(1.05);z-index:-1}.login-page.instance-proyectos:before{background-image:url(/build/assets/background-proyectos-UcS99lDG.webp);filter:blur(5px)}.login-page.instance-solicitudes:before{background-image:url(/build/assets/background-Cox2z8RH.webp)}.login-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0003;z-index:-1}#card-login{display:flex;flex-direction:row;border-radius:20px;background-color:#fff;box-shadow:0 2px 2px 1px #0003;width:100%;height:auto;min-height:500px;max-width:45rem;justify-content:center;align-items:stretch;overflow:hidden}.login-box{width:100%;max-width:45rem;margin:0 auto;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:1rem}.login-box-msg{color:var(--second-title)}.login-target{flex:1;min-width:300px;text-align:center;padding:2rem 1.5rem;display:flex;flex-direction:column;justify-content:center}.login-target h3{margin-top:0;margin-bottom:2rem;color:var(--second-title);font-size:clamp(1.25rem,4vw,1.5rem)}.login-image{flex:0 0 45%;overflow:hidden;position:relative;border-top-right-radius:20px;border-bottom-right-radius:20px;background-color:#d3d3d3}.login-image img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:none;display:block;height:auto}.second-image{pointer-events:none;z-index:2;width:72%;color:#fff}.main-image{width:300%;z-index:1}.login-image .instance-label{position:absolute;top:40%;left:50%;transform:translate(-50%,calc(-50% + 80px));z-index:3;color:#fff;font-size:clamp(.9rem,2vw,1.1rem);font-family:inherit;font-weight:600;text-align:center;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}.instance-proyectos .second-image{top:30%!important}form{width:100%;max-width:400px;margin:0 auto}.principal-form-container{padding-top:0;display:flex;flex-direction:column;align-items:center;width:100%;gap:1rem}.container-for-input{display:flex;justify-content:center;align-items:center;border:2px solid var(--border-grey);width:100%;max-width:300px;height:39px;border-radius:24px;font-size:18px;transition:all .2s ease-in-out}.container-for-input:focus-within{border:2px solid var(--orange-color)}.container-for-input:focus-within .bx{color:var(--orange-color)}.input{width:100%;display:flex;justify-content:center;align-items:center}.input-form{color:var(--primary-text);margin-right:-10px;border-radius:24px;width:80%;height:34px;border:none;background-color:transparent;font-size:20px}.input-form:focus,.input-form:active{border:none!important;outline:0 none}.separador{margin-top:-8px}.principal-form-container span{font-size:22px;margin-right:3px;color:gray;margin-top:-3px}.contenedor-enviar{display:flex;justify-content:center;align-items:center;width:100%}#button-enviar{background-color:var(--orange-marwen);color:#fff;border-radius:24px;margin-top:10px;width:100%;max-width:200px;height:40px;transition:all .2s ease-in-out 0s;display:flex;align-items:center;justify-content:center}#button-enviar:hover{background-color:var(--orange-hover)}#button-enviar:active{background-color:var(--orange-active)}#button-enviar span{color:#fff;font-size:22px}.login-logo{width:100%;height:auto;display:flex;justify-content:center;align-items:center;margin-bottom:4rem}.login-logo a img{width:clamp(150px,40%,300px);max-width:300px;height:auto}#recovery-password a{color:gray;transition:all .2s ease-in-out 0s;font-size:clamp(12px,2vw,14px)}#recovery-password a:hover{color:var(--second-title-hover)}#recovery-password{padding-bottom:10px;text-align:center}body{background-color:#fff!important}.card-body{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.alert{background-color:var(--red-color)!important;position:absolute;z-index:20;border-radius:9px;top:1rem;left:50%;transform:translate(-50%);width:90%;max-width:400px}.close{color:#fff!important}.alert-text div{font-size:14px;width:100%}@media (max-width: 768px){.login-page{padding:.5rem}#card-login{flex-direction:column;max-width:100%;min-height:auto}.login-box{min-height:100vh;padding:.5rem}.login-target{padding:1.5rem 1rem;order:1}.login-image{flex:0 0 200px;order:2;border-radius:0 0 20px 20px}.login-target h3{margin-bottom:1rem;font-size:1.25rem}.login-logo{margin-bottom:1rem}.container-for-input{height:45px;font-size:16px}.principal-form-container span{font-size:20px}#button-enviar{height:45px;max-width:250px}}@media (max-width: 480px){.login-page{padding:.25rem}#card-login{border-radius:15px;margin:.25rem}.login-box{padding:.25rem}.login-target{padding:1rem .75rem}.login-image{flex:0 0 150px;border-radius:0 0 15px 15px}.login-target h3{font-size:1.1rem;margin-bottom:.75rem}.login-logo{margin-bottom:2rem}.login-logo a img{width:60%;min-width:120px}.container-for-input{height:42px;font-size:16px;max-width:280px}.input-form{font-size:20px}.principal-form-container span{font-size:18px}#button-enviar{height:42px;max-width:200px}#button-enviar span{font-size:22px}#recovery-password a{font-size:14px}.principal-form-container{gap:.75rem}}@media (max-width: 320px){.login-target{padding:.75rem .5rem}.login-image{flex:0 0 120px}.container-for-input{max-width:260px;height:40px}#button-enviar{max-width:180px;height:40px}.login-logo a img{width:70%;min-width:100px}}@media (min-width: 769px) and (max-width: 1024px){.login-box,#card-login{max-width:600px}.login-target{padding:2rem}.container-for-input{max-width:320px}#button-enviar{max-width:220px}}@media (min-width: 1025px){.login-box{max-width:45rem}.login-target{padding:3rem 2rem}.container-for-input{max-width:300px}}@media (max-height: 500px) and (orientation: landscape){.login-page{min-height:100vh;align-items:flex-start;padding-top:1rem}#card-login{flex-direction:row;min-height:auto;max-height:90vh}.login-target{padding:1rem;order:1}.login-image{flex:0 0 40%;order:2;border-radius:0 20px 20px 0;min-height:300px}.login-target h3{margin-bottom:.5rem;font-size:1rem}.login-logo{margin-bottom:2rem}.principal-form-container{gap:.5rem}.container-for-input,#button-enviar{height:35px}}