/* ==========================================================================
   social.css — RescueMe: exclusivo de social.html.
   Carga junto a base.css (que trae .wall-card, .store-note, .biz-benefits,
   .steps-row y .section-more-link, reutilizados aquí).
   ========================================================================== */

.wall-static-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;}
.wall-card.static{position:static;width:100%;transform:none;box-shadow:0 14px 30px -16px rgba(18,41,59,.25);}
.social-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:44px;}
.social-type-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:22px 18px;text-align:center;}
.social-type-card img{width:52px;height:52px;margin-bottom:14px;}
.social-type-card h3{font-size:.94rem;margin-bottom:8px;}
.social-type-card p{font-size:.84rem;color:var(--muted);}
.social-rules{margin-top:36px;}
@media (max-width:940px){
  .wall-static-grid{grid-template-columns:1fr;}
  .social-types-grid{grid-template-columns:repeat(2,1fr);}
}