body {
  padding-top: 5rem;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

/* ========================================== */
/* PROTECCIÓN AVANZADA CONTRA CAPTURAS */
/* ========================================== */

/* Prevenir selección de imágenes y elementos visuales */
img, 
.divimg,
.divimg-detalle,
.divimg-detalle img {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-touch-callout: none !important;
  -webkit-user-drag: none !important;
  -khtml-user-drag: none !important;
  -moz-user-drag: none !important;
  -o-user-drag: none !important;
  user-drag: none !important;
  pointer-events: auto !important;
}

/* Deshabilitar arrastre de imágenes */
img {
  -webkit-user-drag: none !important;
}

/* Protección adicional para divs con imágenes de fondo - SOLO miniaturas */
.divimg:not(.divimg-detalle) {
  position: relative;
  background-attachment: scroll;
  -webkit-background-clip: border-box;
  background-clip: border-box;
}

/* NO forzar position en divimg-detalle para mantener el fixed del PHP */

/* Prevenir copia en toda la página (excepto inputs y textareas) */
body *:not(input):not(textarea):not(button):not(.btn):not(.material-symbols-outlined) {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Permitir selección solo en campos de formulario */
input,
textarea,
button,
.btn,
[contenteditable="true"] {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  pointer-events: auto !important;
}

/* Deshabilitar estilos de selección visual */
::selection {
  background: transparent;
  color: inherit;
}

::-moz-selection {
  background: transparent;
  color: inherit;
}

img::selection {
  background: transparent;
}

img::-moz-selection {
  background: transparent;
}

/* Protección adicional para iOS Safari */
@supports (-webkit-touch-callout: none) {
  img,
  .divimg,
  .divimg-detalle {
    -webkit-touch-callout: none !important;
    -webkit-tap-highlight-color: transparent !important;
  }
}

/* Ocultar el menú contextual en navegadores que lo permitan */
img::-webkit-context-menu {
  display: none !important;
}

/* Protección de impresión */
@media print {
  body {
    display: none !important;
  }
  
  img,
  .divimg,
  .divimg-detalle {
    display: none !important;
    visibility: hidden !important;
  }
  
  body::before {
    content: "Este contenido no está disponible para impresión";
    display: block;
    font-size: 24px;
    text-align: center;
    padding: 50px;
  }
}

/* Prevenir zoom excesivo que facilita capturas */
@media (max-width: 768px) {
  img {
    max-width: 100%;
    height: auto;
  }
}

/* Animación sutil que dificulta la captura perfecta - DESACTIVADA para no afectar rendimiento */
/* @keyframes subtle-shift {
  0%, 100% { filter: brightness(1) contrast(1); }
  50% { filter: brightness(0.999) contrast(1.001); }
}

.divimg-detalle img {
  animation: subtle-shift 3s ease-in-out infinite;
} */