/* Portal de trabajo SICOM — sobre la base aurora.css de icom.com.ar */
.stage{position:relative;z-index:2;max-width:560px;margin:0 auto;padding:6vh 20px 10px;text-align:center}
body.wide .stage{max-width:1080px}
.head{margin-bottom:28px}
.brand{display:flex;justify-content:center;margin-bottom:18px}
.eyebrow{font:800 12px/1 var(--f-display);text-transform:uppercase;letter-spacing:.32em;color:#93c5fd;margin-bottom:14px}
h1{font:900 clamp(30px,4.6vw,54px)/1.05 var(--f-display);letter-spacing:-.02em;margin-bottom:12px}
.sub{color:#c3cfdd;font-size:clamp(14.5px,1.2vw,16px)}
.sec{font:900 clamp(20px,2.2vw,26px)/1.1 var(--f-display);text-align:left;margin:34px 0 14px}

/* Tarjeta de vidrio (misma receta que la portada de icom.com.ar) */
.glass{background:linear-gradient(155deg,rgba(255,255,255,.10),rgba(255,255,255,.035) 55%,rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);
  border-radius:30px;box-shadow:0 30px 70px -28px rgba(0,0,0,.75),inset 0 1px 0 rgba(255,255,255,.22),inset 0 -40px 80px -50px rgba(124,58,237,.35)}
.card-form{display:grid;gap:16px;padding:28px;text-align:left}
label{display:grid;gap:6px;font:800 13px var(--f-display);color:#c3cfdd}
input{font:600 16px var(--f-body);color:var(--blanco);background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:14px;padding:13px 16px;width:100%}
input:focus{border-color:rgba(125,211,252,.7);outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.35)}
.card-form .btn{justify-content:center;font-size:16px;padding:14px 22px;border:0;cursor:pointer}
.alert{background:rgba(239,68,68,.14);border:1px solid rgba(248,113,113,.5);color:#fecaca;padding:12px 16px;border-radius:14px;font-weight:700;font-size:14px}
.alert.ok{background:rgba(34,197,94,.12);border-color:rgba(74,222,128,.45);color:#bbf7d0}
.qr{display:flex;justify-content:center}.qr img{background:#fff;border-radius:16px;padding:8px}
.small{font-size:13px;color:#9db0c5;overflow-wrap:anywhere}
code{font-family:ui-monospace,Menlo,Consolas,monospace;background:rgba(255,255,255,.08);border-radius:8px;padding:2px 7px;font-size:.92em;overflow-wrap:anywhere}

/* Proyectos */
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));text-align:left}
.card{padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .35s var(--ease),border-color .35s}
.card:hover{transform:translateY(-6px);border-color:rgba(196,181,253,.55)}
.card h3{font:900 clamp(20px,2vw,24px)/1.1 var(--f-display)}
.card p{color:#c3cfdd;font-size:14.5px;flex:1}
.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}
.chip,.badge{align-self:flex-start;font:800 11px var(--f-display);letter-spacing:.14em;text-transform:uppercase;border-radius:100px;padding:5px 12px;border:1px solid var(--borde)}
.chip-web{color:#7dd3fc;background:rgba(14,165,233,.12)}.chip-app{color:#c4b5fd;background:rgba(124,58,237,.14)}
.badge{color:#9db0c5;background:var(--glass)}
.claude{text-align:left}.claude ol{margin:8px 0 10px 22px;display:grid;gap:8px;color:#dbe4ef}
.claude a{color:#93c5fd}
.logout{margin:34px 0 8px}.logout .btn{cursor:pointer}
.center{margin-top:20px}
.devs{margin:6px 0 0 18px;display:grid;gap:6px;color:#dbe4ef;font-size:14.5px}
.demo-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:center;margin:0 0 18px;font:800 13px var(--f-display);color:#c3cfdd}
.demo-bar .btn{padding:9px 16px;font-size:13px}
.foot{position:relative;z-index:2;text-align:center;color:#9db0c5;font-size:12.5px;padding:26px 20px 30px}
@media (max-width:520px){.stage{padding-top:4vh}.card-form{padding:22px}}