*{box-sizing:border-box}main{max-width:800px;width:90%;margin:auto;padding:40px}.formulario{display:grid;grid-template-columns:1fr 1fr;gap:20px}.formulario__label{display:block;font-weight:700;padding:1px;cursor:pointer}.formulario__grupo-input{position:relative}.formulario__input{width:100%;background:#fff;border:3px solid transparent;border-radius:3px;height:36px;line-height:45px;padding:0 33px 0 5px;transition:.3s ease all}.formulario__input:focus{border:3px solid #0075ff;outline:0;box-shadow:3px 0 30px rgba(163,163,163,0.4)}.formulario__input-error{font-size:12px;margin-bottom:0;display:none}.formulario__input-error-activo{display:block}.formulario__validacion-estado{position:absolute;right:10px;bottom:10px;z-index:100;font-size:16px;opacity:0}.formulario__checkbox{margin-right:10px}.formulario__grupo-terminos,.formulario__mensaje,.formulario__grupo-btn-enviar{grid-column:span 2}.formulario__mensaje{height:45px;line-height:45px;background:#f66060;padding:0 15px;border-radius:3px;display:none}.formulario__mensaje-activo{display:block}.formulario__mensaje p{margin:0}.formulario__grupo-btn-enviar{display:flex;flex-direction:column;align-items:center}.formulario__btn{height:45px;line-height:45px;width:30%;background:#000;color:#fff;font-weight:bold;border:0;border-radius:3px;cursor:pointer;transition:.1s ease all}.formulario__btn:hover{box-shadow:3px 0 30px rgba(163,163,163,1)}.formulario__mensaje-exito{font-size:14px;color:#119200;display:none}.formulario__mensaje-exito-activo{display:block}.formulario__grupo-correcto .formulario__validacion-estado{color:#1ed12d;opacity:1}.formulario__grupo-incorrecto .formulario__label{color:#bb2929}.formulario__grupo-incorrecto .formulario__validacion-estado{color:#bb2929;opacity:1}.formulario__grupo-incorrecto .formulario__input{border:3px solid #bb2929}@media screen and (max-width:800px){.formulario{grid-template-columns:1fr}.formulario__grupo-terminos,.formulario__mensaje,.formulario__grupo-btn-enviar{grid-column:1}.formulario__btn{width:100%}}.ojo2{position:absolute;height:60%;top:-67%;right:8px;transform:translateY(-50%);opacity:.3;cursor:pointer}.icon:hover{opacity:.8}