/* Muestra u oculta elementos según el tema activo del app. theme-preload.js pone .light o .dark en . */ html.light .theme-only-dark { display: none !important; } html:not(.light) .theme-only-light { display: none !important; } /* --- Logo del sistema como fondo CSS ----------------------------------- Rendereamos el logo con background-image en un
en vez de . Esto elimina las opciones "Guardar imagen como…" y "Copiar imagen" del menú contextual del navegador — un usuario casual no puede descargarlo. Los usuarios avanzados siguen pudiendo abrir DevTools / Network y bajar el SVG; no hay forma de impedirlo en un navegador. Objetivo: deterrente casual, no protección real. Aria-label + role="img" mantienen accesibilidad (equivalente al alt). */ .ocd-logo { display: block; /* Aspect ratio nativo del SVG (viewBox 695×258). Con esto, especificar solo `width` en el consumidor deriva la altura automáticamente. */ aspect-ratio: 695 / 258; background-repeat: no-repeat; background-position: center; background-size: contain; user-select: none; -webkit-user-select: none; -webkit-user-drag: none; -webkit-touch-callout: none; /* Firefox expone "Abrir imagen en pestaña nueva" y "Guardar como…" cuando detecta que el target del contextmenu tiene background-image. Con pointer-events:none el right-click pasa al elemento padre, que no tiene bg-image — el navegador muestra el menú genérico de página. */ pointer-events: none; } .ocd-logo--main { background-image: url('/assets/OCD.svg'); } .ocd-logo--yellow { background-image: url('/assets/OCD-yellow.svg'); } .ocd-logo--red { background-image: url('/assets/OCD-red.svg'); } .ocd-logo--adaptive { background-image: url('/assets/OCD-adaptive.svg'); }