/** * Protección de contenido (Módulo 12) — reglas basadas en CSS. * Se activan por clases añadidas al . */ /* Bloquear selección de texto (escritorio + móvil) */ .zorzal-noselect, .zorzal-noselect *{ -webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; } /* Permitir selección en campos de formulario para no romper la UX */ .zorzal-noselect input, .zorzal-noselect textarea, .zorzal-noselect [contenteditable="true"]{ -webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text; } /* Bloquear selección solo en móvil */ @media (max-width:782px){ .zorzal-noselect-mobile, .zorzal-noselect-mobile *{ -webkit-user-select:none;user-select:none; } .zorzal-noselect-mobile input, .zorzal-noselect-mobile textarea{ -webkit-user-select:text;user-select:text; } } /* Evitar arrastrar imágenes */ .zorzal-nodrag img, .zorzal-nodrag a{ -webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none; } /* Evitar menú al mantener pulsado (iOS) en imágenes y enlaces */ .zorzal-nocallout img, .zorzal-nocallout a{ -webkit-touch-callout:none; } /* Toast de aviso */ .zorzal-protect-toast{ position:fixed;left:50%;bottom:28px;transform:translateX(-50%) translateY(20px); background:rgba(15,17,21,.92);color:#fff;padding:11px 18px;border-radius:999px; font-size:13px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif; box-shadow:0 12px 30px -8px rgba(0,0,0,.5);z-index:2147483000; opacity:0;pointer-events:none;transition:opacity .25s,transform .25s; } .zorzal-protect-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0);}