*{margin:0;padding:0;box-sizing:border-box}.container-form{margin:5em auto;padding:2em;max-width:430px;width:100%;background:var(--color2);border:var(--colorRing) .01px solid;border-radius:15px}#check:checked~.registration{display:block}#check:checked~.login{display:none}#check{display:none}.container .login{padding:2rem}.login h1{font-size:2rem;font-weight:500;text-align:center;margin-bottom:1.5rem}.form input[type=email],.form input[type=password],.form input[type=text]{height:50px;width:100%;padding:0 15px;font-size:17px;margin-bottom:1.3rem;border:var(--colorRing) .01px solid;border-radius:6px;outline:none;background-color:var(--azul-claro);color:var(--color5)}:is(.form input[type=email],.form input[type=password],.form input[type=text])::-moz-placeholder{color:var(--color3)}:is(.form input[type=email],.form input[type=password],.form input[type=text])::placeholder{color:var(--color3)}:is(.form input[type=email],.form input[type=password],.form input[type=text]):focus{box-shadow:0 1px #0003}.form div{margin-bottom:1.3rem;align-items:start;text-align:start;color:var(--negro)}.form-check-input{border:1px solid #a8a8a8}.login a{font-size:16px;color:var(--azul-oscuro);text-decoration:none}.login a:hover{text-decoration:underline}.login button{font-size:1.2rem;font-weight:500;letter-spacing:1px;margin:1.7rem 0 1.3rem;cursor:pointer;transition:.4s;width:100%}.form button:hover{background:#0846a3}.signup{color:var(--negro);font-size:17px;text-align:center;display:block}.signup a:hover{text-decoration:underline}