:root{--fondo:#14120f;--superficie:#1b1915;--borde:#2c2822;--texto:#f5f1ea;--texto-suave:#8d857a;--acento:#c47a3d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.6}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--fondo);color:var(--texto);margin:0}.app{flex-direction:column;min-height:100vh;display:flex}.cabecera{z-index:10;background:var(--fondo);border-bottom:1px solid var(--borde);position:sticky;top:0}.marca{letter-spacing:-.02em;margin:0;padding:16px 20px 12px;font-size:20px;font-weight:600}.marca span{color:var(--acento)}.nav{gap:4px;padding:0 12px;display:flex}.nav-link{min-height:48px;color:var(--texto-suave);border-bottom:2px solid #0000;align-items:center;padding:0 14px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.nav-link:hover{color:var(--texto)}.nav-link.active{color:var(--acento);border-bottom-color:var(--acento)}.nav-link:focus-visible{outline:2px solid var(--acento);outline-offset:-4px;border-radius:4px}.contenido{flex:1;width:100%;max-width:900px;margin:0 auto;padding:24px 20px 48px}.pagina h1{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(24px,6vw,32px);font-weight:600}.bajada{max-width:60ch;color:var(--texto-suave);margin:0}.cabecera-fila{justify-content:space-between;align-items:flex-start;gap:12px;padding:16px 20px 12px;display:flex}.cabecera-fila .marca{padding:0}.usuario{color:var(--texto-suave);margin:2px 0 0;font-size:13px}.boton-texto{border:1px solid var(--borde);min-height:44px;color:var(--texto-suave);font:inherit;cursor:pointer;background:0 0;border-radius:8px;flex:none;padding:0 12px;font-size:14px}.boton-texto:hover{color:var(--texto);border-color:var(--texto-suave)}.pantalla-centrada{justify-content:center;align-items:center;min-height:100vh;padding:24px 20px;display:flex}.aviso{color:var(--texto-suave)}.tarjeta{border:1px solid var(--borde);background:var(--superficie);border-radius:14px;flex-direction:column;gap:16px;width:100%;max-width:380px;padding:28px 24px;display:flex}.tarjeta h1{letter-spacing:-.02em;margin:0;font-size:20px;font-weight:600}.marca-grande{letter-spacing:-.02em;margin:0 0 4px;padding:0;font-size:24px;font-weight:600}.campo{flex-direction:column;gap:6px;display:flex}.campo span{color:var(--texto-suave);font-size:14px}.campo input{border:1px solid var(--borde);background:var(--fondo);min-height:48px;color:var(--texto);font:inherit;border-radius:10px;padding:0 14px;font-size:16px}.campo input:focus-visible{outline:2px solid var(--acento);outline-offset:1px;border-color:#0000}.boton{background:var(--acento);color:#17130f;min-height:50px;font:inherit;cursor:pointer;border:none;border-radius:10px;padding:0 18px;font-size:16px;font-weight:600}.boton:hover:not(:disabled){filter:brightness(1.08)}.boton:disabled{opacity:.6;cursor:default}.boton-secundario{border:1px solid var(--borde);color:var(--texto);background:0 0;font-weight:500}.error{color:#f0b7a6;background:#2a1a16;border:1px solid #6d3a30;border-radius:8px;margin:0;padding:10px 12px;font-size:14px}code{background:var(--fondo);color:var(--texto);border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9em}