/* SMARTCARD PRO MAX V2.6.8.4.101 · Galería de miniaturas + visor independiente */
.gallery-editor-item.is-orderable{overflow:visible}
.gallery-editor-item.is-orderable>img{border-radius:10px}
.gallery-order-badge{
  position:absolute;top:4px;left:4px;z-index:4;min-width:24px;height:24px;padding:0 6px;
  display:grid;place-items:center;border-radius:999px;color:#fff;background:rgba(2,6,23,.88);
  border:1px solid rgba(255,255,255,.35);box-shadow:0 3px 10px rgba(0,0,0,.35);font-size:11px;font-weight:900
}
.gallery-editor-item .gallery-remove-button{
  position:absolute;top:3px;right:3px;z-index:5;width:24px;height:24px;padding:0;border:0;border-radius:50%;
  color:#fff;background:rgba(153,27,27,.94);cursor:pointer;font-size:17px;line-height:1
}
.gallery-order-actions{
  position:absolute;z-index:5;left:50%;bottom:4px;transform:translateX(-50%);display:flex;gap:5px;
  padding:3px;border-radius:999px;background:rgba(2,6,23,.82);box-shadow:0 4px 12px rgba(0,0,0,.32)
}
.gallery-editor-item .gallery-order-actions .gallery-move-button{
  position:static;width:29px;height:26px;padding:0;border:1px solid rgba(255,255,255,.24);border-radius:999px;
  color:#fff;background:rgba(15,23,42,.95);font-size:20px;line-height:20px;cursor:pointer
}
.gallery-editor-item .gallery-order-actions .gallery-move-button:disabled{opacity:.28;cursor:not-allowed}
.gallery-editor-item .gallery-order-actions .gallery-move-button:not(:disabled):hover{background:#1e3a5f}

/* La galería abre primero como catálogo de miniaturas. */
.gallery-browser-modal .gallery-modal-panel{
  width:min(760px,100%);max-height:92vh;display:block;overflow:auto;padding:18px 16px 16px;border-radius:24px;background:#0f172a
}
.gallery-browser{display:block}
.gallery-browser[hidden],.gallery-viewer[hidden]{display:none!important}
.gallery-browser-heading{padding:4px 52px 14px 2px;color:#fff}
.gallery-browser-heading strong{display:block;font-size:18px;line-height:1.2}
.gallery-browser-heading small{display:block;margin-top:4px;color:#94a3b8;font-size:11px}
.gallery-browser-grid{
  display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;overflow:visible!important;justify-content:initial!important
}
.gallery-browser-grid .gallery-browser-item{
  position:relative;width:auto!important;height:auto!important;aspect-ratio:1;min-width:0;flex:none!important;padding:0!important;
  overflow:hidden;border:2px solid rgba(255,255,255,.10)!important;border-radius:14px!important;background:#020617!important;cursor:pointer
}
.gallery-browser-grid .gallery-browser-item:hover{border-color:#22d3ee!important;transform:translateY(-1px)}
.gallery-browser-grid .gallery-browser-item img{width:100%;height:100%;object-fit:cover;border-radius:11px!important;display:block}
.gallery-browser-grid .gallery-browser-item span{
  position:absolute;right:5px;bottom:5px;min-width:23px;height:23px;padding:0 6px;display:grid;place-items:center;border-radius:999px;
  color:#fff;background:rgba(2,6,23,.76);border:1px solid rgba(255,255,255,.28);font-size:10px;font-weight:900
}
.gallery-browser-modal .gallery-close-all{display:grid}
.gallery-browser-modal.is-viewing-image .gallery-close-all{display:none!important}

/* Visor: es otro nivel dentro de la galería. Cerrar aquí vuelve a las miniaturas. */
.gallery-viewer{position:relative;min-height:420px;display:grid;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:10px;padding-top:42px}
.gallery-viewer figure{margin:0;display:grid;gap:8px;justify-items:center}
.gallery-viewer figure img{width:100%;max-height:72vh;object-fit:contain;border-radius:16px;background:#020617}
.gallery-viewer figcaption{color:#cbd5e1;font-size:12px}
.gallery-view-close{
  position:absolute;z-index:15;top:0;right:0;height:36px;padding:0 12px;display:flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.22);
  border-radius:999px;color:#fff;background:rgba(2,6,23,.82);cursor:pointer
}
.gallery-view-close span{font-size:24px;line-height:1}.gallery-view-close b{font-size:11px}
.gallery-viewer .gallery-nav{position:static;transform:none;width:44px;height:60px}

@media(max-width:760px){
  .gallery-browser-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
}

@media(max-width:520px){
  /* Catálogo de miniaturas ocupa la pantalla, pero NO abre una foto automáticamente. */
  .gallery-browser-modal{inset:0;padding:0;place-items:stretch;background:#07101f}
  .gallery-browser-modal .gallery-modal-backdrop{background:#07101f;backdrop-filter:none}
  .gallery-browser-modal .gallery-modal-panel{
    width:100vw;height:100dvh;max-height:none;min-height:100vh;margin:0;padding:max(18px,env(safe-area-inset-top)) 12px max(16px,env(safe-area-inset-bottom));
    border:0;border-radius:0;background:#0b1220;overflow:auto
  }
  .gallery-browser-heading{padding:4px 54px 15px 2px}
  .gallery-browser-heading strong{font-size:19px}.gallery-browser-heading small{font-size:11px;line-height:1.35}
  .gallery-browser-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-bottom:18px}
  .gallery-browser-grid .gallery-browser-item{border-radius:12px!important}
  .gallery-browser-modal .gallery-close-all{
    position:fixed;z-index:20;top:max(12px,env(safe-area-inset-top));right:12px;width:44px;height:44px;border:1px solid rgba(255,255,255,.28);
    border-radius:50%;background:rgba(2,6,23,.88);font-size:30px
  }

  /* Al tocar una miniatura, SOLO el visor pasa a pantalla completa. */
  .gallery-browser-modal.is-viewing-image .gallery-modal-panel{padding:0;overflow:hidden;background:#000}
  .gallery-viewer{
    position:fixed;z-index:14;inset:0;width:100vw;height:100dvh;min-height:100vh;padding:0;display:flex;align-items:center;justify-content:center;background:#000
  }
  .gallery-viewer figure{width:100vw;height:100dvh;margin:0;display:flex;align-items:center;justify-content:center;position:relative}
  .gallery-viewer figure img{width:100vw;height:100dvh;max-width:none;max-height:none;object-fit:contain;border-radius:0;background:#000}
  .gallery-viewer figcaption{
    position:absolute;z-index:18;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translateX(-50%);
    padding:6px 11px;border-radius:999px;color:#fff;background:rgba(0,0,0,.60);font-size:12px;font-weight:800
  }
  .gallery-view-close{
    position:fixed;z-index:22;top:max(12px,env(safe-area-inset-top));right:12px;height:46px;padding:0 13px;
    border:1px solid rgba(255,255,255,.38);background:rgba(0,0,0,.68);box-shadow:0 5px 18px rgba(0,0,0,.4)
  }
  .gallery-view-close span{font-size:28px}.gallery-view-close b{font-size:11px}
  .gallery-viewer .gallery-nav{
    position:fixed;z-index:21;top:50%;transform:translateY(-50%);width:44px;height:64px;border:1px solid rgba(255,255,255,.2);
    border-radius:14px;color:#fff;background:rgba(0,0,0,.48);font-size:38px
  }
  .gallery-viewer .gallery-prev{left:8px}.gallery-viewer .gallery-next{right:8px}
}