/* ========================================================= RiosTec Comunidad — Panel del streamer (UI de producto). Identidad RiosTec: azul / blanco / negro. Mobile-first. BEM. Color/tipografía por variables CSS. Desde SPEC 0006 el panel NO define su propio set de color: consume los tokens del TEMA activo ([data-tema] en , assets/comunidad.css), así panel y login obedecen los 3 temas (navy/OLED/Día). ========================================================= */ .rtc-panel { /* Un solo sistema de tokens: el del TEMA activo (SPEC 0006). El panel ya NO define su propio set de color — consume los tokens que [data-tema] publica en (assets/comunidad.css): --azul/--superficie/--texto/--grad/--vivo-rgb/ --sobre-acento/--sombra-modal/--radio/--tap… Así el panel y el login obedecen los 3 temas (navy / OLED / Día) sin CSS extra. Aquí solo queda lo NO cromático. */ font-family: 'Inter', system-ui, sans-serif; color: var(--texto); /* El panel logueado respira en desktop: ancho de lectura cómodo y centrado (item 8 del overhaul). El login mantiene su tope estrecho propio (420px). */ max-width: 860px; margin: 0 auto; } .rtc-panel *, .rtc-panel *::before, .rtc-panel *::after { box-sizing: border-box; } .rtc-panel [hidden] { display: none !important; } /* -------------------------------------------------------------- FIX de apilado del modal (overhaul §1).

hereda de .rtc-main (comunidad.css) `position:relative; z-index:1`, lo que crea un CONTEXTO DE APILADO: el .rtc-modal (fixed, z-index:1000) queda atrapado dentro de ese contexto y el