.phone{max-width:430px;margin:0 auto;min-height:100vh;position:relative;display:flex;flex-direction:column;background:var(--cream-base)}.brandbar{flex:none;display:flex;justify-content:center;padding:max(var(--space-4),env(safe-area-inset-top)) var(--space-5) var(--space-3);background:var(--cream-base)}.brandbar img{height:38px;width:auto}.umbral-top{position:relative;height:22svh;min-height:150px;overflow:hidden;flex:none}.umbral-top .foto{position:absolute;inset:0}.umbral-top .foto img{height:100%;object-position:center 42%}.umbral-top .fade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(254,253,251,0) 0%,rgba(254,253,251,.2) 58%,var(--cream-base) 100%)}.panel{flex:1;display:flex;flex-direction:column;justify-content:flex-start;padding:var(--space-6) var(--space-5) calc(var(--space-7) + env(safe-area-inset-bottom));margin-top:-28px;position:relative;z-index:2}.welcome{text-align:center;margin-bottom:var(--space-6)}.welcome .k{font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--oro);font-weight:500}.welcome h1{font-family:var(--serif);font-weight:500;font-size:clamp(1.9rem,8vw,2.4rem);color:var(--tinta);line-height:1.1;margin-top:var(--space-3)}.welcome p{margin-top:var(--space-3);font-size:.98rem;color:var(--atenuado);max-width:34ch;margin-inline:auto}form{display:grid;gap:var(--space-4);max-width:360px;width:100%;margin:0 auto}.field-l{display:grid;gap:7px}.field-l label{font-size:.78rem;font-weight:500;color:var(--sof-700);letter-spacing:.01em}.input{display:flex;align-items:center;gap:var(--space-3);background:var(--cream-surface);border:1px solid rgba(48,91,145,.16);border-radius:var(--r-md);padding:0 var(--space-4);min-height:52px;transition:border-color var(--dur-suave) var(--ease),box-shadow var(--dur-suave) var(--ease)}.input:focus-within{border-color:var(--sof-400);box-shadow:0 0 0 3px #5e87b724}.input svg{width:18px;height:18px;stroke:var(--sof-400);fill:none;stroke-width:1.7;flex:none}.input input{flex:1;border:0;background:transparent;outline:none;font-family:var(--sans);font-size:16px;color:var(--tinta);min-width:0}.input input::placeholder{color:var(--sof-300)}.input .toggle{flex:none;font-size:.76rem;color:var(--sof-500);font-weight:500;padding:6px}.input.err{border-color:#cf6679;box-shadow:0 0 0 3px #cf66791f}.row-aux{display:flex;align-items:center;justify-content:space-between;margin-top:-4px}.remember{display:flex;align-items:center;gap:9px;font-size:.84rem;color:var(--texto);cursor:pointer}.remember .chk{width:20px;height:20px;border-radius:6px;border:1.6px solid rgba(48,91,145,.3);display:grid;place-items:center;flex:none;transition:all var(--dur-suave)}.remember .chk svg{width:12px;height:12px;stroke:#fff;fill:none;stroke-width:2.6;opacity:0}.remember input{position:absolute;opacity:0;pointer-events:none}.remember input:checked+.chk{background:var(--sof-600);border-color:var(--sof-600)}.remember input:checked+.chk svg{opacity:1}.link{font-size:.84rem;color:var(--sof-600);font-weight:500;background:none;border:0;cursor:pointer;padding:6px 0}.error-msg{display:none;align-items:center;gap:9px;font-size:.86rem;color:#a23b4e;background:#cf66791a;border:1px solid rgba(207,102,121,.25);border-radius:var(--r-sm);padding:10px var(--space-4)}.error-msg.show{display:flex}.error-msg svg{width:16px;height:16px;stroke:#a23b4e;fill:none;stroke-width:1.8;flex:none}.btn-entrar{position:relative}.btn-entrar .spin{width:18px;height:18px;border-radius:50%;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;animation:spin .7s linear infinite;display:none}.btn-entrar.loading .lbl{display:none}.btn-entrar.loading .spin{display:block}@keyframes spin{to{transform:rotate(360deg)}}.alt-foot{margin-top:var(--space-7);text-align:center;font-size:.88rem;color:var(--atenuado);line-height:1.6}.alt-foot a{color:var(--sof-700);font-weight:500;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#305b914d}.reset{display:none}.reset.active{display:block}.login-view.hidden{display:none}.back-link{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;color:var(--sof-600);font-weight:500;margin-bottom:var(--space-5);background:none;border:0;cursor:pointer}.back-link svg{width:16px;height:16px;stroke:var(--sof-600);fill:none;stroke-width:1.9}.reset .help{background:var(--cream-surface);border:1px solid rgba(48,91,145,.12);border-radius:var(--r-lg);padding:var(--space-6) var(--space-5);text-align:center}.reset .help h2{font-family:var(--serif);font-weight:500;font-size:1.4rem;color:var(--sof-900);margin-bottom:var(--space-3)}.reset .help p{font-size:.92rem;color:var(--texto);line-height:1.55;max-width:38ch;margin-inline:auto}.split{display:none;grid-template-columns:1.05fr 1fr;min-height:100vh}.split .visual{position:relative;overflow:hidden;background:var(--sof-900)}.split .visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.split .visual .scrim{position:absolute;inset:0;background:linear-gradient(180deg,#0f214040,#0f2140a8)}.split .visual .vlogo{position:absolute;top:var(--space-7);left:var(--space-7);width:160px;height:auto;max-width:none}.split .visual .vquote{position:absolute;left:var(--space-8);right:var(--space-8);bottom:var(--space-8);color:#fff}.split .visual .vquote .corpus{font-family:var(--serif);font-style:italic;font-weight:300;font-size:1.85rem;line-height:1.4;text-shadow:0 1px 18px rgba(15,33,64,.5);max-width:22ch}.split .visual .vquote .who{margin-top:var(--space-4);font-size:.84rem;letter-spacing:.04em;color:#ffffffc7}.split .formside{display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-7)}.split .formwrap{width:100%;max-width:392px}.split .welcome{text-align:left;margin-bottom:var(--space-7)}.split .welcome h1{font-size:2.4rem}.split .welcome p{margin-inline:0;max-width:none;font-size:1rem}.split form{max-width:none;margin:0}.split .row-aux{margin-top:-2px}.split .alt-foot{margin-top:var(--space-7)}.split .reset .welcome h1{font-size:2rem}.app{display:none}@media(min-width:1024px){.phone{display:none}.split{display:grid}}@media(max-width:880px){.split .visual{display:none}}
