/*
 * content-protect.css — Mente Abierta
 * Capa CSS de disuasión contra copia y scraping visual.
 */

/* ── 1. Deshabilitar selección de texto ─────────────────────────────────── */
body {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

/* Re-habilitar en formularios para no romper UX */
input,
textarea,
select,
[contenteditable="true"],
.selectable {
  -webkit-user-select: text;
     -moz-user-select: text;
      -ms-user-select: text;
          user-select: text;
}

/* ── 2. Deshabilitar arrastre de imágenes ──────────────────────────────── */
img {
  -webkit-user-drag: none;
     -khtml-user-drag: none;
       -moz-user-drag: none;
         -o-user-drag: none;
            user-drag: none;
  pointer-events: none; /* evita clic derecho + arrastar */
}

/* Restaurar pointer-events en imágenes dentro de enlaces */
a img,
button img,
.clickable img {
  pointer-events: auto;
}

/* ── 3. Watermark al imprimir ──────────────────────────────────────────── */
@media print {
  /* Banda superior con copyright */
  body::before {
    content: 'MENTE ABIERTA  ·  © ' attr(data-year) '  ·  Todos los derechos reservados  ·  menteabierta-1.onrender.com';
    display: block;
    width: 100%;
    text-align: center;
    font-size: 10pt;
    font-family: Georgia, serif;
    color: #444;
    padding: 8pt 0;
    border-bottom: 1pt solid #ccc;
    margin-bottom: 16pt;
    letter-spacing: .05em;
  }

  /* Marca de agua diagonal centrada en cada página */
  body::after {
    content: 'MENTE ABIERTA';
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-35deg);
    font-size: 72pt;
    font-family: Georgia, serif;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.04);
    white-space: nowrap;
    pointer-events: none;
    z-index: 9999;
  }

  /* Ocultar elementos de navegación e interactivos */
  nav,
  header nav,
  .navbar,
  .admin-only,
  button:not(.print-ok),
  .no-print {
    display: none !important;
  }
}