:root{--marca: #555;--marca-suave: #ccc;--fondo: #141312;--panel: #1F1D1B;--tile: #3A3734;--boton: #2E2B29;--linea: #2A2826;--texto: #fff;--suave: #BDB7B0;--habla: #4CC27A;--colgar: #D93A4E}*{box-sizing:border-box}html,body,#root{margin:0;height:100%;background:var(--fondo);color:var(--texto);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}.pantalla{height:100%;display:flex;flex-direction:column;overflow:hidden}.centro{align-items:center;justify-content:center;gap:18px;padding:24px;text-align:center}.cargando{width:36px;height:36px;border-radius:50%;border:3px solid #3a3734;border-top-color:var(--marca);animation:gira 1s linear infinite}@keyframes gira{to{transform:rotate(360deg)}}.barra{height:56px;flex:none;display:flex;align-items:center;gap:14px;padding:0 20px;border-bottom:1px solid var(--linea)}.barra .logo,.salido .logo{height:30px;width:auto;max-width:170px;object-fit:contain}.barra .titulo{font-size:15px;color:var(--suave);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.barra .hueco{flex:1}.barra .reloj{font-size:13px;color:var(--suave);font-variant-numeric:tabular-nums}.reconecta{font-size:13px;color:#f6c26b}.previa-cuerpo{flex:1;display:flex;gap:32px;padding:32px;align-items:center;justify-content:center;overflow:auto}.previa-video{position:relative;width:min(640px,100%);aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:var(--tile);flex:none}.previa-video video{width:100%;height:100%;object-fit:cover}.previa-botones{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:12px}.sin-cam{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.previa-datos{width:min(380px,100%);display:flex;flex-direction:column;gap:12px}.previa-datos h1{font-size:26px;margin:0;line-height:1.25}.suave{color:var(--suave);margin:0}.previa-datos p{margin:0;line-height:1.5}.campo{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--suave)}.campo input{height:48px;border-radius:12px;border:1px solid #4A4641;background:#1f1d1b;color:#fff;font-size:17px;padding:0 14px;font-family:inherit}.principal{min-height:52px;border:none;border-radius:26px;background:var(--marca);color:#fff;font-size:16px;font-weight:600;padding:0 24px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.secundario{min-height:48px;border:1px solid #4A4641;border-radius:24px;background:transparent;color:#fff;font-size:15px;padding:0 20px}.pista{font-size:13px;color:var(--suave)}.aviso{background:#3a2326;color:#ffd9de;border-radius:12px;padding:12px 14px;font-size:15px}.aviso.suave{background:#2e2b29;color:var(--suave)}.espejo,.espejo video{transform:scaleX(-1)}.sala,.sala-dentro{height:100%}.escenario{flex:1;min-height:0;padding:12px 20px;display:flex;flex-direction:column;gap:10px}.principal-area{position:relative;flex:1;min-height:0;display:flex}.vista-dividida .arriba{flex:3;min-height:0;display:flex}.vista-dividida .abajo{flex:2;min-height:0;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(200px,1fr);gap:10px;overflow-x:auto}.tile{position:relative;flex:1;min-width:0;min-height:0;border-radius:14px;background:var(--tile);overflow:hidden;display:flex;align-items:center;justify-content:center}.tile.habla{outline:3px solid var(--habla);outline-offset:-3px}.tile video{width:100%;height:100%;object-fit:cover}.tile.grande video{object-fit:contain;background:#000}.avatar{width:84px;height:84px;border-radius:50%;background:#5e5955;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:600}.avatar.grande{width:150px;height:150px;font-size:54px}.avatar.mio{background:var(--marca)}.tile.mini .avatar{width:56px;height:56px;font-size:22px}.etiqueta{position:absolute;left:12px;bottom:10px;font-size:13px;background:#1413128c;padding:3px 8px;border-radius:6px}.flotante{position:absolute;right:16px;bottom:16px;width:240px;height:140px;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000073;touch-action:none;cursor:grab;z-index:5;display:flex}.flotante:active{cursor:grabbing}.compartido{position:relative;flex:1;min-width:0;border-radius:14px;overflow:hidden;background:#000;display:flex;align-items:center;justify-content:center}.compartido.claro{background:#f6f4f1;color:#1c1b1a}.compartido video.contener,.compartido .contener{width:100%;height:100%;object-fit:contain}.compartido img{max-width:100%;max-height:100%;object-fit:contain}.compartido iframe{width:100%;height:100%;border:0;background:#fff}.etiqueta-sup{position:absolute;left:14px;top:12px;padding:5px 10px;border-radius:8px;background:#141312bf;color:#fff;font-size:12px}.dejar{position:absolute;right:14px;top:10px;height:36px;border-radius:18px;border:none;background:#141312cc;color:#fff;padding:0 14px;font-size:13px}.pdf-movil{display:flex;flex-direction:column;gap:14px;align-items:center;padding:20px;text-align:center}.aviso-flotante{position:absolute;top:64px;left:50%;transform:translate(-50%);z-index:20;background:#3a2326;color:#ffd9de;padding:10px 14px;border-radius:12px;font-size:14px;max-width:92%;cursor:pointer}.controles{flex:none;min-height:84px;display:flex;align-items:center;justify-content:center;gap:12px;border-top:1px solid var(--linea);padding:10px 12px calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap}.redondo{width:52px;height:52px;border-radius:26px;border:none;background:var(--boton);color:#fff;display:flex;align-items:center;justify-content:center}.redondo.apagado{background:#fff;color:#141312}.pastilla{height:52px;padding:0 18px;border-radius:26px;border:none;background:var(--boton);color:#fff;font-size:14px}.pastilla.activo{background:#fff;color:#141312;font-weight:600}.selector{height:52px;border-radius:26px;background:var(--boton);display:flex;align-items:center;padding:4px;gap:4px}.selector button{height:44px;padding:0 14px;border-radius:22px;border:none;background:transparent;color:var(--suave);font-size:13px}.selector button.sel{background:#fff;color:#141312;font-weight:600}.colgar{height:52px;padding:0 22px;border-radius:26px;border:none;background:var(--colgar);color:#fff;font-size:14px;font-weight:600}.hoja-fondo{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:30;display:flex;align-items:flex-end;justify-content:flex-end;padding:16px}.hoja{width:320px;max-width:100%;max-height:calc(100% - 100px);overflow:auto;background:var(--panel);border-radius:16px;padding:18px;display:flex;flex-direction:column;gap:12px;margin-bottom:84px}.hoja-cab{display:flex;align-items:center;justify-content:space-between;font-size:16px}.cerrar{width:44px;height:44px;border-radius:22px;border:none;background:var(--boton);color:#fff;font-size:16px}.opcion{min-height:52px;border-radius:12px;border:none;background:var(--boton);color:#fff;font-size:15px;text-align:left;padding:0 16px}.nota{font-size:13px;color:var(--suave);line-height:1.5;margin:0}.rejilla-fondos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fondo-op{height:78px;border-radius:10px;border:none;background:var(--tile) center/cover no-repeat;color:#141312;font-size:12px;font-weight:600;display:flex;align-items:flex-end;padding:6px;text-align:left}.fondo-op span{background:#ffffffd1;border-radius:6px;padding:2px 6px}.fondo-op:first-child span{background:transparent;color:#fff}.fondo-op.difu{background:linear-gradient(135deg,#8c9a8f,#c9c2b3)}.fondo-op.sel{outline:3px solid #fff;outline-offset:-3px}.fondo-op.subir{background:transparent;border:1px dashed #6B6660;color:var(--suave);justify-content:center;align-items:center}.fondo-op.subir span{background:transparent;color:var(--suave)}.salido h1{font-size:22px;margin:0}@media (max-width: 760px){.barra{padding:0 14px;gap:10px}.barra .logo{height:24px;max-width:110px}.previa-cuerpo{flex-direction:column;padding:16px;gap:18px;justify-content:flex-start}.escenario{padding:8px}.vista-dividida .abajo{grid-auto-columns:minmax(130px,45%)}.flotante{width:110px;height:150px;right:10px;bottom:10px}.controles{gap:8px;min-height:0}.redondo{width:48px;height:48px}.pastilla,.colgar{height:48px;padding:0 14px}.selector{order:-1;width:100%;justify-content:space-between;height:48px}.selector button{flex:1;height:40px;padding:0 6px}.hoja-fondo{align-items:flex-end;justify-content:center;padding:0}.hoja{width:100%;border-radius:16px 16px 0 0;margin-bottom:0;padding-bottom:calc(18px + env(safe-area-inset-bottom))}}