/* =========================================================
   PROTECCION DE IMAGENES - enlazado desde Site.master
   =========================================================
   Trabaja en conjunto con initImgProtection() en app.js.
   Disuade copia casual (no impide capturas de pantalla).
   ========================================================= */

/* Imagenes de galeria: no se pueden seleccionar ni arrastrar */
.gallery-link img,
.portfolio-item img,
.client-card img,
img.protected {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
    pointer-events: none; /* el click va al contenedor (gallery-link), no a la img */
    -webkit-touch-callout: none; /* iOS Safari: evita el menu de "Guardar imagen" al mantener presionado */
}

/* NO declarar position en .gallery-link / .portfolio-item / .client-card:
   todos ya estan posicionados en custom.css (.portfolio-item relative,
   .expo-thumb-link relative) o por diseño (.portfolio-zoom es absolute,
   arriba a la derecha). Como este archivo carga DESPUES de custom.css y
   con la misma especificidad, un "position: relative" aca pisaba el
   absolute del boton de zoom y lo mandaba abajo a la izquierda, tapando
   la descripcion de la foto. */

/* Overlay transparente que tapa la imagen al click derecho / arrastre.
   Lo inyecta initImgProtection() automaticamente. */
.img-shield {
    position: absolute;
    inset: 0;
    z-index: 5;
    background: transparent;
    pointer-events: auto;
    -webkit-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none;
    -webkit-touch-callout: none;
    cursor: zoom-in; /* indica que se puede abrir en lightbox */
}

/* En hover sobre portfolio mantener el cursor de zoom y permitir el efecto visual */
.portfolio-item:hover .img-shield {
    cursor: zoom-in;
}

/* Marca de agua CSS opcional sobre imagenes de portfolio.
   No es a prueba de captura pero anade friccion visual.
   Para activar: agregar la clase 'wm' al contenedor .gallery-link
   o al .portfolio-item desde el render del Codigo VB. */
.gallery-link.wm::after,
.portfolio-item.wm::after {
    content: "© Estudio El Mono Liso";
    position: absolute;
    bottom: 12px;
    right: 12px;
    z-index: 6;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 0.7rem;
    letter-spacing: 0.05em;
    color: rgba(255, 255, 255, 0.65);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
    pointer-events: none;
    user-select: none;
}

/* Print: ocultar imagenes al imprimir la pagina (deteriora intentos de "Guardar como PDF") */
@media print {
    .gallery-link img,
    .portfolio-item img,
    .client-card img,
    img.protected {
        visibility: hidden !important;
    }
    .gallery-link::before,
    .portfolio-item::before,
    .client-card::before {
        content: "Imagen protegida © Estudio El Mono Liso";
        display: block;
        padding: 2rem;
        text-align: center;
        font-family: 'Raleway', sans-serif;
        font-weight: 700;
        color: #333;
        border: 2px dashed #999;
    }
}