/* ============================================================ proteccion-contenido.css — Razonando QuímicaMente Refuerzo visual de las medidas anti-descarga/copia. Documentación completa (qué hace, qué NO hace, cómo probar en local): ver docs/proteccion-contenido.md FUNCIONAMIENTO: Estas reglas solo se aplican cuando tiene la clase "rq-proteccion-on". Esa clase la agrega js/proteccion-contenido.js ÚNICAMENTE si la protección está activa. Si el JS la desactiva (flag interno o override local), la clase nunca aparece y este archivo no tiene ningún efecto — no hace falta tocar este CSS para activar/desactivar, todo se maneja desde el JS. ============================================================ */ /* Bloquea selección de texto en toda la página. */ html.rq-proteccion-on body { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* Excepción obligatoria: los campos de formulario deben poder seleccionarse y copiarse, si no el usuario no puede corregir ni copiar lo que él mismo escribió (ej. contacto.html). */ html.rq-proteccion-on input, html.rq-proteccion-on textarea, html.rq-proteccion-on [contenteditable="true"] { -webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } /* Imágenes, audios y videos: sin "arrastrar para guardar" y sin el menú de "Guardar imagen" al mantener presionado en iOS/iPadOS. */ html.rq-proteccion-on img, html.rq-proteccion-on audio, html.rq-proteccion-on video { -webkit-user-drag: none; -webkit-touch-callout: none; } /* Cursor "prohibido" al intentar seleccionar texto, como pista visual de que la selección está desactivada a propósito (no es un bug). */ html.rq-proteccion-on p, html.rq-proteccion-on h1, html.rq-proteccion-on h2, html.rq-proteccion-on h3, html.rq-proteccion-on h4, html.rq-proteccion-on span, html.rq-proteccion-on li { cursor: default; }