/* Página Equipos. Los ajustes propios de esta página viven aquí. */
@import url("/css/pages.css");

.section-nav-inner,
main#contenido > .section > .container {
  width: min(80vw, 92rem);
  max-width: none;
}

.section-nav-inner {
  scrollbar-width: none;
}

.section-nav-inner::-webkit-scrollbar {
  display: none;
}

/* The list owns the grid spacing; each card keeps a predictable height. */
.category-grid {
  display: grid;
  gap: var(--space-4);
  margin-bottom: 0;
  padding-inline: var(--space-4);
  list-style: none;
}

.category-grid > li,
.category-grid article {
  min-width: 0;
}

.category-grid article {
  height: 100%;
  padding: var(--space-6);
  border: 1px solid rgb(255 255 255 / 9%);
  border-radius: 0.9rem;
  background: rgb(255 255 255 / 3%);
  box-shadow: none;
  transition:
    border-color var(--transition-fast),
    background var(--transition-fast),
    transform var(--transition-fast);
}

.category-grid article:hover {
  border-color: rgb(255 98 111 / 34%);
  background: rgb(255 255 255 / 5%);
  transform: translateY(-2px);
}

.category-grid article > span {
  display: block;
  margin-bottom: var(--space-5);
  color: var(--color-red-600);
  font-family: var(--font-display);
  font-size: var(--text-xs);
  font-weight: 900;
  letter-spacing: 0.12em;
}

.category-grid h3 {
  margin-bottom: var(--space-3);
  color: #f7f3ef;
  font-family: var(--font-display);
  font-size: var(--text-2xl);
  line-height: 1;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}

.category-grid p {
  margin-bottom: 0;
  color: #cbc7c8;
}

.category-grid .category-card--accent {
  color: var(--color-white);
  border-color: var(--color-red-600);
  background: linear-gradient(135deg, #a81725, #d92231);
  box-shadow: 0 0.8rem 2rem rgb(0 0 0 / 18%);
}
.category-grid .category-card--accent h3 {
  color: var(--color-white);
}
.category-grid .category-card--accent > span,
.category-grid .category-card--accent p {
  color: var(--color-white);
}

.archive-section {
  color: #f7f3ef;
  background: #17181c;
  border-top: 1px solid rgb(255 255 255 / 8%);
  border-bottom: 1px solid rgb(255 255 255 / 8%);
}

.archive-section .section-heading > p:last-child {
  color: #cbc7c8;
}

.season-summary-grid article {
  border-color: rgb(255 255 255 / 9%);
  border-radius: 0.9rem;
  background: rgb(255 255 255 / 3%);
  box-shadow: none;
}

.season-summary-grid article > span {
  color: #ef4b56;
}

.season-summary-grid h3 {
  color: #f7f3ef;
}

.season-summary-grid p {
  color: #aaa7aa;
}

.editorial-media img {
  border-radius: 0.9rem;
}

.editorial-copy > p {
  color: #cbc7c8;
}

.editorial-copy .text-link {
  color: #ff6470;
}

.page-cta .button {
  border-radius: 0.7rem;
}

.text-link--teams::after {
  content: "→";
  transition: transform var(--transition-fast);
}

.text-link--teams:hover::after,
.text-link--teams:focus-visible::after {
  transform: translateX(0.25rem);
}

@media (min-width: 30rem) {
  .category-grid {
    padding-inline: 0;
  }
}

@media (max-width: 39.99rem) {
  .section-nav-inner,
  main#contenido > .section > .container {
    width: calc(100% - 1.5rem);
  }
}

@media (min-width: 64rem) {
  .category-grid {
    gap: var(--space-5);
  }
}

@media (prefers-reduced-motion: reduce) {
  .category-grid article {
    transition: none;
  }

  .text-link--teams::after {
    transition: none;
  }
}