.login-fondo{display:none;position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.45);padding:20px;align-items:center;justify-content:center}.login-fondo.abierto{display:flex}.login-caja{width:min(390px,100%);background:#fff;border:1px solid var(--borde);border-radius:10px;box-shadow:0 14px 40px rgba(0,0,0,.3);padding:14px}.login-cabecera{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--borde)}.login-cabecera h2{margin:0;font-size:17px;color:var(--azul)}.login-cerrar{width:32px;height:32px;border:0;border-radius:6px;background:#c62828;color:#fff;font-size:22px;cursor:pointer}.login-campo{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.login-campo label{font-size:12px;font-weight:bold}.login-campo input{width:100%;border:1px solid var(--borde);border-radius:6px;padding:8px;font:inherit}.login-error{margin-bottom:10px;padding:8px;border:1px solid #c62828;border-radius:6px;background:#fff1f1;color:#8d1d1d;font-size:12px;font-weight:bold}.login-boton{width:100%;border:0;border-radius:6px;padding:9px 12px;background:var(--azul);color:#fff;font-weight:bold;cursor:pointer}.login-boton:hover{background:var(--azul2)}