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

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

body[data-news-page] .season-banner {
  min-height: 2.8rem;
  color: var(--color-gray-200);
  background: #171519;
  border-bottom: 1px solid rgb(255 255 255 / 8%);
  box-shadow: inset 0 -1px rgb(0 0 0 / 24%);
  font-size: 0.72rem;
  letter-spacing: 0.015em;
  text-transform: none;
}

body[data-news-page] .season-banner span:first-child {
  color: var(--color-gray-300);
  font-weight: 600;
}

body[data-news-page] .season-banner strong {
  color: var(--color-white);
  font-size: 0.68rem;
  font-weight: 850;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}

body[data-news-page] .site-header .header-cta {
  color: var(--color-white);
  background: linear-gradient(135deg, #a81725, #d92231);
  border-color: rgb(255 108 121 / 24%);
}

body[data-news-page] .site-header .header-cta:hover,
body[data-news-page] .site-header .header-cta:focus-visible {
  background: linear-gradient(135deg, #c21d2c, #e32d3b);
}

body[data-news-page] .page-hero h1 {
  max-width: 16ch;
  margin-bottom: var(--space-5);
  font-size: clamp(2.45rem, 7vw, 4rem);
  line-height: 0.94;
}

body[data-news-page] .page-hero .page-hero-lead {
  max-width: 35ch;
  color: #c6c1c2;
  line-height: 1.55;
}

body[data-news-page] main#contenido {
  background: #111216;
}

body[data-news-page] .public-news > .container,
body[data-news-page] .public-news-detail > .container {
  width: min(80vw, 92rem);
  max-width: none;
}

.public-news-grid {
  display: grid;
  gap: clamp(1.5rem, 2.5vw, 2.25rem);
  min-width: 0;
}

.public-news-card {
  display: grid;
  gap: 0;
  min-width: 0;
  padding: 0;
  color: #cbc7c8;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

.public-news-card > img {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border: 1px solid rgb(255 255 255 / 9%);
  border-radius: 0.9rem;
  background: #202126;
  filter: saturate(0.88) contrast(1.02);
  transition: transform var(--transition-fast), filter var(--transition-fast);
}

.public-news-card:hover > img {
  filter: saturate(0.96) contrast(1.02);
  transform: scale(1.018);
}

.public-news-card > div {
  min-width: 0;
  padding-top: 0.9rem;
}

.public-news-card .news-meta,
.public-news-detail .news-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem 0.75rem;
  margin-bottom: var(--space-3);
  color: #aaa7aa;
  font-size: var(--text-xs);
  font-weight: 750;
  text-transform: uppercase;
}

.public-news-card .news-meta span,
.public-news-detail .news-meta span {
  color: #ef4b56;
}

.public-news-card h3,
.public-news-detail h2 {
  margin: 0 0 var(--space-3);
  color: #f7f3ef;
  font-family: var(--font-sans);
  font-size: clamp(1.05rem, 1.5vw, 1.3rem);
  font-weight: 750;
  letter-spacing: -0.015em;
  line-height: 1.25;
  text-transform: none;
}

.public-news-card h3 a {
  display: block;
  overflow-wrap: anywhere;
  color: inherit;
  text-decoration: none;
  transition: color var(--transition-fast);
}

.public-news-card h3 a:hover,
.public-news-card h3 a:focus-visible {
  color: #ff6470;
}

.public-news-card p,
.public-news-detail__excerpt,
.public-news-detail__body {
  overflow-wrap: anywhere;
  color: #aaa7aa;
}

.public-news-card p {
  margin-bottom: var(--space-4);
  line-height: 1.55;
}

.public-news-card .text-link,
.public-news-detail .text-link {
  color: #ef4b56;
}

.public-news-empty {
  padding: var(--space-6);
  color: #aaa7aa;
  background: rgb(255 255 255 / 3%);
  border: 1px dashed rgb(255 255 255 / 14%);
  border-radius: 0.9rem;
}

.public-news-detail__inner {
  max-width: 52rem;
  min-width: 0;
}

.public-news-detail h2 {
  font-size: clamp(1.8rem, 4vw, 3rem);
}

.public-news-detail__image {
  width: 100%;
  margin: var(--space-5) 0;
  border: 1px solid rgb(255 255 255 / 9%);
  border-radius: 0.9rem;
  background: #202126;
}

.public-news-detail__body {
  white-space: pre-line;
  line-height: 1.8;
}

.public-news-detail__title {
  overflow-wrap: anywhere;
}

@media (min-width: 40rem) and (max-width: 71.99rem) {
  body[data-news-page] .public-news > .container,
  body[data-news-page] .public-news-detail > .container {
    width: min(84vw, 58rem);
  }
}

@media (min-width: 48rem) {
  .public-news-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (min-width: 75rem) {
  .public-news-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 39.99rem) {
  body[data-news-page] .season-banner {
    gap: 0.5rem;
    padding-inline: 0.75rem;
    white-space: nowrap;
  }

  body[data-news-page] .season-banner span:first-child {
    display: none;
  }

  body[data-news-page] .season-banner strong {
    max-width: calc(100vw - 4.5rem);
    overflow: hidden;
    text-overflow: ellipsis;
  }

  body[data-news-page] .public-news > .container,
  body[data-news-page] .public-news-detail > .container {
    width: calc(100% - 1.5rem);
  }
}

@media (prefers-reduced-motion: reduce) {
  body[data-news-page] .public-news-card > img {
    transition: none;
  }
}