/* Galería de fotos reales */
.pildora { height: 44px; padding: 0 16px 0 12px; border-radius: 999px; display: inline-flex; align-items: center; gap: 8px; font-size: 14px; font-weight: 600; white-space: nowrap;
  background: var(--vidrio); border: 1px solid var(--borde); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
.pildora svg { width: 20px; height: 20px; }
.pildora:focus-visible, .gal-nav:focus-visible { outline: 2px solid var(--acento); outline-offset: 2px; }
#galeria { position: fixed; inset: 0; z-index: 40; background: #0e0f11; display: flex; flex-direction: column; transition: opacity .25s; }
#galeria.oculto { opacity: 0; pointer-events: none; visibility: hidden; }
.gal-barra { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: calc(12px + var(--seguro-ar)) 16px 8px; }
.gal-barra b { display: block; font-size: 17px; }
.gal-barra span { display: block; font-size: 12.5px; color: var(--tinta-suave); margin-top: 2px; }
.gal-escena { position: relative; flex: 1; min-height: 0; display: flex; align-items: center; justify-content: center; padding: 4px 12px; touch-action: pan-y; }
#gal-img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 10px; transition: opacity .12s; user-select: none; -webkit-user-drag: none; }
#gal-img.saliendo { opacity: 0; }
.gal-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center;
  background: var(--vidrio-fuerte); border: 1px solid var(--borde); z-index: 2; }
.gal-nav.ant { left: 14px; } .gal-nav.sig { right: 14px; }
.gal-pie { padding: 8px 16px calc(14px + var(--seguro-ab)); text-align: center; }
.gal-pie p { margin: 0; font-size: 14px; }
.gal-pie #gal-cont { color: var(--tinta-suave); margin-left: 6px; }
.gal-pie .gal-nota { margin-top: 4px; font-size: 12px; color: var(--tinta-suave); }
@media (max-width: 520px) { .pildora { padding: 0 12px 0 10px; font-size: 13px; gap: 6px; }  .gal-nav { width: 40px; height: 40px; } .gal-nav.ant { left: 6px; } .gal-nav.sig { right: 6px; } }