*{padding:0;margin:0;font-family:Arial,Helvetica,sans-serif;text-decoration:none}body{background-color:#eee}.header{width:100vw;height:110px;display:flex;justify-content:center;align-items:center;padding:10px;box-sizing:border-box;border:1px solid #FFDE05;background-color:#ffde05}.header .logo{height:85px;-webkit-user-select:none;user-select:none}main{width:100vw;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:10px}main .back{width:100%;text-align:start;padding:10px;box-sizing:border-box}main .back a{color:#003869;text-decoration:underline}main .conte_form{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;gap:10px}main .conte_form #conte_form{min-width:300px}main .conte_form #conte_form #flex{display:flex;justify-content:space-between;align-items:center;gap:18px;width:100%;flex-wrap:wrap;text-align:center}main .conte_form #conte_form #flex .email{width:100%}main .conte_form #conte_form #flex .email #email{width:100%}main .conte_form #conte_form #flex .email i{left:12px}main .conte_form .title{font-size:26px;font-weight:700;color:#003869;margin-bottom:20px;text-align:center}main .conte_form #hidden{position:fixed;top:20%;left:50%;transform:translate(-50%,-50%);background-color:#38a169;color:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;font-weight:500;z-index:1000;transition:opacity .7s ease}main .formulario,main #conte_form{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px}main .formulario #flex,main #conte_form #flex{width:100%;display:flex;justify-content:center;align-items:center}main .formulario .container,main #conte_form .container{flex-direction:column}main .formulario .container,main .formulario #flex,main #conte_form .container,main #conte_form #flex{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap;margin-bottom:15px}main .formulario .container .conte_input,main .formulario #flex .conte_input,main #conte_form .container .conte_input,main #conte_form #flex .conte_input{display:flex;justify-content:center;align-items:start;flex-direction:column;position:relative;gap:4px;width:300px}main .formulario .container .conte_input label,main .formulario #flex .conte_input label,main #conte_form .container .conte_input label,main #conte_form #flex .conte_input label{color:#003869;font-weight:500}main .formulario .container .conte_input input,main .formulario #flex .conte_input input,main #conte_form .container .conte_input input,main #conte_form #flex .conte_input input{border-radius:10px;border:1px solid #868686;box-sizing:border-box;outline:none;font-size:16px;height:36px;width:300px;padding:0 36px}main .formulario .container .conte_input i,main .formulario #flex .conte_input i,main #conte_form .container .conte_input i,main #conte_form #flex .conte_input i{color:#003869}main .formulario .container .conte_input .ico,main .formulario #flex .conte_input .ico,main #conte_form .container .conte_input .ico,main #conte_form #flex .conte_input .ico{left:4%}main .formulario .container .conte_input .ico,main .formulario .container .conte_input .eye,main .formulario #flex .conte_input .ico,main .formulario #flex .conte_input .eye,main #conte_form .container .conte_input .ico,main #conte_form .container .conte_input .eye,main #conte_form #flex .conte_input .ico,main #conte_form #flex .conte_input .eye{position:absolute;top:55%}main .formulario .container .conte_input .eye,main .formulario #flex .conte_input .eye,main #conte_form .container .conte_input .eye,main #conte_form #flex .conte_input .eye{right:3%;cursor:pointer}main .formulario .container .conte_input .error,main .formulario #flex .conte_input .error,main #conte_form .container .conte_input .error,main #conte_form #flex .conte_input .error{top:115%;left:50%;transform:translate(-50%,-50%);position:absolute;color:#f61717;width:100%;text-align:center}main .formulario .btn-login,main #conte_form .btn-login{background-color:#003869;border:none;color:#fff;font-weight:700;cursor:pointer;padding:5px}main .formulario .btn-login,main .formulario .create,main #conte_form .btn-login,main #conte_form .create{height:36px;box-sizing:border-box;width:300px;border-radius:8px;transition:all .1s ease-in-out;text-align:center}main .formulario .btn-login:hover,main #conte_form .btn-login:hover{background-color:#003869;transform:scale(1.02)}main .formulario .create,main #conte_form .create{color:#003869;margin:0;padding:8px 0 0}main .formulario .create:hover,main #conte_form .create:hover{border:1px solid rgba(67,131,186,.368627451);background-color:#6ba2d25e}.success{position:fixed;top:-28%;left:60%;transform:translate(-50%,-50%);transition:all .4s ease;z-index:9999}.success.top{top:30%}.success .message{background:#fff;border:1px solid #00b894;box-shadow:0 5px 20px #00000026;border-radius:10px;padding:15px 20px;width:380px;height:auto;display:flex;justify-content:center;align-items:center;gap:12px}.success .message .icon{background:#00b894;color:#fff;font-size:22px;display:flex;align-items:center;justify-content:center;height:45px;width:45px;border-radius:50%}.success .message .text{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:4px}.success .message .text .title{font-weight:600;font-size:16px;color:#00b894;text-align:center;width:100%}.success .message .text p{font-size:14px;color:#444;margin:0}@media (max-width: 780px){.header .logo{height:65px}main .back a{font-size:14px}main .conte_form #conte_form,main .formulario{padding:20px}main .conte_form #conte_form .container .conte_input,main .conte_form #conte_form #flex .conte_input,main .formulario .container .conte_input,main .formulario #flex .conte_input{width:250px}main .conte_form #conte_form .container .conte_input label,main .conte_form #conte_form #flex .conte_input label,main .formulario .container .conte_input label,main .formulario #flex .conte_input label{font-size:14px}main .conte_form #conte_form .container .conte_input input,main .conte_form #conte_form #flex .conte_input input,main .formulario .container .conte_input input,main .formulario #flex .conte_input input{font-size:14px;width:250px}main .conte_form #conte_form .container .conte_input .ico,main .conte_form #conte_form .container .conte_input .eye,main .conte_form #conte_form #flex .conte_input .ico,main .conte_form #conte_form #flex .conte_input .eye,main .formulario .container .conte_input .ico,main .formulario .container .conte_input .eye,main .formulario #flex .conte_input .ico,main .formulario #flex .conte_input .eye{font-size:14px}main .conte_form #conte_form .container .conte_input .error,main .conte_form #conte_form #flex .conte_input .error,main .formulario .container .conte_input .error,main .formulario #flex .conte_input .error{font-size:12px}main .conte_form #conte_form .container #email,main .conte_form #conte_form #flex #email,main .formulario .container #email,main .formulario #flex #email{width:100%}main .conte_form #conte_form .container #email #email,main .conte_form #conte_form #flex #email #email,main .formulario .container #email #email,main .formulario #flex #email #email{width:100%}main .conte_form #conte_form .btn-login,main .conte_form #conte_form .create,main .formulario .btn-login,main .formulario .create{width:250px}main .conte_form #conte_form #hidden p,main .formulario #hidden p{font-size:14px}}@media (max-width: 577px){main .conte_form #conte_form{padding:20px}main .conte_form #conte_form .container,main .conte_form #conte_form #flex{width:100%;display:flex;justify-content:center;align-items:center}main .conte_form #conte_form .container .conte_input,main .conte_form #conte_form #flex .conte_input{width:250px}main .conte_form #conte_form .container .conte_input label,main .conte_form #conte_form #flex .conte_input label{font-size:14px}main .conte_form #conte_form .container .conte_input input,main .conte_form #conte_form #flex .conte_input input{font-size:14px;width:250px}main .conte_form #conte_form .container .conte_input .ico,main .conte_form #conte_form .container .conte_input .eye,main .conte_form #conte_form #flex .conte_input .ico,main .conte_form #conte_form #flex .conte_input .eye{font-size:14px}main .conte_form #conte_form .container .conte_input .error,main .conte_form #conte_form #flex .conte_input .error{font-size:12px}main .conte_form #conte_form .container #email,main .conte_form #conte_form #flex #email{display:flex;justify-content:center;align-items:start;width:250px}main .conte_form #conte_form .container #email #email,main .conte_form #conte_form #flex #email #email{width:250px}main #hidden p{font-size:12px}}