:root{--azul:#3e4095;--azul-oscuro:#2c2e6e;--amarillo:#fff212;--fondo:#f1f2f8;--tarjeta:#fff;--texto:#1c1d2e;--tenue:#5c5f7a;--borde:#d6d8e6;--rojo:#b3261e;--rojo-fondo:#fdecea;--verde:#1b7f3b;--naranja:#a15c00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#raiz{min-height:100%;margin:0}body{background:var(--fondo);color:var(--texto);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5}#raiz{flex-direction:column;min-height:100vh;display:flex}h1,h2{margin:0;line-height:1.25}h1{font-size:1.5rem}h2{margin-top:1.5rem;font-size:1.05rem}p{margin:.75rem 0}.tenue{color:var(--tenue);font-weight:400}.centro{flex:1;justify-content:center;align-items:center;padding:1.5rem 1rem;display:flex}.contenido{gap:1rem;width:100%;max-width:46rem;margin:0 auto;padding:1.5rem 1rem 3rem;display:grid}.tarjeta{background:var(--tarjeta);border:1px solid var(--borde);border-radius:14px;padding:1.5rem;box-shadow:0 1px 3px #1c1d2e14}.ingreso{text-align:center;width:100%;max-width:24rem}.logo-grande{width:160px;height:160px;margin:0 auto .75rem;display:block}.ingreso h1{color:var(--azul);letter-spacing:.02em;font-size:2rem}.empresa{margin:.25rem 0 1.5rem}form{text-align:left;gap:.4rem;display:grid}label{margin-top:.6rem;font-weight:600}input{border:1px solid var(--borde);color:inherit;font:inherit;background:#fff;border-radius:10px;width:100%;padding:.7rem .8rem}input:focus-visible,.boton:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}form .boton{margin-top:1.2rem}.boton{border:1px solid var(--borde);color:var(--texto);cursor:pointer;font:inherit;background:#fff;border-radius:10px;padding:.7rem 1.1rem;font-weight:600}.boton:hover:not(:disabled){border-color:var(--azul)}.boton:disabled{cursor:not-allowed;opacity:.6}.boton.principal{background:var(--azul);border-color:var(--azul);color:#fff}.boton.principal:hover:not(:disabled){background:var(--azul-oscuro)}.boton.grande,.boton.microfono{width:100%;margin:1.25rem 0 .5rem;padding:1.1rem;font-size:1.1rem;display:block}.boton.microfono{border:2px solid var(--azul);color:var(--azul)}.boton.microfono.abierto{background:var(--amarillo);border-color:var(--azul);color:var(--azul-oscuro)}.boton.claro{color:#fff;background:0 0;border-color:#ffffff8c;padding:.45rem .9rem}.boton.claro:hover:not(:disabled){background:#ffffff1f;border-color:#fff}.barra{background:var(--azul);border-bottom:4px solid var(--amarillo);color:#fff;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex}.barra img{flex:none}.marca,.quien{flex-direction:column;min-width:0;line-height:1.2;display:flex}.marca{flex:1}.marca span,.quien span{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.quien{text-align:right}@media (width<=34rem){.marca span{display:none}}.encabezado{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.estado{color:var(--tenue);white-space:nowrap;background:#e7e8f1;border-radius:999px;padding:.25rem .8rem;font-size:.85rem;font-weight:600}.estado.conectado{color:var(--verde);background:#dff3e5}.estado.conectando,.estado.reconectando{color:var(--naranja);background:#fdf0d5}.error,.aviso{border-radius:10px;margin:1rem 0 0;padding:.75rem .9rem}.error{background:var(--rojo-fondo);color:var(--rojo);border:1px solid #f1b9b4}.aviso{color:#4d4700;background:#fffbd1;border:1px solid #e6d800}.aviso.fila{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.participantes{gap:.5rem;margin:.75rem 0 1.25rem;padding:0;list-style:none;display:grid}.participante{border:2px solid var(--borde);border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:.1rem .75rem;padding:.6rem .8rem;transition:background-color .12s,border-color .12s;display:grid}.participante .luz{background:var(--borde);border-radius:50%;grid-row:span 2;width:.9rem;height:.9rem}.participante .nombre{overflow-wrap:anywhere;font-weight:600}.participante .detalle{color:var(--tenue);grid-column:2;font-size:.85rem}.participante .calidad{color:var(--tenue);text-align:right;grid-area:1/3/span 2;font-size:.8rem}.participante .calidad.regular{color:var(--naranja)}.participante .calidad.mala{color:var(--rojo)}.participante.hablando{border-color:var(--azul);background:#fffbd1}.participante.hablando .luz{background:var(--verde);box-shadow:0 0 0 4px #1b7f3b40}.participante.hablando .detalle{color:var(--verde);font-weight:600}.consejos h2{margin-top:0}.consejos ul{color:var(--tenue);margin:.5rem 0 0;padding-left:1.2rem}.consejos li+li{margin-top:.4rem}.contenido:has(.consola){max-width:62rem}.consola{grid-template-columns:minmax(15rem,1fr) 2fr;align-items:start;gap:1rem;display:grid}@media (width<=46rem){.consola{grid-template-columns:1fr}}.sin-margen{margin-top:0}.pequeno{margin:.25rem 0;font-size:.9rem}.grupos{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.grupo{border:2px solid var(--borde);color:inherit;cursor:pointer;font:inherit;text-align:left;background:#fff;border-radius:10px;grid-template-columns:auto 1fr;align-items:center;gap:.1rem .75rem;width:100%;padding:.65rem .8rem;display:grid}.grupo:focus-visible,.ptt:focus-visible,.enlace:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}.grupo .luz{background:var(--borde);border-radius:50%;grid-row:span 2;width:.9rem;height:.9rem}.grupo .nombre{overflow-wrap:anywhere;font-weight:600}.grupo .detalle{color:var(--tenue);grid-column:2;font-size:.85rem}.grupo.activo{border-color:var(--azul);box-shadow:inset 4px 0 0 var(--azul)}.grupo.hablando{background:#fffbd1}.grupo.hablando .luz{background:var(--verde);box-shadow:0 0 0 4px #1b7f3b40}.grupo.hablando .detalle{color:var(--verde);font-weight:600}.centro-ptt{text-align:center}.ptt{background:var(--azul);border:6px solid var(--amarillo);color:#fff;cursor:pointer;font:inherit;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:24px;width:100%;min-height:11rem;margin:1.25rem auto .75rem;padding:1.5rem;font-size:1.35rem;font-weight:700;display:block}.ptt.hablando{background:var(--amarillo);border-color:var(--azul);color:var(--azul-oscuro)}.ptt.ocupado{border-color:var(--rojo);background:#8c8fa6}.pie{text-align:center;margin:.25rem 0 0}.pie.izquierda{text-align:left}.enlace{color:var(--azul);cursor:pointer;font:inherit;background:0 0;border:none;padding:.25rem;font-size:.9rem;text-decoration:underline}.descarga{margin-top:1.25rem}.descarga a{color:var(--azul);font-weight:600}.entradas{gap:.75rem;margin-top:.5rem;display:grid}.entrada{flex-direction:column;gap:.15rem;padding:1.1rem;font-size:1.05rem;display:flex}.entrada strong{font-size:1.35rem}.entrada span{opacity:.9;font-weight:400}.gestion{flex:1;grid-template-columns:13rem 1fr;display:grid}.menu{border-right:1px solid var(--borde);background:#fff;flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.menu button{color:var(--texto);cursor:pointer;font:inherit;text-align:left;background:0 0;border:none;border-radius:8px;padding:.7rem .9rem;font-weight:600}.menu button:hover{background:var(--fondo)}.menu button.activo{background:var(--azul);color:#fff}.menu button:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}.panel{min-width:0;padding:1.25rem}@media (width<=50rem){.gestion{grid-template-columns:1fr}.menu{border-bottom:1px solid var(--borde);border-right:none;flex-direction:row;padding:.5rem;overflow-x:auto}}.tabla-envoltura{margin-top:1rem;overflow-x:auto}.tabla{border-collapse:collapse;width:100%}.tabla th{border-bottom:2px solid var(--borde);color:var(--tenue);text-align:left;white-space:nowrap;padding:.5rem .6rem;font-size:.85rem;font-weight:600}.tabla td{border-bottom:1px solid var(--borde);vertical-align:middle;padding:.6rem}.tabla tr.inactivo td{color:var(--tenue)}.tabla .acciones{text-align:right;white-space:nowrap}.boton.chico{margin-left:.35rem;padding:.35rem .65rem;font-size:.85rem}a.boton{text-decoration:none;display:inline-block}.marca-estado{color:var(--tenue);white-space:nowrap;background:#e7e8f1;border-radius:999px;padding:.2rem .6rem;font-size:.8rem;font-weight:600}.marca-estado.encendido{color:var(--verde);background:#dff3e5}.marca-estado.apagado{background:var(--rojo-fondo);color:var(--rojo)}select{border:1px solid var(--borde);color:inherit;font:inherit;background:#fff;border-radius:10px;padding:.55rem .6rem}form select{width:100%}.tabla select{padding:.3rem .4rem}select:focus-visible{outline:3px solid var(--amarillo);outline-offset:2px}.en-linea{text-align:left;flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.en-linea input,.en-linea select{flex:1;width:auto;min-width:10rem}.en-linea .boton{margin-top:0}.dos-columnas{grid-template-columns:minmax(14rem,1fr) 2fr;align-items:start;gap:1.5rem;margin-top:1rem;display:grid}@media (width<=60rem){.dos-columnas{grid-template-columns:1fr}}.velo{z-index:10;background:#1c1d2e8c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.ventana{background:#fff;border-radius:14px;width:100%;max-width:28rem;max-height:100%;padding:1.5rem;overflow-y:auto;box-shadow:0 10px 40px #0000004d}.botones{justify-content:flex-end;gap:.5rem;margin-top:1.2rem;display:flex}.botones .boton{margin-top:0}.botones.centrados{justify-content:center}.direccion{background:var(--fondo);border:1px solid var(--borde);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;border-radius:10px;padding:.75rem 1rem;font-family:ui-monospace,Cascadia Mono,Consolas,monospace;font-size:1.1rem}