/* ═══════════════════════════════════════════════════════════════════════
   MOREALISHOP — Trabajos / Portfolio Page
═══════════════════════════════════════════════════════════════════════ */

.trabajos-main {
  padding-block: var(--sp-16) var(--sp-24);
  background: var(--color-bg-dark);
}

.trabajos-cta-section {
  padding-block: var(--sp-20);
  background: var(--color-primary);
  text-align: center;
  border-top: 1px solid var(--color-border);
}

.trabajos-cta-section__title {
  font-family: var(--font-heading);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--color-text-primary);
  margin-bottom: var(--sp-4);
}

.trabajos-cta-section__sub {
  color: var(--color-text-secondary);
  margin-bottom: var(--sp-8);
  font-size: 1.0625rem;
  max-width: 500px;
  margin-inline: auto;
}

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 992px) {
  .trabajos-main {
    padding-block: var(--sp-12) var(--sp-16);
  }
}

@media (max-width: 768px) {
  .trabajos-main {
    padding-block: var(--sp-8) var(--sp-12);
  }

  .trabajos-cta-section {
    padding-block: var(--sp-12);
  }

  .trabajos-cta-section__title {
    font-size: 1.5rem;
  }
}

@media (max-width: 480px) {
  .trabajos-main {
    padding-block: var(--sp-6) var(--sp-8);
  }

  .trabajos-cta-section {
    padding-block: var(--sp-8);
    padding-inline: var(--sp-4);
  }

  .trabajos-cta-section__sub {
    font-size: 0.9375rem;
  }
}