/* ── SHARE BAR ── */
.jd-share-bar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;}
.jd-share-label{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#596470;font-weight:600;margin-right:2px;white-space:nowrap;}

/* ── BOTÓN BASE ── */
.jd-share-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;border:1px solid rgba(255,255,255,0.08);background:rgba(255,255,255,0.05);color:#fff;font-size:15px;cursor:pointer;text-decoration:none;overflow:hidden;transition:transform .2s cubic-bezier(.34,1.56,.64,1), box-shadow .2s, border-color .2s, background .2s;flex-shrink:0;}
.jd-share-btn::before{content:'';position:absolute;inset:0;opacity:0;transition:opacity .2s;}
.jd-share-btn:hover{transform:translateY(-3px) scale(1.12);border-color:transparent;}
.jd-share-btn:active{transform:translateY(0) scale(0.96);}
.jd-share-btn svg{width:16px;height:16px;fill:currentColor;position:relative;z-index:1;transition:filter .2s;}
.jd-share-btn:hover svg{filter:drop-shadow(0 0 4px currentColor);}

/* ── TOOLTIP ── */
.jd-share-btn[data-tip]::after{content:attr(data-tip);position:absolute;bottom:calc(100% + 7px);left:50%;transform:translateX(-50%) translateY(4px);background:#0a0e14;color:#c6d4df;font-size:10px;white-space:nowrap;padding:4px 8px;border-radius:4px;border:1px solid rgba(139,92,246,0.3);pointer-events:none;opacity:0;transition:opacity .15s,transform .15s;z-index:100;font-family:monospace;letter-spacing:.5px;}
.jd-share-btn[data-tip]:hover::after{opacity:1;transform:translateX(-50%) translateY(0);}

/* ── COLORES POR RED ── */
.jd-share-btn.s-fb::before{background:#1877f2;}
.jd-share-btn.s-fb:hover{background:#1877f2;box-shadow:0 6px 20px rgba(24,119,242,0.5);}
.jd-share-btn.s-x::before{background:#000;}
.jd-share-btn.s-x:hover{background:#000;box-shadow:0 6px 20px rgba(255,255,255,0.15);}
.jd-share-btn.s-discord::before{background:#5865f2;}
.jd-share-btn.s-discord:hover{background:#5865f2;box-shadow:0 6px 20px rgba(88,101,242,0.6);}
.jd-share-btn.s-reddit::before{background:#ff4500;}
.jd-share-btn.s-reddit:hover{background:#ff4500;box-shadow:0 6px 20px rgba(255,69,0,0.5);}
.jd-share-btn.s-wa::before{background:#25d366;}
.jd-share-btn.s-wa:hover{background:#25d366;box-shadow:0 6px 20px rgba(37,211,102,0.5);}
.jd-share-btn.s-tg::before{background:#229ed9;}
.jd-share-btn.s-tg:hover{background:#229ed9;box-shadow:0 6px 20px rgba(34,158,217,0.5);}
.jd-share-btn.s-yt::before{background:#ff0000;}
.jd-share-btn.s-yt:hover{background:#ff0000;box-shadow:0 6px 20px rgba(255,0,0,0.45);}
.jd-share-btn.s-tw::before{background:#9147ff;}
.jd-share-btn.s-tw:hover{background:#9147ff;box-shadow:0 6px 20px rgba(145,71,255,0.6);}
.jd-share-btn.s-copy::before{background:rgba(139,92,246,0.3);}
.jd-share-btn.s-copy:hover{background:rgba(139,92,246,0.4);box-shadow:0 6px 20px rgba(139,92,246,0.4);border-color:#8b5cf6;}
.jd-share-btn.s-copy.copied{background:rgba(40,199,111,0.3);border-color:#28c76f;color:#28c76f;}

/* light mode */
[data-bs-theme="light"] .jd-share-label{color:#8d7260;}
[data-bs-theme="light"] .jd-share-btn{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.1);color:#3e2723;}
[data-bs-theme="light"] .jd-share-btn[data-tip]::after{background:#fffef0;color:#3e2723;border-color:rgba(184,134,11,0.3);}

@media(max-width:480px){.jd-share-btn{width:30px;height:30px;font-size:13px;}.jd-share-btn svg{width:14px;height:14px;}}