/* Estilos LIMITADOS al scope .wgc-root para evitar conflictos */
.wgc-root{ position:relative; }

.wgc-carousel{ position:relative; width:100%; }
.wgc-viewport{ overflow:hidden; width:100%; }
.wgc-track{ display:flex; gap:12px; transition: transform .35s ease; }
.wgc-item{ position:relative; overflow:hidden; border-radius:12px; cursor:zoom-in; }
.wgc-item img{ width:100%; height:100%; object-fit:cover; display:block; transition: transform .3s ease; }
.wgc-item:hover img{ transform: scale(1.06); }

.wgc-nav{
    position:absolute; top:50%; transform: translateY(-50%);
    z-index:5; border:none; background:rgba(0,0,0,.45); color:#fff;
    padding:10px 14px; border-radius:10px; cursor:pointer; font-size:22px; line-height:1;
}
.wgc-prev{ left:6px; }
.wgc-next{ right:6px; }

/* Popup local SOLO dentro del root */
.wgc-pop{
    position:absolute; inset:0;
    display:none; align-items:center; justify-content:center;
    background:rgba(0,0,0,.6); z-index:10; padding:16px; border-radius:12px;
}
.wgc-pop.open{ display:flex; }
.wgc-pop-inner{
    position:relative; background:#0b0b0b; border-radius:12px; padding:16px;
    width:min(100%, 980px); box-shadow:0 10px 30px rgba(0,0,0,.35);
}
.wgc-pop-close{
    position:absolute; top:8px; right:10px;
    background:rgba(255,255,255,.15); color:#fff; border:none; border-radius:10px;
    padding:8px 12px; font-size:20px; cursor:pointer;
}
.wgc-pop-imgwrap{ text-align:center; max-height:70vh; }
.wgc-pop-img{ max-width:100%; max-height:70vh; border-radius:10px; }
.wgc-pop-controls{ margin-top:12px; display:flex; align-items:center; gap:10px; justify-content:center; }
.wgc-pop-prev, .wgc-pop-next{
    background:#111827; color:#fff; border:none; border-radius:8px; padding:8px 12px; cursor:pointer; font-size:18px;
}
.wgc-pop-range{ width:60%; }

/* Admin (solo en su página) */
#wgc-safe-admin .wgc-admin-actions{ margin:14px 0; }
#wgc-safe-admin .wgc-admin-list{
    display:flex; flex-wrap:wrap; gap:10px; margin:10px 0 0; padding:0; list-style:none;
}
#wgc-safe-admin .wgc-admin-list li{ position:relative; }
#wgc-safe-admin .wgc-admin-list img{
    width:100px; height:100px; object-fit:cover; border-radius:8px; display:block; border:1px solid #e5e7eb;
}
#wgc-safe-admin .wgc-remove{
    position:absolute; right:4px; top:2px; background:#ef4444; color:#fff; border-radius:50%;
    width:20px; height:20px; line-height:20px; text-align:center; font-weight:bold; cursor:pointer;
}

@media (max-width: 768px){
    .wgc-nav{ font-size:18px; }
    .wgc-pop-inner{ padding:12px; }
}