/*! © 2026 PS Company Group · REC Guide Teleprompter. Todos los derechos reservados. Prohibido copiar, modificar o distribuir sin permiso. */
:root{--fondo: #0d0d0d;--panel: #161616;--panel-2: #1f1f1f;--borde: #2a2a2a;--texto: #ededed;--tenue: #8f8f8f;--acento: #ff4f2e;--ok: #3ccf7a;--rec: #ff3b30;--alerta: #ffb340;--sobre-video: rgba(13, 13, 13, .78);--radio: 14px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--fondo);color:var(--texto);font:16px/1.45 Helvetica Neue,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}h1{font-size:1.6rem;font-weight:800;letter-spacing:-.03em;margin:0 0 .5rem}h2{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;margin:0 0 .5rem}.nota{color:var(--tenue);font-size:.88rem}.error{color:var(--rec)}.btn{appearance:none;border:1px solid var(--borde);background:var(--panel-2);color:var(--texto);font:inherit;font-weight:600;padding:.6rem 1rem;border-radius:10px;cursor:pointer;text-decoration:none;touch-action:manipulation;white-space:nowrap;transition:transform .1s,border-color .15s,background .15s}.btn:hover{border-color:#4a4a4a}.btn:active{transform:scale(.97)}.btn:focus-visible{outline:2px solid var(--acento);outline-offset:2px}.btn:disabled{opacity:.4;cursor:default}.btn.grande,.btn.principal{background:var(--texto);border-color:var(--texto);color:#0d0d0d}.btn.grande{font-size:1.05rem;padding:.9rem 1.6rem}.btn.chico{font-size:.85rem;padding:.45rem .75rem}.btn[aria-pressed=true]{background:var(--acento);border-color:var(--acento);color:#fff}.chip{display:inline-block;padding:.22rem .6rem;border-radius:6px;background:var(--sobre-video);border:1px solid var(--borde);font-size:.76rem;font-weight:600;letter-spacing:.02em;color:var(--tenue)}.chip.alerta{color:#1a1000;background:var(--alerta);border-color:var(--alerta);font:inherit;font-size:.8rem;font-weight:700;cursor:pointer}.chip.ok{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.chip.modo[data-modo=acelerando]{color:var(--ok);border-color:var(--ok)}.chip.modo[data-modo=desacelerando]{color:var(--alerta);border-color:var(--alerta)}.reloj{color:var(--rec);font-weight:700;font-variant-numeric:tabular-nums}input:not([type=range]),select,textarea{font:inherit;color:var(--texto);background:var(--fondo);border:1px solid var(--borde);border-radius:10px}input:not([type=range]):focus,select:focus,textarea:focus{outline:none;border-color:var(--acento)}input[type=range]{-webkit-appearance:none;appearance:none;width:110px;height:4px;margin:0;border-radius:2px;background:#3a3a3a;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:3px solid var(--acento);border-radius:50%;background:#fff}input[type=range]::-moz-range-thumb{width:10px;height:10px;border:3px solid var(--acento);border-radius:50%;background:#fff}input[type=range]:focus-visible{outline:2px solid var(--acento);outline-offset:6px}.grupo{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--borde);border-radius:12px;background:var(--fondo)}.grupo .btn{padding:.45rem .8rem;border-color:transparent;border-radius:9px;background:transparent;font-size:.88rem}.grupo .btn:hover{background:var(--panel-2)}.grupo .btn[aria-pressed=true]{background:var(--acento);color:#fff}.grupo .control{padding:0 .6rem}.grupo select{padding:.3rem .4rem;font-size:.82rem}.btn.icono{min-width:36px;padding-inline:.5rem;font-size:1rem;line-height:1}.grupo .btn.reproducir{min-width:7.5rem;background:var(--texto);color:#0d0d0d}.grupo .btn.reproducir:hover{background:#fff}.derecha{margin-left:auto}@media (max-width: 600px){.grupo{flex-wrap:wrap;max-width:100%}input[type=range]{width:72px}}.con-ayuda{position:relative;display:inline-flex;align-items:center;gap:.4rem}.ayuda-icono{width:24px;height:24px;padding:0;border:1px solid var(--borde);border-radius:50%;background:var(--panel-2);color:var(--tenue);font:inherit;font-size:.8rem;font-weight:700;cursor:help}.ayuda-icono:hover,.ayuda-icono:focus-visible{border-color:var(--acento);color:var(--texto);outline:none}.explicacion{display:none;position:absolute;top:calc(100% + 8px);left:50%;z-index:10;width:min(280px,80vw);padding:.7rem .85rem;border:1px solid var(--borde);border-radius:10px;background:var(--panel);box-shadow:0 10px 30px #00000080;color:var(--texto);font-size:.8rem;line-height:1.45;text-align:left;transform:translate(-50%)}@media (hover: hover){.ayuda-icono:hover+.explicacion{display:block}}.ayuda-icono:focus-visible+.explicacion,.con-ayuda.abierta .explicacion{display:block}.explicacion.hacia-izquierda{left:auto;right:0;transform:none}