:root{--bg: #0b1020;--bg-elevated: #141a2e;--bg-input: #0e1425;--border: #26304d;--border-strong: #38456b;--text: #e8ecf7;--text-muted: #99a3be;--accent: #5b7cfa;--accent-strong: #7391ff;--danger: #e5484d;--success: #3fb950;--warning: #d29922;--radius: 12px;--radius-sm: 8px;--shadow: 0 12px 32px rgb(0 0 0 / 35%);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", "Cascadia Mono", Menlo, Consolas, monospace}@media(prefers-color-scheme:light){:root{--bg: #f6f7fb;--bg-elevated: #ffffff;--bg-input: #ffffff;--border: #d9dfec;--border-strong: #b8c1d6;--text: #14192b;--text-muted: #5b6480;--shadow: 0 10px 28px rgb(20 25 43 / 10%)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}h1{font-size:1.5rem;margin:0 0 .5rem}h2{font-size:1.1rem;margin:0 0 .5rem}h3{font-size:.95rem;margin:0 0 .4rem}p{margin:0 0 .75rem}code{font-family:var(--mono);font-size:.88em;background:color-mix(in srgb,var(--text) 8%,transparent);padding:.1em .35em;border-radius:4px}.muted{color:var(--text-muted)}.error-text{color:var(--danger);font-size:.9rem;margin:.5rem 0 0}.centered-page{min-height:100%;display:grid;place-items:center;padding:1.5rem}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;box-shadow:var(--shadow);max-width:34rem}.card h2{margin-bottom:.35rem}.landing{max-width:64rem;margin:0 auto;padding:3rem 1.5rem 4rem}.landing-header{margin-bottom:2rem}.brand{display:flex;align-items:center;gap:.6rem}.brand-mark{color:var(--accent);font-size:1.6rem;line-height:1}.brand-name{font-size:1.6rem;font-weight:650;letter-spacing:-.02em}.brand-tagline{color:var(--text-muted);margin:.5rem 0 0;max-width:40rem}.landing-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:1.25rem;align-items:start}.card-accent{border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.landing-note{margin-top:2rem;padding:1.25rem 1.5rem;border:1px dashed var(--border-strong);border-radius:var(--radius);color:var(--text-muted);font-size:.92rem}.landing-note h3{color:var(--text)}.field{display:block;margin:.9rem 0}.field-label{display:block;font-size:.82rem;font-weight:550;color:var(--text-muted);margin-bottom:.3rem;text-transform:uppercase;letter-spacing:.04em}input[type=text],input[type=password]{width:100%;padding:.6rem .75rem;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font:inherit}input[type=text]:focus,input[type=password]:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.checkbox{display:flex;align-items:center;gap:.5rem;font-size:.92rem;color:var(--text-muted);margin:.6rem 0;cursor:pointer}.checkbox input{accent-color:var(--accent)}.field-inline{margin-top:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);font:inherit;font-weight:550;cursor:pointer;transition:background-color .15s,border-color .15s,opacity .15s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn:disabled.con-tip:hover,.btn:disabled.con-tip:focus-visible{opacity:1}.btn-primary{background:var(--accent);color:#fff}.btn-primary:not(:disabled):hover{background:var(--accent-strong)}.btn-secondary{background:transparent;border-color:var(--border-strong);color:var(--text)}.btn-secondary:not(:disabled):hover{background:color-mix(in srgb,var(--text) 8%,transparent)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:not(:disabled):hover{filter:brightness(1.1)}.btn-ghost{background:transparent;color:var(--text-muted)}.btn-ghost:hover{color:var(--text);background:color-mix(in srgb,var(--text) 8%,transparent)}.btn-lg{width:100%;padding:.7rem 1rem;margin-top:.35rem}.btn-small{padding:.32rem .65rem;font-size:.85rem}.link-button{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;width:100%;padding:.45rem .55rem;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text);font:inherit;text-align:left;cursor:pointer}.link-button:hover{border-color:var(--border);background:color-mix(in srgb,var(--text) 5%,transparent)}.my-rooms{margin-top:1.25rem;padding-top:1rem;border-top:1px solid var(--border)}.my-rooms ul{list-style:none;margin:0;padding:0}.my-rooms .muted{font-size:.82rem}.banner{padding:.7rem .9rem;border-radius:var(--radius-sm);border:1px solid;font-size:.9rem;margin-bottom:1rem}.banner-error{border-color:color-mix(in srgb,var(--danger) 50%,transparent);background:color-mix(in srgb,var(--danger) 12%,transparent)}.banner-warning{border-color:color-mix(in srgb,var(--warning) 50%,transparent);background:color-mix(in srgb,var(--warning) 12%,transparent)}.banner-info{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.meeting{display:flex;flex-direction:column;height:100%;padding:.9rem 1rem 1rem;gap:.75rem}.meeting-header{display:flex;align-items:center;justify-content:flex-end;gap:1rem;flex-wrap:wrap}.meeting-identity{display:flex;align-items:center;gap:.6rem}.room-code{font-family:var(--mono);font-size:1rem;letter-spacing:.06em;padding:.25rem .6rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm)}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--text-muted)}.status-connected{background:var(--success)}.status-connecting,.status-reconnecting{background:var(--warning);animation:pulse 1.2s ease-in-out infinite}.status-fatal,.status-closed{background:var(--danger)}@keyframes pulse{50%{opacity:.35}}.meeting-actions{display:flex;gap:.5rem}.meeting-body{display:grid;grid-template-columns:1fr 23rem;gap:1rem;flex:1;min-height:0}.stage-column{display:flex;flex-direction:column;gap:.6rem;min-width:0}.stage{position:relative;flex:1;min-height:16rem;background:#05070f;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:grid;place-items:center}.stage-tool-pointer{cursor:crosshair;border-color:var(--accent);touch-action:none}.stage-tool-draw{cursor:cell;border-color:var(--success);touch-action:none}.stage-video{width:100%;height:100%;object-fit:contain;display:block;background:#05070f}.stage-video.is-hidden{visibility:hidden}.stage-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:2rem;color:var(--text)}.overlay-layer{position:fixed;pointer-events:none;z-index:25}.overlay-svg{position:absolute;inset:0;overflow:visible}.overlay-pointer{position:absolute;transform:translate(-2px,-2px);filter:drop-shadow(0 2px 3px rgb(0 0 0 / 45%))}.overlay-pointer-name{position:absolute;left:16px;top:14px;white-space:nowrap;font-size:.7rem;font-weight:600;padding:.05rem .35rem;border-radius:4px;color:#fff;text-shadow:0 1px 2px rgb(0 0 0 / 40%)}.overlay-ripple{transform-box:fill-box;transform-origin:center;animation:ripple .9s ease-out forwards}@keyframes ripple{0%{transform:scale(.5);opacity:1}to{transform:scale(3.2);opacity:0}}.control-active-banner{position:absolute;left:.6rem;bottom:.6rem;z-index:20;padding:.3rem .7rem;border-radius:999px;background:color-mix(in srgb,var(--accent) 85%,transparent);color:#fff;font-size:.82rem;font-weight:550;pointer-events:none}.conn-badge{position:absolute;right:.6rem;top:.6rem;z-index:20;padding:.25rem .6rem;border-radius:999px;font-size:.78rem;font-weight:550;pointer-events:none;border:1px solid}.conn-badge.is-ok{border-color:color-mix(in srgb,var(--success) 60%,transparent);background:color-mix(in srgb,var(--success) 25%,#000 55%);color:#d7ffe0}.conn-badge.is-warn{border-color:color-mix(in srgb,var(--warning) 70%,transparent);background:color-mix(in srgb,var(--warning) 30%,#000 55%);color:#fff3d6}.stage-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.tool-group{display:flex;align-items:center;gap:.35rem;padding:.2rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated)}.stage-info{color:var(--text-muted);font-size:.88rem}.sidebar{display:flex;flex-direction:column;gap:.9rem;min-height:0;overflow-y:auto;padding-right:.2rem}.panel-title{display:flex;align-items:center;gap:.5rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.count{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;padding:0 .45rem;font-size:.78rem}.participants{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem}.participant-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.participant{display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;gap:.5rem;padding:.45rem .5rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--text) 4%,transparent)}.participant.is-offline{opacity:.5}.participant-main{display:flex;align-items:center;flex-wrap:nowrap;gap:.3rem;flex:1 1 auto;min-width:0}.participant-name{display:flex;align-items:center;gap:.25rem;flex:0 1 auto;min-width:0;font-weight:550;white-space:nowrap}.participant-nombre{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.you-tag{flex:0 0 auto;font-size:.65rem;font-weight:500;color:var(--text-muted);border:1px solid var(--border-strong);border-radius:4px;padding:0 .2rem}.participant-badges{display:flex;align-items:center;flex-wrap:nowrap;gap:.2rem;flex:0 1 auto;min-width:0;overflow:hidden}.badge{font-size:.7rem;padding:.05rem .35rem;border-radius:4px;border:1px solid var(--border-strong);color:var(--text-muted);white-space:nowrap}.participant .badge{font-size:.64rem;padding:.02rem .28rem}.badge-host{border-color:var(--accent);color:var(--accent)}.badge-live{border-color:var(--success);color:var(--success)}.badge-control{border-color:var(--danger);color:var(--danger)}.badge-request{border-color:var(--warning);color:var(--warning)}.badge-share{border-color:var(--accent);color:var(--accent)}.participant-actions{display:flex;flex-wrap:nowrap;flex-shrink:0;gap:.25rem;justify-content:flex-end}.participant-actions .btn{flex:0 0 auto;white-space:nowrap}.invite-box{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem .85rem}.invite-url{display:block;margin-top:.25rem;font-size:.78rem;word-break:break-all;background:transparent;padding:0;color:var(--text-muted);user-select:all}.toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:100;padding:.6rem 1rem;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border-strong);box-shadow:var(--shadow);font-size:.9rem;max-width:min(90vw,40rem);text-align:center}.toast-error{border-color:var(--danger)}.toast-success{border-color:var(--success)}.toast-info{border-color:var(--accent)}@media(max-width:860px){.landing{padding:1.75rem 1rem 3rem}.landing-grid{grid-template-columns:1fr}.meeting-body{grid-template-columns:1fr;grid-template-rows:minmax(14rem,1fr) auto}.sidebar{overflow:visible}.stage{min-height:12rem}.meeting-actions{width:100%}}.panel-real{border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;flex-direction:column;gap:.55rem}.panel-real .panel-title{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:650;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.panel-note{margin:0;font-size:.83rem;line-height:1.45;color:var(--muted)}.panel-note.panel-ok{color:#8ce99a}.panel-note.panel-warn{color:#ffd8a8}.badge{font-size:.72rem;padding:.12rem .45rem;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.badge-ok{border-color:color-mix(in srgb,var(--success) 60%,transparent);color:#b2f2bb}.real-alert{display:flex;flex-direction:column;gap:.45rem;padding:.6rem .7rem;border-radius:var(--radius);border:1px solid color-mix(in srgb,var(--warning) 60%,transparent);background:color-mix(in srgb,var(--warning) 18%,transparent);font-size:.85rem;color:#fff3d6}.real-alert-strong{border-color:color-mix(in srgb,var(--danger, #ff6b6b) 70%,transparent);background:color-mix(in srgb,var(--danger, #ff6b6b) 22%,transparent);color:#ffe3e3}.real-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.real-list li{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.85rem}.real-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.real-switch{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;cursor:pointer}.real-switch input{margin-top:.15rem}.real-download{display:flex;flex-direction:column;gap:.35rem;align-items:flex-start}.stage-real-control{cursor:none;touch-action:none}.real-puerto{display:flex;flex-wrap:wrap;gap:.4rem;align-items:center;margin-top:.4rem}.real-puerto-token{display:flex;gap:.4rem;align-items:center;width:100%}.real-puerto-token input{flex:1;min-width:6rem}.real-puerto input{width:6.5rem}.btn-link{background:none;border:none;padding:0;color:inherit;font:inherit;text-decoration:underline;cursor:pointer}.real-pantalla{display:flex;flex-direction:column;gap:.3rem;font-size:.83rem}.real-pantalla select{padding:.35rem .5rem;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit}.stage-escritorio-remoto{position:fixed;inset:0;z-index:50;border:none;border-radius:0;background:#000}.escritorio-barra{position:absolute;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;gap:.6rem;padding:.55rem .9rem;background:linear-gradient(to bottom,#000000d9,#0000);color:#fff;font-size:.87rem;pointer-events:none}.escritorio-barra>*{pointer-events:auto}.escritorio-punto{width:.55rem;height:.55rem;border-radius:50%;background:#ff6b6b;box-shadow:0 0 0 3px #ff6b6b40;animation:escritorio-latido 1.6s ease-in-out infinite}@keyframes escritorio-latido{0%,to{opacity:1}50%{opacity:.35}}.escritorio-titulo{font-weight:600}.escritorio-aviso{color:#ffd8a8;margin-right:auto}.real-acciones{display:flex;gap:.4rem;flex-wrap:wrap}.real-dentro{color:#8ce99a;font-size:.78rem;font-weight:600}kbd{display:inline-block;padding:.05rem .3rem;border:1px solid var(--border);border-bottom-width:2px;border-radius:4px;background:var(--surface);font:inherit;font-size:.85em;font-weight:600}.badge-offline{border-color:color-mix(in srgb,#ff6b6b 45%,transparent);color:#ffc9c9}.control-diag{color:#ffd8a8;font-variant-numeric:tabular-nums}.stage:fullscreen{border:0;border-radius:0;background:#000;width:100%;height:100%;min-height:0}.stage-aviso{margin:.4rem 0 0;padding:0 .15rem;font-size:.85rem;line-height:1.35;color:#9aa6c4}.sidebar .meeting-header{flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:.35rem}.sidebar .meeting-header .meeting-identity{gap:.3rem;min-width:0}.sidebar .meeting-actions{gap:.3rem;flex-wrap:nowrap}.sidebar .meeting-actions .btn{padding:.2rem .45rem;font-size:.78rem;white-space:nowrap}.sidebar .room-code{font-size:.82rem;padding:.15rem .4rem}.sidebar .meeting-identity{justify-content:flex-start}.sidebar .meeting-actions{flex-wrap:nowrap}.sidebar .stage-controls{flex-direction:column;align-items:stretch;gap:.45rem}.sidebar .stage-controls .tool-group{display:flex;flex-wrap:wrap;gap:.4rem}.chat{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-panel, rgba(255, 255, 255, .03));border:1px solid var(--border);border-radius:var(--radius)}.chat-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem;max-height:16rem;overflow-y:auto}.chat-mensaje{display:flex;flex-direction:column;gap:.1rem;padding:.3rem .5rem;border-radius:var(--radius-sm);background:var(--bg-elevated);border:1px solid var(--border)}.chat-mensaje.es-mio{border-color:var(--accent, #4a7dff)}.chat-autor{font-size:.7rem;letter-spacing:.04em;text-transform:uppercase;color:#8b96b4}.chat-texto{font-size:.9rem;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.chat-form{display:flex;align-items:center;gap:.4rem;margin-top:.5rem}.chat-form input{flex:1;min-width:0}.chat-archivo{border-style:dashed}.chat-archivo-enlace{color:var(--accent, #6ea8ff);text-decoration:underline;overflow-wrap:anywhere}.chat-archivo-detalle{font-size:.72rem;color:#8b96b4}.chat-subiendo{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .5rem;margin:.25rem 0 0;font-size:.74rem;color:#8b96b4}.chat-subiendo-texto{flex:1 1 12rem;min-width:0;overflow-wrap:anywhere}.chat-subiendo-barra{flex:1 1 6rem;height:.4rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-input);overflow:hidden}.chat-subiendo-relleno{display:block;height:100%;background:var(--accent);transition:width .15s linear}.chat-subiendo-barra-parada .chat-subiendo-relleno{background:var(--warning)}.chat-subiendo-cancelar{flex:0 0 auto}.chat-fichero-oculto{display:none}.chat-adjuntar,.chat-enviar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:36px;min-height:36px;padding:.25rem}.chat-oferta{display:flex;flex-direction:column;gap:.3rem;padding:.5rem;border:1px solid var(--accent, #4a7dff);border-radius:var(--radius-sm);background:var(--bg-elevated)}.chat-oferta-botones{display:flex;gap:.4rem;margin-top:.2rem}.room-name{background:transparent;border:1px dashed var(--border);border-radius:var(--radius-sm);color:inherit;font:inherit;font-size:.85rem;padding:.15rem .45rem;cursor:pointer;max-width:9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-name:hover{border-color:var(--accent, #4a7dff)}.sidebar .meeting-actions .btn-icono{display:inline-flex;align-items:center;justify-content:center;padding:.3rem;min-width:1.9rem;min-height:1.9rem}.sidebar .room-name{display:inline-flex;align-items:center;gap:.3rem}.sidebar .room-name-texto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:6rem}.con-tip{position:relative}.con-tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 6px);right:0;z-index:40;padding:.35rem .55rem;border-radius:var(--radius-sm);background:#1b2330;color:#f2f5fa;font-size:.75rem;font-weight:500;line-height:1.3;width:max-content;max-width:min(18rem,calc(100vw - 1rem));white-space:normal;text-align:left;overflow-wrap:anywhere;box-shadow:0 6px 18px #080c1459;opacity:0;transform:translateY(-2px);transition:opacity .12s ease,transform .12s ease;pointer-events:none}.con-tip:hover:after,.con-tip:focus-visible:after{opacity:1;transform:translateY(0)}.sidebar .con-tip:after{right:0}.sidebar .con-tip{position:static}.sidebar .meeting-header,.sidebar .stage-controls>*,.sidebar .participant,.sidebar .audio-cabecera,.sidebar .audio-aparatos,.sidebar .chat,.sidebar .pestanas,.sidebar .pizarra-panel,.sidebar .pizarra-panel-cuerpo>*,.sidebar .pizarra-panel>.panel-title,.sidebar .panel-real,.sidebar .panel-real>.panel-title{position:relative}.pestanas{display:flex;gap:.25rem;padding:.25rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated)}.pestana{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.35rem .5rem;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--text-muted);font:inherit;font-size:.8rem;cursor:pointer;transition:background .12s ease,color .12s ease}.pestana:hover{background:var(--bg-hover, rgba(127, 127, 127, .12))}.pestana-activa{background:var(--accent, #4a7dff);color:#fff}.pestana-audio{padding:.75rem;border:1px dashed var(--border);border-radius:var(--radius-sm)}.audio-titulo{margin:0;font-size:.92rem}.audio-texto{margin:0;font-size:.82rem}.audio-cabecera{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.audio-ayuda-boton{display:inline-flex;align-items:center;justify-content:center;padding:.2rem .4rem}.audio-aparatos{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem;padding-top:.5rem;border-top:1px solid var(--border)}.audio-aparatos .audio-medidor{flex:1 1 7rem;min-width:7rem}.audio-selectores{display:flex;flex-wrap:wrap;gap:.4rem .6rem}.audio-aparato-campo{display:flex;flex-direction:column;gap:.15rem;flex:1 1 8rem;min-width:0;font-size:.72rem;color:var(--text-muted)}.audio-aparato-rotulo{font-size:.68rem;text-transform:uppercase;letter-spacing:.04em}.audio-boton{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;padding:.25rem;border:1px solid var(--border);border-radius:var(--radius-sm)}.audio-boton-activo{background:color-mix(in srgb,var(--success) 22%,transparent);border-color:var(--success);color:var(--success)}.audio-boton-silenciado{background:color-mix(in srgb,var(--warning) 20%,transparent);border-color:var(--warning);color:var(--warning)}.audio-ayuda-fondo{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;background:#060a128c}.audio-ayuda-caja{width:min(34rem,100%);max-height:min(80vh,34rem);overflow-y:auto;padding:1rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel, #141a24);box-shadow:0 18px 48px #04080e73}.audio-ayuda-cabecera{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.audio-ayuda-cabecera h3{margin:0;font-size:1rem}.audio-ayuda-cerrar{border:none;background:transparent;color:var(--text-muted);font-size:1.2rem;line-height:1;padding:.2rem .45rem;cursor:pointer;position:relative}.audio-ayuda-caja h4{margin:.8rem 0 .2rem;font-size:.88rem}.audio-ayuda-caja p{margin:0;font-size:.85rem;line-height:1.45;color:var(--text-muted)}.audio-botones{display:flex;flex-wrap:wrap;gap:.4rem}.audio-medidor{display:flex;align-items:center;gap:.5rem}.audio-medidor-pista{flex:1 1 auto;height:.7rem;border:1px solid var(--border);border-radius:999px;background:var(--bg-input);overflow:hidden}.audio-medidor-barra{height:100%;width:0;border-radius:999px;background:var(--accent);transition:width 60ms linear}.audio-medidor-barra-activa{background:var(--success)}.audio-medidor-texto{min-width:5.5rem;font-size:.78rem;text-align:right;color:var(--text-muted)}.audio-medidor-texto-activo{color:var(--success)}.audio-aviso{margin:0;padding:.5rem .6rem;border:1px solid var(--warning);border-radius:var(--radius-sm);background:color-mix(in srgb,var(--warning) 12%,transparent);font-size:.82rem}.audio-aviso-titulo{display:block;margin-bottom:.15rem}.audio-seccion{display:flex;flex-direction:column;gap:.35rem;padding-top:.6rem;border-top:1px solid var(--border)}.audio-select{width:100%;padding:.45rem .55rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text);font:inherit;font-size:.85rem}.audio-select:focus{outline:2px solid var(--accent);outline-offset:1px}.audio-select:disabled{opacity:.55;cursor:not-allowed}.audio-nota{margin:0;font-size:.78rem;color:var(--text-muted)}.nombre-popover{display:flex;flex-direction:column;gap:.4rem;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);box-shadow:0 8px 22px #080c1429}.nombre-popover-botones{display:flex;justify-content:flex-end}.room-name-abierto{border-color:var(--accent, #4a7dff);border-style:solid}.pestana-badge{width:.45rem;height:.45rem;border-radius:999px;background:#ef4444;box-shadow:0 0 0 2px var(--bg-elevated)}.brand-logo{width:2.6rem;height:2.6rem;object-fit:contain}.sidebar-logo{width:1.15rem;height:1.15rem;object-fit:contain;flex:none}.gate-logo{display:block;width:4rem;height:4rem;margin:0 auto .75rem;object-fit:contain}.gate-protegida{margin:0 0 .35rem;padding:.3rem .5rem;border:1px solid var(--border-strong, var(--border));border-radius:var(--radius-sm);background:var(--bg-elevated);font-size:.82rem;text-align:center}.brand-texto{display:inline-flex;flex-direction:column;line-height:1.1}.brand-expansion{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.sidebar .room-name{flex:0 0 auto;min-width:4.5rem}.sidebar .room-name-texto{max-width:5.5rem}@media(max-width:520px){.sidebar .meeting-header{flex-wrap:wrap;justify-content:flex-start}}.audio-reunion{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.audio-reunion-elemento{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.aviso-sonido{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:110;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:center;padding:.6rem .9rem;border-radius:var(--radius);background:var(--bg-elevated);border:1px solid var(--warning);box-shadow:var(--shadow);font-size:.88rem;max-width:min(92vw,44rem)}.aviso-sonido-texto{color:var(--text)}.participant-hablando{background:color-mix(in srgb,var(--success) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--success) 45%,transparent)}.habla-punto{display:inline-block;width:.45rem;height:.45rem;margin-right:.35rem;border-radius:999px;background:var(--success);vertical-align:middle}.badge-habla{border-color:var(--success);color:var(--success)}.badge-silenciado{border-color:var(--warning);color:var(--warning)}.audio-diagnostico{margin-top:.15rem;font-family:var(--mono);font-size:.72rem}.camaras{display:grid;gap:.5rem}.camaras-tira{display:flex;flex-wrap:nowrap;gap:.4rem;overflow-x:auto;justify-content:center;flex:0 0 auto;padding-bottom:.1rem}.camaras-tira .participante-caja-tira{flex:0 0 auto;width:8rem;aspect-ratio:4 / 3}.camaras-tira .participante-caja-tira .participante-nombre{padding:.15rem .25rem .12rem;font-size:.66rem}.camaras-tira .participante-caja-tira .participante-camara{top:.2rem;right:.2rem;width:1.1rem;height:1.1rem}.camaras-tira .participante-caja-tira.participante-caja-habla{box-shadow:0 0 0 2px color-mix(in srgb,var(--tono) 50%,transparent)}.camaras-tira .participante-caja-tira.participante-caja-video{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tono) 60%,transparent)}.camaras-tira .participante-caja-tira.participante-caja-video.participante-caja-habla{box-shadow:0 0 0 2px color-mix(in srgb,var(--tono) 50%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--tono) 60%,transparent)}.badge-camara{border-color:var(--accent);color:var(--accent)}.participantes-escenario{display:grid;flex:1;min-width:0;min-height:0;gap:.5rem;padding:.35rem;border-radius:var(--radius-sm);background:#0d1424;overflow:hidden}.participante-caja{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;margin:0;overflow:hidden;border:2px solid var(--tono-borde);border-radius:10px;background:var(--tono-fondo);color:var(--tono-texto);transition:border-color .12s ease,box-shadow .12s ease}.participante-caja-propia .participante-video{transform:scaleX(-1)}.participante-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#05070f}.participante-nombre{position:absolute;left:0;right:0;bottom:0;padding:.35rem .5rem .3rem;font-size:.82rem;font-weight:600;text-align:center;color:var(--tono-texto);background:linear-gradient(to top,rgba(5,7,15,.62),rgba(5,7,15,.12) 70%,transparent);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participante-inicial{display:flex;align-items:center;justify-content:center;width:clamp(2.4rem,16vmin,5rem);height:clamp(2.4rem,16vmin,5rem);border:2px solid var(--tono);border-radius:999px;background:#05070f59;color:var(--tono-texto);font-size:clamp(1.2rem,8vmin,2.4rem);font-weight:700}.participante-caja-habla{border-color:var(--tono);box-shadow:0 0 0 3px color-mix(in srgb,var(--tono) 45%,transparent)}.participante-caja-video{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tono) 60%,transparent)}.participante-caja-video.participante-caja-habla{box-shadow:0 0 0 3px color-mix(in srgb,var(--tono) 45%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--tono) 60%,transparent)}.participante-camara{position:absolute;top:.35rem;right:.35rem;display:inline-flex;align-items:center;justify-content:center;width:1.35rem;height:1.35rem;border-radius:999px;background:var(--tono);color:#0d1424}@media(max-width:520px){.participantes-escenario{gap:.25rem;padding:.2rem}.participante-nombre{font-size:.72rem;padding:.25rem .3rem .2rem}}.pizarra-escenario{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.pizarra-lienzo-caja{position:relative;flex:1;min-height:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#0d1424}.pizarra-panel{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius)}.stage-acompanante{flex:0 0 auto;height:30vh;min-height:8rem}.stage-acompanante .stage-video{position:absolute;inset:0;width:100%;height:100%}.meeting-body-pizarra{grid-template-rows:minmax(0,1fr)}.meeting-body-pizarra .stage-column{min-height:0}.pizarra-grupo{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem}.pizarra-rotulo{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);margin-right:.1rem}.pizarra-herramienta{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .42rem;font-size:.74rem;line-height:1.25}.pizarra-herramienta-icono{justify-content:center;min-width:1.85rem;min-height:1.85rem;padding:.28rem}.pizarra-herramienta-activa{background:var(--accent);border-color:var(--accent);color:#fff}.pizarra-color{width:1.15rem;height:1.15rem;padding:0;border:1px solid var(--border-strong);border-radius:999px;cursor:pointer;font-size:.7rem;line-height:1;color:var(--text-muted);display:inline-flex;align-items:center;justify-content:center}.pizarra-color-activo{outline:2px solid var(--accent);outline-offset:1px}.pizarra-color-cuadrado{border-radius:3px}.pizarra-color-propio-caja{display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem}.pizarra-color-propio{position:relative;display:inline-flex;align-items:center;justify-content:center;width:1.15rem;height:1.15rem;border:1px dashed var(--border-strong);border-radius:999px;color:var(--text-muted);font-size:.8rem;line-height:1;cursor:pointer}.pizarra-color-propio input{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;opacity:0;cursor:pointer}.pizarra-punta{min-width:1.9rem;padding:.1rem .3rem;border:1px solid var(--border, #2a3554);border-radius:5px;background:transparent;color:var(--text, #e8ecf8);font:inherit;font-size:.95rem;line-height:1.2;cursor:pointer}.pizarra-punta-activa{border-color:var(--accent, #4dabf7);box-shadow:0 0 0 1px var(--accent, #4dabf7) inset}.pizarra-grosor,.pizarra-tipo-linea{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.7rem;padding:0 .3rem;border:1px solid var(--border, #2a3554);border-radius:5px;background:transparent;color:var(--text, #e8ecf8);cursor:pointer}.pizarra-grosor-activo,.pizarra-tipo-activo{border-color:var(--accent, #4dabf7);box-shadow:0 0 0 1px var(--accent, #4dabf7) inset}.pizarra-grosor-linea{display:block;width:1.1rem;background:currentColor;border-radius:999px}.pizarra-linea-muestra{display:block;width:1.3rem;border-top:2px solid currentColor}.pizarra-linea-continua{border-top-style:solid}.pizarra-linea-discontinua{border-top-style:dashed}.pizarra-linea-puntos{border-top-style:dotted}.pizarra-casilla{display:inline-flex;align-items:center;gap:.25rem;font-size:.72rem;color:var(--text-muted);cursor:pointer}.pizarra-lienzo{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.pizarra-texto-entrada{position:absolute;min-width:8rem;max-width:90%;padding:.15rem .3rem;border:1px solid var(--accent);border-radius:4px;background:#0d1424;color:#e8ecf8;font:inherit;font-size:.85rem}.pizarra-acciones{display:flex;flex-wrap:wrap;gap:.35rem}.pizarra-accion-icono{display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;padding:0;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text, #e8ecf8);cursor:pointer}.pizarra-accion-icono:hover:not(:disabled){border-color:var(--accent, #4dabf7);color:var(--accent, #4dabf7)}.pizarra-accion-icono:disabled{opacity:.35;cursor:default}.pizarra-accion-peligro{border-color:#b4562f;color:#ff8b6b}.pizarra-accion-peligro:hover:not(:disabled){border-color:#ff8b6b;color:#ffb59f}.pizarra-estado{margin:0;font-size:.74rem;color:var(--text-muted)}.pizarra-leyenda{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.35rem .6rem;font-size:.72rem;color:var(--text-muted)}.pizarra-leyenda-punto{display:inline-block;width:.5rem;height:.5rem;margin-right:.25rem;border-radius:999px;vertical-align:middle}.pizarra-ayuda{margin:0;font-size:.72rem;color:var(--text-muted);line-height:1.35}.pizarra-ayuda-corta{margin:0;font-size:.7rem;color:var(--text-muted)}.pizarra-barra-superior{position:absolute;top:.5rem;left:.5rem;right:.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;z-index:3}.pizarra-barra-separador{flex:0 0 auto;width:1px;height:1.3rem;margin:0 .1rem;background:var(--border-strong, #2a3554)}.pizarra-accion-flotante{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:2rem;height:2rem;padding:0;border:1px solid #2a3554;border-radius:6px;background:#0d1424db;color:#e8ecf8;font-size:1rem;line-height:1;cursor:pointer}.pizarra-accion-flotante svg{display:block}.pizarra-accion-flotante:hover:not(:disabled){border-color:#4dabf7;color:#4dabf7}.pizarra-accion-flotante:disabled{opacity:.42;cursor:default}.pizarra-zoom{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:3.1rem;height:2rem;padding:0 .25rem;border-radius:6px;background:#0d1424db;color:#99a3be;font-size:.68rem;font-variant-numeric:tabular-nums;pointer-events:none}.pizarra-ayuda-boton{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;padding:.18rem .35rem}.pizarra-seccion{border:1px solid var(--border);border-radius:7px;background:#ffffff04}.pizarra-seccion-titulo{padding:.3rem .5rem;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);cursor:pointer;user-select:none}.pizarra-seccion-cuerpo{display:flex;flex-direction:column;gap:.42rem;padding:.05rem .5rem .55rem}.pizarra-objetos{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.05rem,1fr));gap:.25rem}.pizarra-objeto{display:inline-flex;align-items:center;justify-content:center;min-height:1.85rem;padding:.12rem;border:1px solid var(--border);border-radius:5px;background:#0d1424;cursor:pointer}.pizarra-objeto:hover{border-color:var(--accent, #4dabf7)}.pizarra-objeto-icono{display:block;width:28px;height:22px}.pizarra-catalogo{display:flex;flex-direction:column;gap:.3rem;margin-top:.15rem;padding-top:.35rem;border-top:1px dashed var(--border)}.pizarra-buscador{display:block;padding:0 0 .15rem}.pizarra-buscador-campo{width:100%;padding:.32rem .5rem;border:1px solid var(--border);border-radius:6px;background:#0d1424;color:#e8ecf8;font-size:.75rem}.pizarra-buscador-campo::placeholder{color:var(--text-muted)}.pizarra-buscador-campo:focus{outline:2px solid var(--accent, #4dabf7);outline-offset:1px}.pizarra-categoria{border:1px solid var(--border);border-radius:6px;background:#ffffff04}.pizarra-categoria-titulo{display:flex;align-items:center;justify-content:space-between;gap:.3rem;padding:.24rem .4rem;font-size:.7rem;color:var(--text, #e8ecf8);cursor:pointer;user-select:none}.pizarra-categoria-cuenta{font-size:.62rem;color:var(--text-muted);font-variant-numeric:tabular-nums}.pizarra-categoria-rejilla{display:grid;grid-template-columns:repeat(auto-fill,minmax(2.05rem,1fr));gap:.2rem;padding:0 .35rem .35rem}.pizarra-estencil{display:inline-flex;align-items:center;justify-content:center;min-height:1.8rem;padding:.1rem;border:1px solid var(--border);border-radius:5px;background:#0d1424;cursor:pointer}.pizarra-estencil:hover{border-color:var(--accent, #4dabf7)}.pizarra-estencil-lienzo{display:block;width:30px;height:24px}.pizarra-alinear{display:inline-flex;align-items:center;justify-content:center;width:1.8rem;height:1.8rem;padding:0;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--text, #e8ecf8);cursor:pointer}.pizarra-alinear-activa{border-color:var(--accent, #4dabf7);box-shadow:inset 0 0 0 1px var(--accent, #4dabf7)}.pizarra-alinear:disabled{opacity:.35;cursor:default}.pizarra-ayuda-fondo{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:1rem;background:#04070ea8}.pizarra-ayuda-caja{width:min(36rem,100%);max-height:min(82vh,42rem);overflow:auto;padding:1rem 1.1rem;border:1px solid var(--border-strong, #2a3554);border-radius:10px;background:var(--bg-elevated, #141c2e);color:var(--text, #e8ecf8);box-shadow:0 18px 40px #00000080;font-size:.82rem;line-height:1.45}.pizarra-ayuda-cabecera{display:flex;align-items:center;gap:.5rem}.pizarra-ayuda-cabecera h3{margin:0;font-size:1rem}.pizarra-ayuda-cerrar{margin-left:auto;padding:0 .35rem;border:0;background:transparent;color:var(--text-muted, #8b99b8);font:inherit;font-size:1.35rem;line-height:1;cursor:pointer}.pizarra-ayuda-caja h4{margin:.9rem 0 .2rem;font-size:.8rem;color:var(--accent, #4dabf7)}.pizarra-ayuda-caja p{margin:0 0 .35rem;color:var(--text-muted, #8b99b8)}.pizarra-aviso{display:flex;align-items:flex-start;gap:.4rem;margin:0;padding:.4rem .5rem;border:1px solid #b4562f;border-left-width:3px;border-radius:6px;background:#2a1a12;color:#ffd8b8;font-size:.75rem;line-height:1.35}.pizarra-aviso-cerrar{flex:none;margin-left:auto;padding:0 .3rem;border:0;background:transparent;color:inherit;font:inherit;font-size:.95rem;line-height:1;cursor:pointer}.pizarra-fichero{position:relative;overflow:hidden;cursor:pointer}.pizarra-fichero input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.pestanas{flex-wrap:nowrap;container-type:inline-size}.pestana{flex:1 1 0;min-width:0;min-height:2rem;padding:.2rem .3rem;gap:.3rem;font-size:.72rem}.pestana svg{display:block;flex:0 0 auto}.pestana-texto{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@container (max-width: 19.5rem){.pestana{gap:0}.pestana-texto{display:none}}.pizarra-impresion{display:none}@media print{@page{margin:12mm}html,body{background:#fff}body>*{display:none!important}body>.pizarra-impresion{display:block!important}.pizarra-impresion-lienzo{display:block;width:100%;height:auto;border-radius:0}.pizarra-impresion-pie{margin:.5rem 0 0;color:#444;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:10pt}}.pizarra-plegar{display:none;margin-left:auto}.pizarra-panel-plegado .pizarra-panel-cuerpo{display:none}.pizarra-panel-cuerpo{display:flex;flex-direction:column;gap:.5rem}@media(max-width:860px){.meeting-body-pizarra{grid-template-columns:1fr;grid-template-rows:minmax(46vh,1fr) minmax(0,40vh)}.meeting-body-pizarra .sidebar{overflow-y:auto;min-height:0}.meeting-body-pizarra .pizarra-lienzo-caja{min-height:42vh}.pizarra-plegar{display:inline-flex}}