/* ============================================================
   REDES SOCIAIS — page styles
   ============================================================ */

.df-rs-hero { padding: calc(96px + var(--df-nav-h, 97px)) 0 96px; position: relative; overflow: hidden; }
.df-rs-hero::after { content: ''; position: absolute; inset: auto 0 0 0; height: 1px; background: rgba(253,251,239,0.18); }
.df-rs-hero__inner > h1 { margin: 18px 0 24px; line-height: 0.88; color: var(--df-cream); }
.df-rs-hero__em { font-style: normal; color: var(--df-yellow); }

.df-rs-cards { padding-top: 96px; }
.df-rs-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; }

.df-rs-card {
  display: flex; flex-direction: column; gap: 24px;
  padding: 36px 32px 32px;
  background: var(--df-cream-2);
  border: 1px solid var(--df-line);
  border-top: 3px solid var(--df-terra);
  transition: transform .3s cubic-bezier(.2,.7,.3,1), box-shadow .3s, background .3s;
}
.df-rs-card--yt { border-top-color: var(--df-red); }
.df-rs-card--ig { border-top-color: var(--df-yellow-deep); }
.df-rs-card--fb { border-top-color: var(--df-brown); }
.df-rs-card--tt { border-top-color: #111111; }
.df-rs-card:hover { transform: translateY(-6px); box-shadow: 0 22px 44px -22px rgba(86,10,2,.42); background: var(--df-cream); }

.df-rs-card__icon { width: 108px; height: 108px; }
.df-rs-card__icon svg { width: 100%; height: 100%; overflow: visible; }
.df-rs-steam { transform-origin: 60px 20px; transition: transform .4s, opacity .4s; }
.df-rs-card:hover .df-rs-steam { transform: translateY(-6px); opacity: 1; }

.df-rs-card__body { display: flex; flex-direction: column; gap: 12px; }
.df-rs-card__plat {
  font-size: 10px; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--df-terra);
}
.df-rs-card__body h2 { margin: 0; line-height: 0.98; color: var(--df-brown-ink); }
.df-rs-card__body p { margin: 4px 0 0; font-size: 15px; line-height: 1.6; color: rgba(86,10,2,.76); text-wrap: pretty; }
.df-rs-card__cta {
  margin-top: 8px; display: inline-flex; align-items: center; gap: 8px;
  font-size: 12px; font-weight: 700; letter-spacing: 0.12em; text-transform: uppercase;
  color: var(--df-red);
}
.df-rs-card:hover .df-btn__arrow { transform: translateX(4px); }
.df-rs-card .df-btn__arrow { transition: transform .3s; }

.df-rs-strip { padding: 96px 0 120px; background: var(--df-cream); border-top: 1px solid var(--df-line); }
.df-rs-strip__inner { display: flex; align-items: flex-end; justify-content: space-between; gap: 48px; }
.df-rs-strip__inner h2 { margin: 16px 0 20px; line-height: 0.92; color: var(--df-brown-ink); }

@media (max-width: 1000px) {
  .df-rs-grid { grid-template-columns: 1fr; }
  .df-rs-strip__inner { flex-direction: column; align-items: flex-start; }
}