/* .contenido tiene max-width 1600px y margin 0 (queda pegado a la izquierda): en el login se centra el contenedor. */
main.contenido:has(> .login) { margin-left: auto; margin-right: auto; }
.login { max-width: 400px; margin: 12vh auto 0; }
.login .marca { color: var(--primario); letter-spacing: .1em; }
.login .btn { width: 100%; margin-top: .5rem; }
.login .sep { margin-top: .75rem; }
.login .sep .btn { width: 100%; }
.login .campo-clave { position: relative; }
.login .campo-clave input { width: 100%; padding-right: 2.75rem; box-sizing: border-box; }
.login .ojo { position: absolute; right: .25rem; top: 50%; transform: translateY(-50%); background: none; border: 0; cursor: pointer; font-size: 1.15rem; line-height: 1; padding: .4rem .5rem; color: inherit; opacity: .7; }
.login .ojo:hover, .login .ojo:focus-visible { opacity: 1; }
.login .ojo[aria-pressed="true"] { opacity: 1; text-decoration: line-through; }
.login .sep { text-align: center; }