:root{--fondo: #0b0507;--papel: #170a0e;--tinta: #f4e7e5;--suave: #b39a9e;--laurel: #7a1528;--laurel-2: #e8304f;--mia: #4a1420;--suya: #22101a;--oro: #e8304f;--linea: #3b1820;--rojo: #ff5a6e;--verde: #3f8a4a;--mesa: #0b0507;--mesa-2: #170a0e;--mesa-t: #f4e7e5;--mesa-s: #b39a9e;color-scheme:dark}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--fondo);color:var(--tinta);font:16px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}.centro{height:100%;display:grid;place-content:center;text-align:center;gap:8px;padding:24px}.fuera h1{margin:0;font-family:Georgia,serif;font-weight:400;letter-spacing:.08em}.fuera p{color:var(--suave)}.laurel{font-size:0px;color:var(--laurel-2)}.hoja-giro{width:28px;height:28px;border:3px solid var(--linea);border-top-color:var(--laurel);border-radius:50%;animation:g 1s linear infinite}@keyframes g{to{transform:rotate(1turn)}}.app{height:100%;max-width:920px;margin:0 auto;position:relative}.app.en-mesa{max-width:none}.chat{height:100%;display:flex;flex-direction:column;background:var(--papel);border-inline:1px solid var(--linea)}.cab{display:flex;align-items:center;gap:12px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:var(--laurel);color:#f3ecd6}.avatar{width:40px;height:40px;border-radius:50%;background:#e8dcb5;color:var(--laurel);display:grid;place-items:center;font-weight:700;flex:none;font-family:Georgia,serif;font-size:18px}.avatar.xl{width:96px;height:96px;font-size:40px}.quien{flex:1;display:flex;flex-direction:column;min-width:0}.quien small{opacity:.8;font-size:13px}.icono{background:none;border:0;color:inherit;width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.icono:hover:not(:disabled){background:#ffffff1f}.icono svg{width:22px;height:22px;fill:currentColor}.lista{flex:1;overflow-y:auto;padding:12px 16px 8px;display:flex;flex-direction:column;gap:2px;background-image:radial-gradient(circle at 20% 20%,rgba(63,99,67,.05) 0 2px,transparent 3px),radial-gradient(circle at 70% 60%,rgba(180,138,60,.05) 0 2px,transparent 3px);background-size:48px 48px}.vacio{text-align:center;color:var(--suave);margin:auto;font-size:14px}.dia{text-align:center;margin:10px 0 6px}.dia span{background:var(--fondo);color:var(--suave);font-size:12px;padding:4px 10px;border-radius:8px;text-transform:capitalize}.burbuja{max-width:min(78%,560px);padding:6px 10px;border-radius:10px;position:relative;box-shadow:0 1px #0000000f;display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 10px;white-space:pre-wrap;overflow-wrap:anywhere}.burbuja.primero{margin-top:6px}.mia{align-self:flex-end;background:var(--mia)}.suya{align-self:flex-start;background:var(--suya)}.mia.primero{border-top-right-radius:2px}.suya.primero{border-top-left-radius:2px}.txt{flex:1 1 auto}.txt a{color:var(--laurel-2)}.meta{margin-left:auto;font-size:11px;color:var(--suave);white-space:nowrap}.tick{margin-left:2px;letter-spacing:-3px}.tick.leido{color:var(--oro);font-weight:700}.pie{display:flex;gap:8px;padding:8px 10px;padding-bottom:max(8px,env(safe-area-inset-bottom));background:var(--fondo);align-items:flex-end}.pie textarea{flex:1;resize:none;border:1px solid var(--linea);border-radius:22px;padding:10px 16px;font:inherit;background:var(--papel);color:var(--tinta);max-height:140px;outline:none}.pie textarea:focus{border-color:var(--laurel-2)}.enviar{width:46px;height:46px;border-radius:50%;border:0;background:var(--laurel);color:#f3ecd6;display:grid;place-items:center;flex:none}.enviar svg{width:20px;height:20px;fill:currentColor}.llamada{position:fixed;inset:0;background:#0d110d;z-index:20}.grande{width:100%;height:100%;object-fit:cover}.peque{position:absolute;right:16px;top:max(16px,env(safe-area-inset-top));width:28vw;max-width:200px;aspect-ratio:3/4;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.3);background:#222}.espejo{transform:scaleX(-1)}.espejo.sin-espejo{transform:none}.llamando{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;color:#eee;gap:8px}.duracion{position:absolute;top:max(16px,env(safe-area-inset-top));left:16px;color:#fff;background:#0006;padding:4px 10px;border-radius:12px;font-variant-numeric:tabular-nums}.botones{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:0;right:0;display:flex;justify-content:center;gap:18px}.redondo{width:60px;height:60px;border-radius:50%;border:0;background:#ffffff2e;color:#fff;font-size:24px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.redondo.off{background:#ffffffd9}.redondo.rojo{background:var(--rojo)}.redondo.verde{background:var(--verde)}.entrante{position:fixed;inset:0;z-index:30;background:linear-gradient(160deg,#2f4a32,#121a12);color:#f3ecd6;display:grid;place-content:center;justify-items:center;text-align:center;gap:12px}.entrante .botones{position:static;gap:64px;margin-top:32px}.entrante .avatar{animation:latido 1.2s ease-in-out infinite}@keyframes latido{50%{transform:scale(1.06);box-shadow:0 0 0 14px #e8dcb51f}}.mesa{position:fixed;inset:0;background:var(--mesa);color:var(--mesa-t);display:flex;flex-direction:column;z-index:10}.mesa-cab{display:flex;align-items:center;gap:16px;padding:12px 18px;border-bottom:1px solid #2a322b}.volver{background:none;border:1px solid #3a443b;color:var(--mesa-t);border-radius:8px;padding:6px 12px}.titulo{flex:1;display:flex;flex-direction:column}.titulo strong{font-family:Georgia,serif;font-weight:400;letter-spacing:.04em;font-size:18px}.titulo small{color:var(--mesa-s)}.crono{font-variant-numeric:tabular-nums;color:var(--mesa-s)}.crono.vivo{color:#8fd18f}.mesa-cuerpo{flex:1;display:grid;grid-template-columns:1fr 340px;min-height:0}.escenario{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;padding:14px;align-content:center;min-height:0}.tile{position:relative;background:#000;border-radius:12px;overflow:hidden;aspect-ratio:16/9;border:1px solid #2a322b}.tile video{width:100%;height:100%;object-fit:contain;background:#0b0e0b}.rotulo{position:absolute;left:10px;bottom:8px;background:#0000008c;padding:2px 8px;border-radius:6px;font-size:13px}.espera{position:absolute;inset:0;display:grid;place-items:center;color:var(--mesa-s)}.sin-llamada{grid-column:1 / -1;text-align:center;display:grid;gap:14px;justify-items:center;color:var(--mesa-s)}.sin-llamada p{font-family:Georgia,serif;font-size:22px;color:var(--mesa-t);margin:0}.primario{background:var(--oro);color:#1a1408;border:0;border-radius:10px;padding:12px 22px;font-weight:600}.lado{border-left:1px solid #2a322b;background:var(--mesa-2);display:flex;flex-direction:column;min-height:0}.lado nav{display:flex}.lado nav button{flex:1;background:none;border:0;border-bottom:2px solid transparent;color:var(--mesa-s);padding:10px}.lado nav button.on{color:var(--mesa-t);border-bottom-color:var(--oro)}.acta{flex:1;display:flex;flex-direction:column;min-height:0;padding:10px;gap:8px}.acta textarea{flex:1;resize:none;background:#121612;color:var(--mesa-t);border:1px solid #2f382f;border-radius:8px;padding:12px;font:14px/1.5 ui-monospace,SF Mono,Menlo,monospace;outline:none}.acta-bot{display:flex;gap:8px}.acta-bot button,.controles button{background:#2a322b;color:var(--mesa-t);border:1px solid #3a443b;border-radius:8px;padding:8px 14px}.mini-chat{flex:1;display:flex;flex-direction:column;min-height:0}.mini-lista{flex:1;overflow-y:auto;padding:10px;font-size:14px}.mini-lista p{margin:0 0 8px}.mini-lista b{color:var(--oro);font-weight:600}.mini-chat input{margin:10px;padding:10px;border-radius:8px;border:1px solid #3a443b;background:#121612;color:var(--mesa-t);font:inherit}.controles{display:flex;justify-content:center;gap:10px;padding:12px;border-top:1px solid #2a322b;flex-wrap:wrap;padding-bottom:max(12px,env(safe-area-inset-bottom))}.controles button.off{background:#e9ecdf;color:#161b17}.controles button.on{background:var(--oro);color:#1a1408}.controles .colgar{background:var(--rojo);border-color:var(--rojo)}@media(max-width:760px){.mesa-cuerpo{grid-template-columns:1fr;grid-template-rows:auto 1fr}.escenario{grid-template-columns:1fr 1fr;padding:8px;gap:8px}.lado{border-left:0;border-top:1px solid #2a322b}}.aviso{position:fixed;bottom:90px;left:50%;transform:translate(-50%);background:#23301f;color:#f3ecd6;padding:10px 16px;border-radius:10px;z-index:40;box-shadow:0 4px 16px #0000004d}