.entrar { min-height: 100vh; display: grid; place-items: center; padding: 20px }
.entrar .tarjeta { width: min(400px, 100%); padding: 30px 28px 26px }
.entrar .marca { display: flex; gap: 12px; align-items: center; margin-bottom: 26px }
.entrar .marca b { display: block; font-size: 18px; font-weight: 600 }
.entrar .marca span { color: var(--suave); font-size: 13px }
.entrar h1 { margin: 0; font-size: 26px; font-weight: 600; letter-spacing: -.02em }
.entrar p { margin: 6px 0 22px; color: var(--suave) }
.entrar .campo span { font-size: 12.5px; font-weight: 600; color: var(--suave) }
.entrar .caja { height: 48px; font-size: 16px }
.entrar .boton { width: 100%; height: 48px; justify-content: center; font-size: 15px; margin-top: 4px }