:root{--azul:#011d8b;--azul-claro:#2743c9;--fondo:#f4f6fb;--burbuja-mia:#d7e6ff;--burbuja-otra:#fff;--texto:#111827;--texto-suave:#6b7280;--verde:#16a34a;--amarillo:#ffd24d;--radius:16px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--texto);-webkit-font-smoothing:antialiased;background:#dbe3f0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.app{background:var(--fondo);flex-direction:column;max-width:480px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}@media (width>=520px){.app{box-shadow:0 0 40px #0b3d9140}}.header{background:var(--azul);color:#fff;padding:calc(env(safe-area-inset-top) + 14px) 16px 14px;flex-shrink:0;align-items:center;gap:12px;display:flex}.header h1{flex:1;font-size:19px;font-weight:700}.header .sub{opacity:.85;display:flex}.back-btn{color:#fff;cursor:pointer;background:0 0;border:none;padding:4px 8px 4px 0;display:flex}.content{overscroll-behavior:contain;flex:1;overflow-y:auto}.login{color:#fff;text-align:center;background:linear-gradient(160deg,#1230a8 0%,#010f4d 100%);flex-direction:column;justify-content:center;gap:12px;max-width:480px;height:100dvh;margin:0 auto;padding:32px 28px;display:flex}.login .logo{justify-content:center;margin-bottom:6px;display:flex}.login .logo img{filter:drop-shadow(0 6px 24px #00000059);width:88%;max-width:340px;height:auto}.login h1{font-size:30px;line-height:1.15}.login p{opacity:.9;margin-bottom:20px;font-size:15px}.btn{border-radius:var(--radius);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:15px;font-size:16px;font-weight:600;transition:transform 50ms;display:flex}.btn:active{transform:scale(.98)}.btn-blanco{color:var(--azul);background:#fff}.btn-borde{color:#fff;background:0 0;border:1.5px solid #fff9}.btn-texto{color:#ffffffd9;background:0 0;font-size:14px;font-weight:500}.login-error{background:#dc262640;border:1px solid #ff787880;border-radius:10px;padding:9px 12px;opacity:1!important;margin-bottom:4px!important;font-size:13.5px!important}.login-busy{margin-bottom:4px!important;font-size:13px!important}.login input{border-radius:var(--radius);text-align:center;border:none;width:100%;padding:15px;font-size:16px}.demo-banner{background:var(--amarillo);color:#5b4300;text-align:center;flex-shrink:0;padding:6px;font-size:12px;font-weight:600}.chat-item{cursor:pointer;background:#fff;border-bottom:1px solid #eef1f6;align-items:center;gap:12px;padding:13px 16px;display:flex}.chat-item:active{background:#f0f4fa}.avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;font-size:18px;font-weight:700;display:flex}.chat-mid{flex:1;min-width:0}.chat-mid .name{font-size:16px;font-weight:600}.chat-mid .last{color:var(--texto-suave);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.chat-right{text-align:right;flex-direction:column;align-items:flex-end;gap:5px;display:flex}.chat-right .time{color:var(--texto-suave);font-size:12px}.badge{background:var(--verde);color:#fff;border-radius:11px;justify-content:center;align-items:center;min-width:21px;height:21px;padding:0 6px;font-size:12px;font-weight:700;display:flex}.room{background:#e8edf6;flex-direction:column;gap:6px;min-height:100%;padding:14px 12px;display:flex}.msg{border-radius:14px;max-width:80%;padding:9px 12px;font-size:15px;line-height:1.35;position:relative}.msg .author{color:var(--azul-claro);margin-bottom:2px;font-size:12.5px;font-weight:700}.msg .time{color:var(--texto-suave);text-align:right;margin-top:3px;font-size:10.5px}.msg.otra{background:var(--burbuja-otra);border-top-left-radius:4px;align-self:flex-start;box-shadow:0 1px 1px #0000000f}.msg.mia{background:var(--burbuja-mia);border-top-right-radius:4px;align-self:flex-end}.composer{padding:8px 10px calc(env(safe-area-inset-bottom) + 8px);background:var(--fondo);flex-shrink:0;gap:8px;display:flex}.composer input{background:#fff;border:1px solid #dde3ee;border-radius:24px;outline:none;flex:1;padding:12px 16px;font-size:15px}.composer button{background:var(--azul);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;width:46px;height:46px;font-size:18px}.card{border-radius:var(--radius);background:#fff;margin:12px 12px 0;padding:15px 16px;box-shadow:0 1px 2px #0000000d}.card .who{color:var(--azul-claro);margin-bottom:5px;font-size:13px;font-weight:700}.card .texto{font-size:15px;line-height:1.4}.card .acciones{gap:18px;margin-top:11px;display:flex}.accion{color:var(--texto-suave);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:14px;font-weight:600;display:inline-flex}.accion.activa{color:var(--verde)}.gira-card{align-items:center;gap:14px;display:flex}.gira-fecha{background:var(--azul);color:#fff;text-align:center;border-radius:12px;flex-shrink:0;min-width:64px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.2}.gira-info{flex:1}.gira-info .dept{font-size:16px;font-weight:700}.gira-info .lugar{color:var(--texto-suave);font-size:13.5px}.gira-info .asistire{color:var(--verde);align-items:center;gap:4px;margin-top:3px;font-size:12.5px;font-weight:600;display:flex}.btn-chico{background:var(--azul);color:#fff;cursor:pointer;border:none;border-radius:20px;flex-shrink:0;align-items:center;gap:5px;padding:9px 14px;font-size:13px;font-weight:700;display:inline-flex}.bottom-nav{padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5eaf2;flex-shrink:0;display:flex}.nav-item{color:var(--texto-suave);cursor:pointer;background:0 0;border:none;flex-direction:column;flex:1;align-items:center;gap:2px;padding:9px 0 7px;font-size:11px;font-weight:600;display:flex}.nav-item .icono{display:flex}.nav-item.activo{color:var(--azul)}.nav-item.activo svg{stroke-width:2.4px}.vacio{text-align:center;color:var(--texto-suave);padding:48px 32px;font-size:14.5px}