/* --------------------------------------------------------------------------
   PANEL DE DETALLE DE ARMA (.wdp-*)
   --------------------------------------------------------------------------
   Lo comparten val-weapons.php (ficha del arma) y val-armas.php (mis stats con esa arma).
   Estaba duplicado literalmente en:
     - pages/valorant/val-weapons.css
     - pages/valorant/val-my-weapons.css
   -------------------------------------------------------------------------- */

.wdp-category-badge {
    position: absolute; top: 12px; left: 14px;
    font-size: var(--fs-2xs); font-weight: var(--fw-bold);
    text-transform: uppercase; letter-spacing: .07em;
    color: var(--text-muted);
    background: var(--bg-card); border: 1px solid var(--border);
    border-radius: var(--radius-sm); padding: 3px 8px;
}

.wdp-cost-badge {
    position: absolute; top: 12px; right: 14px;
    font-size: var(--fs-sm); font-weight: var(--fw-extrabold);
    color: #f0c040;
    background: rgba(240,192,64,.1);
    border: 1px solid rgba(240,192,64,.3);
    border-radius: var(--radius-sm); padding: 3px 10px;
}

.wdp-weapon-img {
    width: 100%; max-width: 280px; height: 80px;
    object-fit: contain;
    filter: drop-shadow(0 4px 12px rgba(0,0,0,.4));
    margin: var(--sp-3) 0 var(--sp-1);
}

.wdp-weapon-name {
    font-family: 'Teko', sans-serif;
    font-size: var(--fs-4xl); font-weight: var(--fw-bold);
    color: var(--text-white);
    letter-spacing: .03em; text-align: center;
}

.wdp-gun-stats {
    display: grid; grid-template-columns: 1fr 1fr;
    gap: var(--sp-2); margin-bottom: var(--sp-6);
}

.wdp-gun-stat {
    display: flex; justify-content: space-between; align-items: center;
    background: var(--bg-input); border-radius: var(--radius-sm);
    padding: var(--sp-2) var(--sp-4); font-size: var(--fs-xs);
}

.wdp-gun-stat-key { color: var(--text-muted); }

.wdp-gun-stat-val { font-weight: var(--fw-bold); color: var(--text-gray); }

.wdp-dmg-table th {
    font-size: var(--fs-3xs); font-weight: var(--fw-bold);
    text-transform: uppercase; letter-spacing: .05em;
    color: var(--text-muted); padding: 5px 8px;
    background: var(--bg-input);
    border-bottom: 1px solid var(--border);
    text-align: center;
}

.wdp-dmg-table th:first-child { text-align: left; }

.wdp-dmg-table td {
    padding: var(--sp-2) var(--sp-3);
    border-bottom: 1px solid var(--border);
    text-align: center; color: var(--text-gray);
}

.wdp-dmg-table td:first-child { text-align: left; color: var(--text-muted); }

.wdp-dmg-table tr:last-child td { border-bottom: none; }

.wdp-dmg-head { color: var(--brand-accent) !important; font-weight: var(--fw-bold); }

.wdp-dmg-body { color: var(--text-white) !important; font-weight: var(--fw-semibold); }