/*
 * Protecao visual exclusiva do catalogo publico.
 * A imagem original permanece intacta; esta camada acompanha qualquer imagem
 * carregada ou trocada pela galeria.
 */
.ll-catalog-watermarked {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.ll-catalog-watermarked img {
    pointer-events: none;
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}

.ll-catalog-watermarked::after {
    content: "";
    position: absolute;
    inset: -18%;
    z-index: 2;
    pointer-events: none;
    /* Marcas pequenas em pontos separados, sem formar uma faixa compacta. */
    background-image:
        url("../img/logo-mapos1.png"),
        url("../img/logo-mapos1.png"),
        url("../img/logo-mapos1.png"),
        url("../img/logo-mapos1.png"),
        url("../img/logo-mapos1.png"),
        url("../img/logo-mapos1.png"),
        url("../img/logo-mapos1.png");
    background-repeat: no-repeat;
    background-position:
        8% 16%,
        48% 7%,
        88% 19%,
        25% 48%,
        70% 45%,
        10% 82%,
        76% 84%;
    background-size: clamp(54px, 8vw, 78px) auto;
    transform: rotate(-28deg);
    transform-origin: center;
    filter: grayscale(1) contrast(0.62) brightness(1.08);
    opacity: 0.085;
}

/* Controles e informacoes da galeria continuam acima da mascara. */
.ll-card-media .ll-badge,
.ll-card-media .ll-card-gallery-btn,
.ll-card-media .ll-card-gallery-count,
.ll-main-image .ll-detail-gallery-btn {
    z-index: 3;
}

/* Nas miniaturas a repeticao menor preserva a leitura da fotografia. */
.ll-thumb.ll-catalog-watermarked::after {
    inset: -25%;
    background-image:
        url("../img/logo-mapos1.png"),
        url("../img/logo-mapos1.png"),
        url("../img/logo-mapos1.png");
    background-position: 12% 18%, 85% 48%, 24% 84%;
    background-size: 28px auto;
    opacity: 0.075;
}

@media (max-width: 720px) {
    .ll-catalog-watermarked::after {
        background-size: 50px auto;
        opacity: 0.08;
    }
}

@media (prefers-reduced-transparency: reduce) {
    .ll-catalog-watermarked::after {
        opacity: 0.085;
    }
}