: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}