/* Screenshots remain whole; category controls stay outside the scroll depth effect. */
#crm-completo .caen-gallery-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;}
#crm-completo .caen-gallery-tag{font:700 13px var(--font-sans);border:1px solid var(--caen-border);border-radius:999px;padding:11px 20px;background:var(--caen-surface);color:var(--caen-muted);cursor:pointer;transition:background .2s,color .2s,border-color .2s;}
#crm-completo .caen-gallery-tag[aria-pressed="true"]{background:var(--caen-accent);border-color:var(--caen-accent);color:#09090b;}
#crm-completo .caen-gallery-tag:hover:not(:disabled){border-color:var(--caen-accent);color:var(--caen-text);}
#crm-completo .caen-gallery-tag[aria-pressed="true"]:hover{color:#09090b;}
#crm-completo .caen-gallery-tag:disabled{opacity:.4;cursor:default;}
#crm-completo :is(.caen-gallery-tag,.caen-gallery-arrow,.caen-gallery-view):focus-visible{outline:2px solid var(--caen-accent);outline-offset:5px;}
#crm-completo .caen-gallery-view{width:100%;aspect-ratio:1364/644;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;cursor:grab;}
#crm-completo .caen-gallery-view::-webkit-scrollbar{display:none;}
#crm-completo .caen-gallery-view[data-dragging]{scroll-snap-type:none;cursor:grabbing;user-select:none;}
#crm-completo .caen-gallery-track{display:flex;height:100%;width:100%;}
#crm-completo .caen-gallery-slide{margin:0;flex:0 0 100%;min-width:0;height:100%;scroll-snap-align:start;scroll-snap-stop:always;}
#crm-completo .caen-gallery-slide img{width:100%!important;height:100%!important;object-fit:contain;display:block;user-select:none;-webkit-user-drag:none;}
#crm-completo .caen-gallery-controls{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;}
#crm-completo .caen-gallery-arrow{display:grid;place-items:center;width:44px;height:44px;flex-shrink:0;border:1px solid rgb(243 199 107 / .3);border-radius:50%;background:var(--caen-surface);color:var(--caen-accent);font:400 24px var(--font-sans);cursor:pointer;transition:background .2s,color .2s;}
#crm-completo .caen-gallery-arrow:hover{background:var(--caen-accent);color:#09090b;}
#crm-completo .caen-gallery-caption{margin:0;min-width:0;max-width:360px;text-align:center;color:var(--caen-muted);font:500 12px/1.5 var(--font-sans);}
#crm-completo[data-gallery-category]:not([data-gallery-category="crm"]) [data-dc-tpl="350"]{display:none!important;}
@media(max-width:700px){#crm-completo .caen-gallery-tags{gap:8px;}#crm-completo .caen-gallery-tag{font-size:12px;padding:10px 14px;}#crm-completo .caen-gallery-controls{gap:12px;}#crm-completo .caen-gallery-arrow{width:40px;height:40px;}#crm-completo .caen-gallery-caption{font-size:11px;}}

/* Navigation overlays only the edges; labels and tags remain under the screen. */
#crm-completo .caen-crm-mockup > .caen-gallery-arrow {position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:36px;height:36px;border:1px solid rgb(255 255 255 / .2);background:rgb(24 24 27 / .26);color:rgb(255 255 255 / .85);font-size:21px;opacity:.65;backdrop-filter:blur(4px);transition:opacity .2s,background .2s;}
#crm-completo .caen-crm-mockup > [data-gallery-prev] {left:10px;}
#crm-completo .caen-crm-mockup > [data-gallery-next] {right:10px;}
#crm-completo .caen-crm-mockup > .caen-gallery-arrow:hover,
#crm-completo .caen-crm-mockup > .caen-gallery-arrow:focus-visible {opacity:1;background:rgb(24 24 27 / .5);color:#fff;}
#crm-completo .caen-crm-mockup > .caen-gallery-arrow:focus-visible {outline-offset:-3px;}
#crm-completo .caen-gallery-controls {margin-top:-6px;}
@media(max-width:700px){#crm-completo .caen-crm-mockup > .caen-gallery-arrow{width:30px;height:30px;font-size:18px;}#crm-completo .caen-crm-mockup > [data-gallery-prev]{left:6px;}#crm-completo .caen-crm-mockup > [data-gallery-next]{right:6px;}}

/* Desktop and mobile use their own original screenshots. */
#crm-completo .caen-gallery-slide[hidden],
#crm-completo .caen-gallery-tag[hidden]{display:none!important}
#crm-completo .caen-gallery-device-switch{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px;width:max-content;max-width:100%;margin:0 auto;border:1px solid var(--caen-border);border-radius:999px;background:var(--caen-surface)}
#crm-completo .caen-gallery-device-switch button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border:0;border-radius:999px;background:transparent;color:var(--caen-muted);font:600 12px/1.2 var(--font-sans);cursor:pointer;transition:background .2s,color .2s}
#crm-completo .caen-gallery-device-switch button[aria-pressed="true"]{background:var(--caen-accent);color:#09090b}
#crm-completo .caen-gallery-device-switch button:hover{color:var(--caen-text)}
#crm-completo .caen-gallery-device-switch button[aria-pressed="true"]:hover{color:#09090b}
#crm-completo .caen-gallery-device-switch button:focus-visible{outline:2px solid var(--caen-accent);outline-offset:4px}
#crm-completo .caen-gallery-device-switch svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.7}
#crm-completo[data-gallery-device="desktop"] .caen-crm-mockup{width:100%;margin-inline:auto}
#crm-completo[data-gallery-device="mobile"] .caen-crm-mockup{width:300px;max-width:100%;margin-inline:auto;border-radius:22px!important}
#crm-completo[data-gallery-device="mobile"] .caen-gallery-view{aspect-ratio:257/560}
#crm-completo[data-gallery-device="mobile"] .caen-gallery-arrow{width:28px;height:28px;font-size:18px}
#crm-completo[data-gallery-device="mobile"] .caen-gallery-arrow[data-gallery-prev]{left:5px}
#crm-completo[data-gallery-device="mobile"] .caen-gallery-arrow[data-gallery-next]{right:5px}
#crm-completo:not([data-gallery-device]) .caen-gallery-slide[data-gallery-device="mobile"]{display:none}
@media(max-width:700px){
 #crm-completo[data-gallery-device="mobile"] .caen-crm-mockup{width:min(272px,78vw)}
 #crm-completo:not([data-gallery-device]) .caen-gallery-slide[data-gallery-device="desktop"]{display:none}
 #crm-completo:not([data-gallery-device]) .caen-gallery-slide[data-gallery-device="mobile"]{display:block}
 #crm-completo:not([data-gallery-device]) .caen-crm-mockup{width:min(272px,78vw);margin-inline:auto}
 #crm-completo:not([data-gallery-device]) .caen-gallery-view{aspect-ratio:257/560}
}