.pdc{--pdc-bg:#272d3a;--pdc-tx:#fff;--pdc-mu:#7d8795;--pdc-up:#16c784;--pdc-dn:#ff4d6a;--pdc-fs-sym:17px;--pdc-fs-name:15px;--pdc-fs-price:18px;--pdc-fs-chg:17px;--pdc-fw:700;--pdc-rs:16px;--pdc-gap:14px;--pdc-logo:40px;--pdc-px:24px;--pdc-py:8px;--pdc-rad:14px;--pdc-card:220px;--pdc-speed:40s;
background:var(--pdc-bg);color:var(--pdc-tx);border-radius:var(--pdc-rad);padding:var(--pdc-py) var(--pdc-px);box-sizing:border-box;max-width:100%;line-height:1.3}
.pdc *{box-sizing:border-box}
.pdc--font-system{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Inter,Arial,sans-serif}
.pdc--font-inherit{font-family:inherit}
.pdc-item{display:flex;align-items:center;gap:var(--pdc-gap);padding:var(--pdc-rs) 0;color:inherit;text-decoration:none;border-bottom:1px solid var(--pdc-dv,transparent)}
.pdc-track>.pdc-item:last-child{border-bottom:0}
a.pdc-item:hover{opacity:.85}
.pdc-rank{color:var(--pdc-mu);font-size:var(--pdc-fs-name);min-width:1.6em;text-align:center}
.pdc-logo{width:var(--pdc-logo);height:var(--pdc-logo);flex:0 0 var(--pdc-logo);border-radius:50%;object-fit:cover;margin:0;display:block}
.pdc-name{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pdc-sym{font-weight:var(--pdc-fw);font-size:var(--pdc-fs-sym);color:var(--pdc-tx)}
.pdc-full{color:var(--pdc-mu);margin-left:.4em;font-size:var(--pdc-fs-name)}
.pdc-price{font-weight:var(--pdc-fw);font-size:var(--pdc-fs-price);text-align:right;min-width:calc(var(--pdc-fs-price)*6);font-variant-numeric:tabular-nums}
.pdc-chg{font-weight:var(--pdc-fw);font-size:var(--pdc-fs-chg);text-align:right;min-width:calc(var(--pdc-fs-chg)*4.6);font-variant-numeric:tabular-nums}
.pdc-cap{color:var(--pdc-mu);font-size:var(--pdc-fs-name);text-align:right;min-width:calc(var(--pdc-fs-name)*6)}
.pdc-up{color:var(--pdc-up)}.pdc-dn{color:var(--pdc-dn)}.pdc-na{color:var(--pdc-mu)}

/* Elementos opcionales */
.pdc--no-logo .pdc-logo,.pdc--no-name .pdc-full,.pdc--no-chg .pdc-chg,.pdc--no-cap .pdc-cap,.pdc--no-rank .pdc-rank{display:none}
.pdc:not(.pdc--ticker) .pdc-dup{display:none}

/* Tarjetas */
.pdc--grid .pdc-track{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--pdc-card),1fr));gap:var(--pdc-gap);padding:calc(var(--pdc-rs)/2) 0}
.pdc--grid .pdc-item{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"logo name" "price price" "chg cap";align-items:center;gap:calc(var(--pdc-gap)/2) var(--pdc-gap);padding:var(--pdc-rs) calc(var(--pdc-px)*.7);border:1px solid var(--pdc-dv,rgba(255,255,255,.08));border-radius:calc(var(--pdc-rad)*.7);background:rgba(255,255,255,.04)}
.pdc--grid .pdc-rank{display:none}
.pdc--grid .pdc-logo{grid-area:logo}
.pdc--grid .pdc-name{grid-area:name}
.pdc--grid .pdc-price{grid-area:price;text-align:left;min-width:0}
.pdc--grid .pdc-chg{grid-area:chg;text-align:left;min-width:0}
.pdc--grid .pdc-cap{grid-area:cap;min-width:0}
.pdc--grid.pdc--no-logo .pdc-item{grid-template-areas:"name name" "price price" "chg cap"}
.pdc--grid .pdc-track>.pdc-item:last-child{border-bottom:1px solid var(--pdc-dv,rgba(255,255,255,.08))}

/* Ticker */
.pdc--ticker{display:flex;overflow:hidden;padding-left:0;padding-right:0}
.pdc--ticker .pdc-track{display:flex;flex:0 0 auto;min-width:100%;animation:pdc-marquee var(--pdc-speed) linear infinite}
.pdc--ticker:hover .pdc-track{animation-play-state:paused}
.pdc--ticker .pdc-item{flex:0 0 auto;gap:calc(var(--pdc-gap)*.6);padding:var(--pdc-rs) calc(var(--pdc-gap)*1.6);border:0}
.pdc--ticker .pdc-name{flex:0 0 auto;overflow:visible}
.pdc--ticker .pdc-price,.pdc--ticker .pdc-chg,.pdc--ticker .pdc-cap{min-width:0}
@keyframes pdc-marquee{from{transform:translateX(0)}to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.pdc--ticker .pdc-track{animation:none}.pdc--ticker{overflow-x:auto}}

.pdc-upd{margin-top:6px;padding-bottom:8px;font-size:12px;color:var(--pdc-mu);text-align:right}
.pdc-empty{padding:12px 16px;border:1px dashed #c3c4c7;border-radius:6px;font-size:14px;color:#50575e}
.pdc-inline{white-space:nowrap}
.pdc-inline-chg{font-weight:600}
.pdc-inline .pdc-up{color:var(--pdc-up)}.pdc-inline .pdc-dn{color:var(--pdc-dn)}

@media (max-width:520px){
.pdc--list .pdc-full,.pdc--list .pdc-cap,.pdc--list .pdc-rank{display:none}
.pdc--list .pdc-price{min-width:calc(var(--pdc-fs-price)*5)}
}