/* CVH-040 · Share System · Modal + Drawer + Network buttons
   Prefix: cvh-share- | sin conflictos con WoodMart/WPBakery */

#cvh-share-overlay{
  display:none;position:fixed;inset:0;z-index:99998;
  background:rgba(6,6,15,.75);-webkit-backdrop-filter:blur(6px);
backdrop-filter:blur(6px);
  align-items:center;justify-content:center;padding:20px;
  font-family:'DM Sans',system-ui,sans-serif;
}
#cvh-share-overlay.active{display:flex}

/* ===== MODAL (desktop ≥481px) ===== */
.cvh-share-modal{
  position:relative;width:100%;max-width:440px;
  background:linear-gradient(180deg,rgba(14,14,28,.98),rgba(11,11,23,.96));
  -webkit-backdrop-filter:blur(20px);
  backdrop-filter:blur(20px);
  border:1px solid rgba(212,175,55,.12);border-radius:22px;
  padding:28px 26px 24px;
  box-shadow:0 30px 80px -20px rgba(0,0,0,.7),0 0 60px -20px rgba(212,175,55,.18),inset 0 1px 0 rgba(255,255,255,.04);
}
.cvh-share-modal::before{
  content:"";position:absolute;top:0;left:28px;right:28px;height:1px;
  background:linear-gradient(90deg,transparent,#D4AF37,transparent);opacity:.6;
}
.cvh-share-close{
  position:absolute;top:16px;right:16px;
  width:30px;height:30px;border-radius:50%;
  background:rgba(240,234,214,.04);border:1px solid rgba(240,234,214,.06);
  display:grid;place-items:center;cursor:pointer;
  color:#6B6680;font-size:18px;transition:all .2s;
}
.cvh-share-close:hover{background:rgba(212,175,55,.1);border-color:#D4AF37;color:#D4AF37}

/* ===== DRAWER (mobile ≤480px) ===== */
.cvh-share-drawer{
  display:none;position:fixed;bottom:0;left:50%;transform:translateX(-50%);
  width:100%;max-width:380px;z-index:99999;
  background:linear-gradient(180deg,rgba(14,14,28,.99),rgba(11,11,23,.99));
  border-radius:22px 22px 0 0;
  border-top:1px solid #D4AF37;
  padding:14px 20px 28px;
  font-family:'DM Sans',system-ui,sans-serif;
}
.cvh-share-grip{
  width:42px;height:4px;border-radius:2px;
  background:rgba(212,175,55,.3);margin:0 auto 14px;
}

@media(max-width:480px){
  #cvh-share-overlay{align-items:flex-end;padding:0}
  .cvh-share-modal{display:none}
  .cvh-share-drawer{display:block}
}
@media(min-width:481px){
  .cvh-share-drawer{display:none!important}
}

/* ===== CONTENT SHARED ===== */
.cvh-share-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.cvh-share-icon{
  width:44px;height:44px;flex-shrink:0;border-radius:12px;
  background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.12);
  display:grid;place-items:center;
}
.cvh-share-icon svg{width:22px;height:22px;color:#D4AF37}
.cvh-share-eye{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:#D4AF37;display:block;margin-bottom:4px;
}
.cvh-share-h{
  font-family:'Syne',system-ui,sans-serif;font-weight:600;
  font-size:17px;color:#F0EAD6;line-height:1.25;
}
.cvh-share-sub{font-size:13px;color:#A6A0B5;line-height:1.4;margin-top:4px}

/* Preview */
.cvh-share-preview{
  display:flex;align-items:center;gap:12px;
  padding:12px;border-radius:12px;
  background:rgba(240,234,214,.03);border:1px solid rgba(212,175,55,.08);
  margin-bottom:16px;
}
.cvh-share-preview-thumb{
  width:42px;height:42px;border-radius:10px;flex-shrink:0;
  background:rgba(212,175,55,.1);display:grid;place-items:center;
}
.cvh-share-preview-thumb svg{width:22px;height:22px;color:#D4AF37}
.cvh-share-preview-kind{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#6B6680;
  display:block;margin-bottom:3px;
}
.cvh-share-preview-title{font-size:14px;font-weight:600;color:#F0EAD6}
.cvh-share-preview-meta{font-size:12px;color:#A6A0B5;margin-top:2px}

/* Social grid */
.cvh-share-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:8px;
  margin-bottom:14px;
}
.cvh-net{
  display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:10px 4px 8px;border-radius:12px;
  background:rgba(240,234,214,.03);border:1px solid rgba(212,175,55,.08);
  cursor:pointer;text-decoration:none;
  color:#A6A0B5;font-size:11px;font-family:'DM Sans',system-ui,sans-serif;
  transition:all .15s;
}
.cvh-net:hover{background:rgba(212,175,55,.1);border-color:rgba(212,175,55,.3);transform:translateY(-1px)}
.cvh-net-icon{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}
.cvh-net-icon svg{width:16px;height:16px}
.cvh-net.wa .cvh-net-icon{background:rgba(37,211,102,.15)}
.cvh-net.wa .cvh-net-icon svg{color:#25D366}
.cvh-net.tg .cvh-net-icon{background:rgba(42,171,238,.15)}
.cvh-net.tg .cvh-net-icon svg{color:#2AABEE}
.cvh-net.fb .cvh-net-icon{background:rgba(24,119,242,.15)}
.cvh-net.fb .cvh-net-icon svg{color:#1877F2}
.cvh-net.tw .cvh-net-icon{background:rgba(240,234,214,.08)}
.cvh-net.tw .cvh-net-icon svg{color:#F0EAD6}
.cvh-net.em .cvh-net-icon{background:rgba(212,175,55,.12)}
.cvh-net.em .cvh-net-icon svg{color:#D4AF37}
.cvh-net.sms .cvh-net-icon{background:rgba(52,199,89,.12)}
.cvh-net.sms .cvh-net-icon svg{color:#34C759}
.cvh-net.ln .cvh-net-icon{background:rgba(10,102,194,.15)}
.cvh-net.ln .cvh-net-icon svg{color:#0A66C2}
.cvh-net.ig .cvh-net-icon{background:rgba(225,48,108,.12)}
.cvh-net.ig .cvh-net-icon svg{color:#E1306C}

/* Share link */
.cvh-share-link{
  display:flex;align-items:center;gap:8px;
  padding:10px 12px;border-radius:10px;
  background:rgba(6,6,15,.5);border:1px solid rgba(212,175,55,.1);
  margin-bottom:8px;
}
.cvh-share-link svg{width:14px;height:14px;color:#D4AF37;flex-shrink:0}
.cvh-share-link code{
  flex:1;font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:12px;color:#A6A0B5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.cvh-copy-btn{
  padding:6px 12px;border-radius:7px;border:none;cursor:pointer;
  background:linear-gradient(180deg,#E9C66A,#D4AF37,#8C6F1A);
  color:#1A140A;font-size:12px;font-weight:600;
  font-family:'DM Sans',system-ui,sans-serif;
  transition:all .2s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;
}
.cvh-copy-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(212,175,55,.4)}
.cvh-copy-btn.copied{background:linear-gradient(180deg,#9bbf5a,#6B8E23)}

.cvh-share-foot{
  font-family:'JetBrains Mono',ui-monospace,monospace;
  font-size:10px;letter-spacing:.15em;text-transform:uppercase;
  color:#6B6680;text-align:center;margin-top:12px;
}

/* Floating share button (se añade a entidades via JS) */
.cvh-share-btn{
  width:36px;height:36px;border-radius:10px;
  background:rgba(240,234,214,.04);border:1px solid rgba(212,175,55,.12);
  display:grid;place-items:center;cursor:pointer;
  color:#A6A0B5;transition:all .2s;
}
.cvh-share-btn:hover{background:rgba(212,175,55,.1);border-color:#D4AF37;color:#D4AF37;transform:translateY(-1px)}
.cvh-share-btn svg{width:16px;height:16px}