.social-section{background:radial-gradient(ellipse at 90% 0%,#fbe5e8,transparent 55%),linear-gradient(145deg,#fffafa,#fff 65%);padding-block:70px}
.social-intro{display:grid;grid-template-columns:minmax(0,1fr) 310px;align-items:center;gap:64px;margin-bottom:40px}
.social-intro-copy{max-width:720px}.social-intro-copy .section-title{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1.5;margin:14px 0}.social-intro-copy .section-sub{font-size:1.1rem;line-height:2;max-width:620px}
.social-intro-tag{display:inline-block;margin-top:18px;padding-inline-start:14px;border-inline-start:3px solid #b52032;color:#8b2734;font-weight:800}
.social-qr-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px;border:1px solid #ead4d8;border-radius:28px;background:#fff;box-shadow:0 18px 50px rgba(116,24,39,.12);text-decoration:none;color:#822334;text-align:center}
.social-qr-card img{width:236px;max-width:100%;height:auto;display:block}.social-qr-heading{font-weight:800;font-size:1rem}.social-qr-card strong{font-size:1.15rem}.social-qr-domain{font-size:.83rem;color:#777}
.social-accounts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.social-account-group{padding:0 22px 26px;border:1px solid #ecdee0;border-radius:26px;background:#fff;box-shadow:0 14px 40px rgba(78,22,31,.07);min-width:0;overflow:hidden}
.social-account-group h3{text-align:center;margin:0 -22px 26px;padding:20px 14px;font-size:1.3rem;color:#fff;background:linear-gradient(120deg,#7e1d2d,#bb2e42);border-bottom:3px solid #e6bd88}
.social-account-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.social-account{--brand:#252525;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:148px;text-align:center;padding:16px 8px;border:1px solid #eee;border-radius:20px;color:#333;background:#fff;text-decoration:none;font-weight:800;font-size:1rem;overflow-wrap:anywhere;transition:transform .18s,box-shadow .18s,border-color .18s}
.social-account svg{box-sizing:content-box;width:46px;height:46px;padding:15px;border-radius:20px;background:var(--brand);color:#fff;filter:drop-shadow(0 6px 8px rgba(0,0,0,.12));flex-shrink:0}
.social-account:hover{transform:translateY(-4px);border-color:var(--brand);box-shadow:0 10px 24px rgba(78,22,31,.12)}.social-account:focus-visible,.social-qr-card:focus-visible{outline:3px solid #bd2434;outline-offset:4px}
.social-whatsapp,.social-channel{--brand:#168a4d}.social-instagram{--brand:#bf277a}.social-instagram svg{background:linear-gradient(135deg,#6c38ba,#cc237d,#f5a43c)}.social-telegram{--brand:#1687bc}.social-linkedin{--brand:#086aa7}.social-snapchat{--brand:#ffef00}.social-snapchat svg{color:#141414}.social-map{--brand:#27764b}.social-phone{--brand:#7c3041}
.social-follow-image:not([hidden]){max-width:800px;margin:30px auto 0}
@media(max-width:1000px){.social-intro{gap:28px;grid-template-columns:minmax(0,1fr) 280px}.social-accounts{grid-template-columns:1fr}.social-account-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){.social-section{padding-block:40px}.social-intro{grid-template-columns:1fr;text-align:center;gap:28px}.social-intro-copy{margin:auto}.social-intro-copy .section-title{font-size:2rem}.social-qr-card{width:280px;max-width:100%;box-sizing:border-box;margin:auto}.social-account-group{padding-inline:18px}.social-account-group h3{margin-inline:-18px}.social-account-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.social-account{min-height:145px;font-size:.95rem}.social-account svg{width:44px;height:44px;padding:14px}}
@media(prefers-reduced-motion:reduce){.social-account{transition:none}.social-account:hover{transform:none}}