/* TSV Venne · kompakter Social-Hub */
.socialHub{display:grid;gap:18px}
.socialIntro{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 22px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(135deg,#fff,#fff7f7);box-shadow:0 10px 30px rgba(17,19,23,.045)}
.socialIntro h2{margin:5px 0 5px;font-size:28px;letter-spacing:-.045em}
.socialIntro p{margin:0;max-width:650px;color:var(--mut);font-size:12px;line-height:1.55}
.socialHint{flex:0 0 auto;padding:9px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--mut);font-size:10px;font-weight:800;white-space:nowrap}
.socialFilters{display:flex;gap:7px;overflow-x:auto;padding:1px 0 4px;scrollbar-width:none}
.socialFilters::-webkit-scrollbar{display:none}
.socialFilter{flex:0 0 auto;border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 13px;color:#454951;font-size:10px;font-weight:850;cursor:pointer}
.socialFilter.on{background:#17191e;border-color:#17191e;color:#fff}
.socialChannels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.socialChannel{min-height:118px;padding:16px 17px;display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:13px;align-items:center;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.socialChannel:hover{transform:translateY(-1px);box-shadow:0 13px 30px rgba(17,19,23,.08);border-color:#dfe1e5}
.socialPlatform{width:45px;height:45px;border-radius:15px;display:grid;place-items:center;font-weight:950;font-size:18px}
.socialPlatform.instagram{background:linear-gradient(145deg,#fff0f2,#f6efff);color:#a32158}
.socialPlatform.facebook{background:#eef4ff;color:#2459a8}
.socialPlatform.whatsapp{background:#edf9f1;color:#167a45}
.socialChannelBody{min-width:0}
.socialMeta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:5px}
.socialDept{font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:var(--r);font-weight:900}
.socialNetwork{font-size:8px;color:#979aa0;font-weight:800}
.socialName{display:block;font-size:14px;line-height:1.25;overflow-wrap:anywhere}
.socialHandle{display:block;margin-top:4px;color:var(--mut);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.socialArrow{color:#b1b4ba;font-size:20px;font-weight:500}
.socialChannel[hidden]{display:none!important}
.socialFoot{padding:15px 17px;border-radius:18px;background:var(--soft);color:var(--mut);font-size:10px;line-height:1.55}
.socialFoot strong{color:#454951}
@media(max-width:760px){
  .socialIntro{align-items:flex-start;flex-direction:column;padding:18px;border-radius:20px}
  .socialIntro h2{font-size:24px}
  .socialHint{white-space:normal}
  .socialChannels{grid-template-columns:1fr}
  .socialChannel{min-height:96px;padding:14px 15px}
  .socialPlatform{width:42px;height:42px;border-radius:14px}
}