/* Compartir (blog) — componente compartido, cargado aparte del <style> inline de cada post */
.share-widget{display:inline-flex;align-items:center;gap:10px;font-family:'Inter',sans-serif}
.share-widget--fixed{position:fixed;top:80px;right:20px;z-index:150}
.share-widget--inline{width:100%;padding:32px 0;border-top:1px solid rgba(0,0,0,.08)}
.share-label{font-family:'Sora',sans-serif;font-weight:700;font-size:.85rem;color:#3D3D3D;letter-spacing:.02em}
.share-toggle-wrap{position:relative;display:inline-flex}
.share-toggle{width:50px;height:50px;border-radius:50%;background:#fff;border:1px solid rgba(0,0,0,.1);color:#0A0A0A;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 18px rgba(10,10,10,.14);transition:transform .2s ease,background .2s ease,color .2s ease}
.share-toggle svg{width:23px;height:23px}
.share-toggle:hover{transform:translateY(-2px)}
.share-widget--open .share-toggle{background:#0A0A0A;color:#fff;border-color:#0A0A0A}
.share-menu{position:absolute;top:calc(100% + 10px);left:0;z-index:5;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:999px;padding:10px;box-shadow:0 14px 34px rgba(10,10,10,.18);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.share-widget--fixed .share-menu{left:auto;right:0}
.share-widget--open .share-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.share-btn{position:relative;width:46px;height:46px;border-radius:50%;background:#F5F5F5;border:1px solid rgba(0,0,0,.08);color:#0A0A0A;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}
.share-btn svg{width:21px;height:21px}
.share-btn:hover{background:#0057FF;color:#fff;transform:translateY(-2px)}
.share-toast{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%) translateY(4px);display:inline-flex;align-items:center;gap:6px;background:#0A0A0A;color:#fff;font-size:.72rem;font-weight:600;padding:6px 12px 6px 8px;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.share-toast svg{width:14px;height:14px;color:#2ecc71;flex-shrink:0}
.share-btn--copied .share-toast{opacity:1;transform:translateX(-50%) translateY(0)}
@media (max-width:480px){
  .share-widget--inline .share-menu{flex-wrap:wrap;width:190px;border-radius:22px}
}