/* Estilos básicos para Galería Torobyte */
.tbg-gallery { display:flex; flex-wrap:wrap; gap:10px; }
.tbg-gallery .tbg-thumb { width: calc(25% - 10px); cursor:pointer; }
.tbg-gallery .tbg-thumb img { width:100%; height:auto; display:block; border-radius:4px; }

/* Responsive */
@media (max-width:800px){ .tbg-gallery .tbg-thumb { width: calc(33.333% - 10px); } }
@media (max-width:480px){ .tbg-gallery .tbg-thumb { width: calc(50% - 10px); } }

/* Lightbox */
.tbg-lightbox { position:fixed; inset:0; background:rgba(0,0,0,0.85); display:flex; align-items:center; justify-content:center; z-index:99999; }
.tbg-lightbox img{ max-width:90%; max-height:90%; border-radius:6px; }
.tbg-lightbox .tbg-close{ position:absolute; top:20px; right:20px; color:#fff; font-size:28px; cursor:pointer; }
.tbg-lightbox .tbg-nav{ position:absolute; top:50%; transform:translateY(-50%); color:#fff; font-size:40px; cursor:pointer; padding:10px; }
.tbg-lightbox .tbg-prev{ left:20px; }
.tbg-lightbox .tbg-next{ right:20px; }

/* Admin meta box small styles */
#tbg-images-list img{ width:100px; height:auto; display:block; }
#tbg-images-list li{ border:1px solid #eee; padding:4px; border-radius:4px; }