/* Página Torneos: campo oscuro editorial, con el lenguaje visual de la portada. */
@import url("/css/pages.css");

body[data-tournaments-page] { background: #111216; }

body[data-tournaments-page] main#contenido > .section { background: #111216; }
body[data-tournaments-page] main#contenido > .memory-section,
body[data-tournaments-page] main#contenido > .archive-section { background: #15161a; }
body[data-tournaments-page] .section-heading h2,
body[data-tournaments-page] .editorial-copy h2,
body[data-tournaments-page] .page-cta h2 { color: #f7f3ef; }
body[data-tournaments-page] .page-intro-copy p,
body[data-tournaments-page] .section-heading > p,
body[data-tournaments-page] .editorial-copy > p { color: #cbc7c8; }

body[data-tournaments-page] .feature-card,
body[data-tournaments-page] .result-stories article,
body[data-tournaments-page] .archive-groups article {
  min-width: 0;
  border-color: rgb(255 255 255 / 9%);
  background: #1c1b20;
  box-shadow: 0 1.5rem 3rem rgb(0 0 0 / 18%), 0 0 0 1px rgb(255 255 255 / 2%);
}

body[data-tournaments-page] .feature-card h3,
body[data-tournaments-page] .result-stories h3,
body[data-tournaments-page] .archive-groups h3 { color: #f7f3ef; overflow-wrap: anywhere; }
body[data-tournaments-page] .feature-card p,
body[data-tournaments-page] .result-stories p,
body[data-tournaments-page] .archive-groups p { color: #aaa7aa; overflow-wrap: anywhere; }
body[data-tournaments-page] .source-note { color: #cbc7c8; border-color: #e32731; background: #1c1b20; }
body[data-tournaments-page] .editorial-media::before { background: #a81725; }
body[data-tournaments-page] .page-cta .button { color: var(--color-ink-950); }

@media (max-width: 29.99rem) {
  body[data-tournaments-page] .feature-card,
  body[data-tournaments-page] .result-stories article,
  body[data-tournaments-page] .archive-groups article { padding: var(--space-5); }
  body[data-tournaments-page] .section-nav-inner { padding-inline: 0.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-tournaments-page] .editorial-media img { transition: none; }
}
