:root{--bg:#120e0c;--bg-elev:#1d1612;--cream:#f3e6d4;--muted:#b9a894;--line:#f3e6d424;--copper:#c45c26;--copper-deep:#a44a1c;--sans:"Figtree", system-ui, sans-serif;--serif:"Fraunces", "Times New Roman", serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:var(--sans);background:radial-gradient(900px 420px at 50% -8%, #4a2c1c 0%, transparent 58%), radial-gradient(circle at 1px 1px, #f3e6d40a 1px, transparent 0) 0 0 / 18px 18px, var(--bg);color:var(--cream)}button,input,fieldset{font:inherit;color:inherit}button{cursor:pointer}.inicio{max-width:38rem;margin:0 auto;padding:18vh 1.5rem 4rem}.llamada{flex-direction:column;height:100dvh;display:flex}.marca{letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem;font-size:.72rem}h1{font-family:var(--serif);font-optical-sizing:auto;margin:0 0 .85rem;font-size:clamp(2.4rem,6vw,3.6rem);font-weight:650;line-height:1.05}.lema{max-width:32rem;color:var(--muted);margin:0 0 2rem;font-size:1.05rem;line-height:1.5}.divisor{color:var(--muted);margin:1.75rem 0 1.1rem;font-size:.92rem}.entrar{gap:1rem;display:grid}.campo{gap:.4rem;font-size:.92rem;display:grid}.campo input{border:1px solid var(--line);background:#120e0c8c;border-radius:.85rem;outline:none;width:100%;padding:.85rem .95rem}.campo input:focus{border-color:var(--copper)}.asientos{border:0;gap:.75rem;margin:0;padding:0;display:flex}.asientos legend{color:var(--muted);margin-bottom:.45rem;font-size:.92rem}.radio{border:1px solid var(--line);cursor:pointer;border-radius:.85rem;flex:1;justify-content:center;align-items:center;gap:.45rem;padding:.7rem .6rem;display:flex}.radio:has(input:checked){border-color:var(--copper);background:#c45c261f}.radio input{accent-color:var(--copper)}.boton{border:1px solid var(--line);min-height:2.7rem;color:var(--cream);background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:.55rem 1rem;text-decoration:none;display:inline-flex}.boton.primario{border-color:var(--copper);background:var(--copper);width:100%;min-height:3.1rem;font-weight:600}.boton.primario:hover{background:var(--copper-deep)}.boton.sutil{color:var(--muted);border-color:#0000}.aviso{border:1px solid var(--line);color:var(--muted);border-radius:.9rem;margin-top:1.5rem;padding:.85rem 1rem;font-size:.92rem}.cabecera{flex-shrink:0;align-items:flex-start;gap:.75rem;padding:.9rem 1.1rem .6rem;display:flex}.cabecera .sala{color:var(--muted);margin:.15rem 0 0;font-size:.92rem}.cabecera .acciones{align-items:center;gap:.5rem;margin-left:auto;display:flex}.escenario{flex:1;min-height:0;margin:0 1.1rem .75rem;display:grid;position:relative}.cuadro{border:1px solid var(--line);background:var(--bg-elev);border-radius:1.25rem;position:relative;overflow:hidden}.cuadro moq-publish,.cuadro moq-watch,.cuadro video,.cuadro canvas{object-fit:cover;width:100%;height:100%;display:block}.local video{transform:scaleX(-1)}.local[data-rotacion="90"] video,.local[data-rotacion="270"] video,.local[data-rotacion="180"] video{object-fit:cover;position:absolute;top:50%;left:50%}.local[data-rotacion="90"] video,.local[data-rotacion="270"] video{width:100cqh;height:100cqw}.local[data-rotacion="90"] video{transform:translate(-50%,-50%)rotate(90deg)scaleX(-1)}.local[data-rotacion="270"] video{transform:translate(-50%,-50%)rotate(270deg)scaleX(-1)}.local[data-rotacion="180"] video{width:100%;height:100%;transform:translate(-50%,-50%)rotate(180deg)scaleX(-1)}.remota{height:auto;position:absolute;inset:0}.local{z-index:1;aspect-ratio:3/4;width:min(240px,38vw);position:absolute;bottom:1rem;right:1rem;box-shadow:0 18px 50px #00000073;container-type:size}.llamada[data-orientacion=landscape][data-layout^=pip] .local{aspect-ratio:4/3}.llamada[data-layout=pip-izq] .local{left:1rem;right:auto}.llamada[data-layout=solo] .local{display:none}.llamada[data-layout=lado-der] .escenario,.llamada[data-layout=lado-izq] .escenario,.llamada[data-layout=pila-arriba] .escenario,.llamada[data-layout=pila-abajo] .escenario{gap:.75rem}.llamada[data-layout=lado-der] .escenario{grid-template-columns:1fr 1fr;grid-template-areas:"remota local"}.llamada[data-layout=lado-izq] .escenario{grid-template-columns:1fr 1fr;grid-template-areas:"local remota"}.llamada[data-layout=pila-abajo] .escenario{grid-template-rows:1fr 1fr;grid-template-areas:"remota""local"}.llamada[data-layout=pila-arriba] .escenario{grid-template-rows:1fr 1fr;grid-template-areas:"local""remota"}.llamada[data-layout=lado-der] .remota,.llamada[data-layout=lado-izq] .remota,.llamada[data-layout=pila-arriba] .remota,.llamada[data-layout=pila-abajo] .remota{grid-area:remota;min-height:0;position:static;inset:auto}.llamada[data-layout=lado-der] .local,.llamada[data-layout=lado-izq] .local,.llamada[data-layout=pila-arriba] .local,.llamada[data-layout=pila-abajo] .local{aspect-ratio:auto;width:auto;height:auto;min-height:0;box-shadow:none;grid-area:local;position:static;inset:auto}.etiqueta{background:#120e0c9e;border-radius:999px;padding:.2rem .55rem;font-size:.78rem;position:absolute;bottom:.75rem;left:.8rem}.espera{text-align:center;background:radial-gradient(circle at 50% 42%, #c45c2629, transparent 46%), var(--bg-elev);place-content:center;gap:.4rem;padding:2rem;display:grid;position:absolute;inset:0}.espera p:first-child{font-family:var(--serif);margin:0;font-size:1.8rem}.espera p:last-child{color:var(--muted);margin:0}.remota[data-estado=live] .espera{display:none}.barra{flex-wrap:wrap;justify-content:center;gap:.65rem;padding:0 1.1rem 1.2rem;display:flex}.calidad{border:1px solid var(--line);min-height:2.6rem;color:var(--muted);background:#120e0c8c;border-radius:999px;align-items:center;gap:.4rem;padding:.25rem .75rem .25rem .85rem;font-size:.82rem;display:flex}.calidad select{color:var(--cream);font:inherit;background:0 0;border:0;outline:none}.control{border:1px solid var(--line);background:#120e0c8c;border-radius:999px;min-width:8.5rem;min-height:2.6rem;padding:.45rem 1rem}.control[data-apagado=true]{color:var(--muted);text-decoration:line-through}@media (width<=720px){.inicio{padding-top:12vh}.cabecera{flex-wrap:wrap}.cabecera .acciones{justify-content:flex-end;width:100%;margin-left:0}.llamada[data-layout^=pip] .local{width:min(148px,42vw)}}