/* ============================================================
   GALERÍA DE DETALLE (inc/galeria-detalle.php) — estilos.
   Vive en un archivo aparte a propósito: antes se inyectaba en
   línea una sola vez por página con un flag en $GLOBALS, pero
   ProCache regenera VARIAS páginas en un mismo proceso PHP y el
   flag se filtraba de una a otra: la primera se quedaba el CSS y
   las demás salían sin estilo. Como archivo externo el navegador
   lo cachea y no depende del orden de render.
   ============================================================ */
.tg{margin:18px 0 26px;--tg-accent:#111827}
.tg-main{position:relative;background:#f3f4f6;border-radius:14px;overflow:hidden}
.tg-main img{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#f3f4f6}
.tg-full{display:block}
.tg-nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;
  background:rgba(17,24,39,.55);color:#fff;font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;transition:background .2s}
.tg-nav:hover{background:rgba(17,24,39,.85)}
.tg-prev{left:12px}
.tg-next{right:12px}
.tg-count{position:absolute;right:12px;bottom:12px;background:rgba(17,24,39,.68);color:#fff;font:600 12px/1 system-ui,sans-serif;
  padding:6px 11px;border-radius:999px;letter-spacing:.03em}
.tg-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px;margin-top:10px}
.tg-th{padding:0;border:2px solid transparent;background:none;cursor:pointer;border-radius:10px;overflow:hidden;line-height:0}
.tg-th img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;transition:opacity .2s}
.tg-th:hover img{opacity:.85}
.tg-th.is-on{border-color:var(--tg-accent)}
.tg-th:focus-visible{outline:2px solid var(--tg-accent);outline-offset:2px}
@media(max-width:560px){
  .tg-thumbs{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}
  .tg-nav{width:40px;height:40px;font-size:22px}
}
@media(prefers-reduced-motion:reduce){.tg-th img,.tg-nav{transition:none}}
@media print{.tg-nav,.tg-count{display:none}}