/* Visor de imágenes (30-sep-2026): la foto de un post se abre encima de la página, no en otra
   pestaña. Fondo oscuro siempre (como cualquier visor de fotos), controles de 44 px. */
.ttv{position:fixed;inset:0;z-index:2147483000;background:rgba(6,6,9,.94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  touch-action:none;-webkit-user-select:none;user-select:none;overscroll-behavior:contain;animation:ttvIn .16s ease-out}
@keyframes ttvIn{from{opacity:0}to{opacity:1}}
.ttv-lienzo{position:absolute;inset:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.ttv-img{display:block;max-width:calc(100vw - 32px);max-height:calc(100vh - 128px);max-height:calc(100dvh - 128px);object-fit:contain;
  border-radius:10px;box-shadow:0 24px 70px rgba(0,0,0,.6);cursor:zoom-in;-webkit-user-drag:none;will-change:transform}
.ttv.zoom .ttv-img{cursor:grab;border-radius:0;box-shadow:none}
.ttv.arrastra .ttv-img{cursor:grabbing}
.ttv-b{position:absolute;z-index:2;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;
  background:rgba(255,255,255,.10);color:#fff;cursor:pointer;transition:background .15s}
.ttv-b:hover{background:rgba(255,255,255,.20)}
.ttv-b:focus-visible{outline:2px solid rgba(217,180,74,.9);outline-offset:2px}
.ttv-b .material-symbols-outlined{font-size:24px;line-height:1}
.ttv-x{top:14px;right:14px}
.ttv-ant,.ttv-sig{top:50%;margin-top:-22px}
.ttv-ant{left:14px}
.ttv-sig{right:14px}
.ttv:not(.varias) .ttv-ant,.ttv:not(.varias) .ttv-sig{display:none}
.ttv-n{position:absolute;z-index:2;top:26px;left:20px;font:600 13px/1 system-ui,-apple-system,sans-serif;color:rgba(255,255,255,.78);letter-spacing:.02em}
.ttv-zm{position:absolute;z-index:2;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:10px}
.ttv-zm .ttv-b{position:static}
/* en el teléfono se pellizca y se desliza: sobran las flechas y el −/+ */
@media (hover:none) and (pointer:coarse){.ttv-ant,.ttv-sig,.ttv-zm{display:none}.ttv-img{max-height:calc(100dvh - 96px)}}