/* Original gallery appearance is provided by web.css and combinador.css.
   Only HTML-image adaptation, states, safe layering and keyboard/touch access follow. */
.trapitos-ig .ig-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.ig-image-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center}
.trapitos-ig a:focus-visible,#instructions-btn:focus-visible{outline:3px solid currentColor;outline-offset:4px}
/* The original full-photo link covers its caption. Preserve both destinations while enabling touch. */
.trapitos-ig .instaphoto.podium .full-link{z-index:2}
.trapitos-ig .instacaption{z-index:3;visibility:hidden;pointer-events:none}
.trapitos-ig .instacaption .insta-link{pointer-events:auto}
.trapitos-ig .instaphoto.open .instacaption{opacity:1;visibility:visible}
.trapitos-ig .overlay{pointer-events:none}
.ig-state{margin:24px 0;text-align:center}
.ig-state p{font-size:14px;line-height:1.6;margin:0 0 8px}
.ig-notice{padding:16px 20px;background:#fcf7e9;border-left:3px solid #bda660;font-size:14px;line-height:1.8;margin:22px 0}.ig-notice span{display:block}

/* Rev1: use the original .podium sprite ribbon on recent cards too.
   Keep its desktop photo clipping and count-only hover unchanged. */
.trapitos-ig .instaphoto.recent.podium{overflow:hidden}
.trapitos-ig .instaphoto.recent .ig-mobile-caption{display:none}
@media(max-width:576px){
    .trapitos-ig .instaphoto.recent.podium{overflow:visible}
    .trapitos-ig .instaphoto.recent .ig-mobile-caption.open{display:block}
    /* Touch hover persists after closing; cyan remains a desktop interaction. */
    .trapitos-ig .instaphoto.recent .overlay{display:none}
    /* Reuse the original full-card 3rem gap; Bootstrap mb-3 otherwise overrides it. */
    .trapitos-ig #recent .change-grid-elem.full{margin-bottom:3rem!important}
}