/* ============================================================ cedares — Componente · Protección de imágenes (propiedad intelectual) Capa DISUASIVA (no infalible). Bloquea las vías del usuario casual: arrastrar, seleccionar, long-press «Guardar imagen» (iOS/Android) y —vía JS— clic derecho, atajos de DevTools/guardado y PrintScreen. Además, una cortina que oculta y difumina el contenido cuando la ventana pierde el foco (frena varias extensiones/herramientas de captura). LÍMITE REAL: las capturas del sistema operativo (Win+Shift+S, ShareX, OBS) y la foto con el celular NO se pueden bloquear desde la web. La protección real de autoría es la marca de agua horneada + baja resolución en pantalla. Emparejar con `proteccion-imagenes.js`. ============================================================ */ /* --- Imágenes: no arrastrables, no seleccionables, sin menú de long-press --- */ img, .sala-galerias__pic, .modal-pieza__img, .modal-pieza__zoom-img, [data-modal-bg], .ced-protegida { -webkit-user-drag: none; /* Safari/Chrome: bloquea arrastrar la imagen */ -khtml-user-drag: none; -moz-user-drag: none; user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; /* iOS: sin menú «Guardar imagen» al mantener pulsado */ } /* Capa transparente sobre las obras: el «Guardar imagen como» agarra el overlay, no el archivo real. Los controles (ojo, zoom, nav) reactivan sus eventos. */ .sala-galerias__card, .modal-pieza__media { position: relative; } .sala-galerias__pic, .modal-pieza__img { pointer-events: none; } .sala-galerias__eye, .sala-galerias__caption, .modal-pieza__shield, .modal-pieza__count, .modal-pieza__zoom-btn, .modal-pieza__navbar, .modal-pieza__arrow { pointer-events: auto; } /* ============================================================ Cortina anti-captura: se muestra cuando la ventana pierde el foco (cambio de pestaña/ventana, algunas extensiones y herramientas de recorte). El JS conmuta la clase `ced-oculto` en . ============================================================ */ .ced-veil { position: fixed; inset: 0; z-index: 2147483647; /* por encima de todo, incluidos los modales */ display: none; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 24px; text-align: center; background: var(--ced-azul-oscuro, #111132); color: #fff; -webkit-user-select: none; user-select: none; } .ced-veil__title { font-family: var(--ced-font-base, system-ui, sans-serif); font-weight: 700; font-size: 1.1rem; letter-spacing: 0.3px; margin: 0; } .ced-veil__hint { font-family: var(--ced-font-base, system-ui, sans-serif); font-size: 0.85rem; opacity: 0.7; margin: 0; max-width: 32ch; } /* Con la ventana sin foco: mostrar cortina y difuminar lo de detrás (doble barrera por si la herramienta ignora la capa opaca pero no el filtro). */ html.ced-oculto .ced-veil { display: flex; } html.ced-oculto body > *:not(.ced-veil) { filter: blur(24px); }