@import url("variables.css?v=1");

/* Article page (ArticuloPage, 2022/noticia.html) overrides: same typography as
   the 2027 obra page (owners-narrow instead of Bebas Neue / Plus Jakarta Sans),
   black title rule instead of brick red. Scoped to .noticia-2027 because
   .interior-fitam is shared with many other pages. */

.noticia-2027 .titulo-fitam p,
.noticia-2027 .cuerpo,
.noticia-2027 .cuerpo p,
.noticia-2027 .cuerpo li,
.noticia-2027 .cuerpo a,
.noticia-2027 .cuerpo blockquote,
.noticia-2027 .cuerpo h1,
.noticia-2027 .cuerpo h2,
.noticia-2027 .cuerpo h3,
.noticia-2027 .cuerpo h4,
.noticia-2027 .cuerpo h5,
.noticia-2027 .cuerpo h6,
.noticia-2027 .tags-section h2,
.noticia-2027 .tags-section .tag {
  font-family: "owners-narrow", sans-serif;
}

.noticia-2027 .titulo-fitam p {
  font-weight: 700;
  font-size: 2.5rem;
  line-height: 1;
  text-transform: uppercase;
}

.noticia-2027 .titulo-fitam hr {
  border-top-color: #000;
}

/* Body text: 400 like the obra description (the lede often holds the whole
   article, so the 2022 bold-lede rule made everything bold); <b> stays bold */
.noticia-2027 .cuerpo p,
.noticia-2027 .cuerpo li {
  font-size: 1.2rem;
  line-height: 1.4;
}

.noticia-2027 .bajada-noticia p {
  font-weight: 400;
}

.noticia-2027 .cuerpo h1,
.noticia-2027 .cuerpo h2,
.noticia-2027 .cuerpo h3,
.noticia-2027 .cuerpo h4,
.noticia-2027 .cuerpo h5,
.noticia-2027 .cuerpo h6 {
  font-weight: 700;
}

.noticia-2027 .cuerpo p a:hover {
  color: var(--brand-accent-2027);
}

@media (max-width: 767px) {
  .noticia-2027 .titulo-fitam p {
    font-size: 1.8rem;
  }

  .noticia-2027 .cuerpo p,
  .noticia-2027 .cuerpo li {
    font-size: 1.05rem;
  }
}