/* ===== CASOS PAGE ===== */

/* ── Hero ───────────────────────────────────────────────────── */
.casos-hero { min-height: 72vh; }

.casos-hero-bg {
  background:
    radial-gradient(ellipse 65% 55% at 75% 25%, #3d5248 0%, transparent 55%),
    radial-gradient(ellipse 55% 65% at 15% 75%, #5a3a2a 0%, transparent 60%),
    radial-gradient(ellipse 80% 40% at 50% 105%, #4a5040 0%, transparent 50%),
    linear-gradient(140deg, #1c2622 0%, #2a3530 55%, #3a4030 100%);
}

.casos-hero-content {
  justify-content: center;
}

/* ── Stats strip ─────────────────────────────────────────────── */
.casos-stats {
  margin-bottom: 0;
}

/* ── Cases section ──────────────────────────────────────────── */
.casos-section {
  background: var(--cream);
  padding: 5rem var(--pad) 7rem;
}

.casos-inner {
  max-width: 1360px;
  margin: 0 auto;
}

/* ── Filter pills ───────────────────────────────────────────── */
.casos-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 3rem;
}

.casos-filter {
  appearance: none;
  background: transparent;
  border: 1px solid var(--line-light);
  border-radius: 999px;
  padding: .5rem 1.1rem;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--muted-light);
  cursor: pointer;
  transition: background .18s, border-color .18s, color .18s;
}

.casos-filter:hover {
  border-color: rgba(28,38,34,0.3);
  color: var(--text-dark);
}

.casos-filter.is-active {
  background: var(--dark);
  border-color: var(--dark);
  color: var(--text-light);
}

/* ── Cases grid ─────────────────────────────────────────────── */
.casos-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}

/* Card hidden state for filter */
.case-card.is-hidden {
  display: none;
}

/* ── CTA section ────────────────────────────────────────────── */
.casos-cta-section {
  min-height: auto;
  margin-bottom: var(--gap);
}

.casos-cta-bg {
  background:
    radial-gradient(ellipse 60% 55% at 70% 20%, #3d5248 0%, transparent 55%),
    radial-gradient(ellipse 55% 60% at 20% 80%, #5a3a2a 0%, transparent 55%),
    linear-gradient(145deg, #1f2a25 0%, #2d3a33 60%, #3d3528 100%);
}

.casos-cta-content {
  padding: 6rem var(--pad);
  max-width: 1360px;
  margin: 0 auto;
}

.casos-cta-btn {
  margin-top: 3rem;
}

/* ── Active nav link ────────────────────────────────────────── */
.nav-link--active {
  background: rgba(28,38,34,0.08);
  color: var(--nav-fg);
}

/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .casos-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
  .casos-section { padding: 3rem var(--pad) 5rem; }
  .casos-grid { grid-template-columns: 1fr; }
  .casos-filters { gap: 6px; }
}

/* ── WCAG 2.1 ──────────────────────────────────────────────── */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}