/* WC Product Documents v5 */
.wcpd-wrap { margin: 16px 0 22px; }

.wcpd-open-btn:hover { filter: brightness(1.1); transform: translateY(-2px); }
.wcpd-open-btn:active { transform: translateY(0); }

/* Modal */
.wcpd-modal { display:none; position:fixed; inset:0; z-index:999999; align-items:center; justify-content:center; }
.wcpd-modal.open { display:flex; }
.wcpd-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.65); backdrop-filter:blur(4px); cursor:pointer; }

/* Diálogo */
.wcpd-dialog {
    position:relative; z-index:1; display:flex; flex-direction:column;
    width:94vw; max-width:1000px; height:92vh;
    background:#0f1117; border-radius:12px; overflow:hidden;
    box-shadow:0 25px 70px rgba(0,0,0,.7);
    animation:wcpd-pop .2s cubic-bezier(.16,1,.3,1);
}
@keyframes wcpd-pop { from{opacity:0;transform:scale(.95) translateY(14px)} to{opacity:1;transform:scale(1) translateY(0)} }
.wcpd-modal.fullscreen .wcpd-dialog { width:100vw!important; max-width:100vw!important; height:100vh!important; border-radius:0!important; }

/* Header */
.wcpd-header {
    display:flex; align-items:center; justify-content:space-between;
    height:50px; padding:0 14px; background:#080b10;
    border-bottom:1px solid rgba(255,255,255,.07); flex-shrink:0; gap:10px;
}
.wcpd-header-l { display:flex; align-items:center; gap:9px; overflow:hidden; flex:1; }
.wcpd-title { font-size:13px; font-weight:600; color:#cbd5e1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.wcpd-header-r { display:flex; align-items:center; gap:6px; flex-shrink:0; }

.wcpd-hbtn {
    display:inline-flex; align-items:center; gap:6px;
    padding:5px 11px; border-radius:6px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.06); color:#94a3b8;
    font-size:13px; font-weight:600; cursor:pointer;
    transition:background .14s; text-decoration:none; white-space:nowrap;
}
.wcpd-hbtn:hover { background:rgba(255,255,255,.13); color:#e2e8f0; }
.wcpd-dl-btn { color:#60a5fa!important; border-color:rgba(96,165,250,.2)!important; }
.wcpd-dl-btn:hover { background:rgba(96,165,250,.12)!important; }
.wcpd-close-btn:hover { background:rgba(148,163,184,.12)!important; }

/* Área del iframe */
.wcpd-viewer-wrap { flex:1; position:relative; overflow:hidden; }
.wcpd-frame { display:block; width:100%; height:100%; border:none; }
.wcpd-spinner-wrap {
    position:absolute; inset:0; display:flex; flex-direction:column;
    align-items:center; justify-content:center; background:#1e2028; z-index:5;
}
.wcpd-ring {
    width:44px; height:44px;
    border:3px solid rgba(255,255,255,.08);
    border-top-color:#60a5fa;
    border-radius:50%; animation:wcpd-spin .8s linear infinite;
}
@keyframes wcpd-spin { to { transform:rotate(360deg); } }

@media(max-width:640px){
    .wcpd-dialog { width:100vw; max-width:100vw; height:100vh; border-radius:0; }
    .wcpd-hbtn span { display:none; }
    .wcpd-hbtn { padding:5px 8px; }
}

/* ── Contador de visualizaciones/descargas ── */
.wcpd-counter {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    margin-top: 8px !important;
    font-size: 13px !important;
    color: #6b7280 !important;
    font-weight: 500 !important;
}
.wcpd-counter svg {
    flex-shrink: 0 !important;
    opacity: .7 !important;
}
.wcpd-count-num {
    font-weight: 700 !important;
    color: #374151 !important;
}