.contenedor {
  width: 100%;
  max-width: calc(var(--ancho) + 2 * var(--margen));
  margin-inline: auto;
  padding-inline: var(--margen);
}

.cabecera-noticias {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  padding: 170px 0 clamp(24px, 4vw, 48px);
  background: var(--dorado);
  color: var(--crema);
}

.cabecera-noticias h1 {
  max-width: 42rem;
  font: 500 clamp(48px, 5vw, 72px)/1 var(--serif);
}

.cabecera-noticias.con-foto {
  background: var(--carbon);
}

.cabecera-noticias-foto,
.cabecera-noticias.con-foto::after {
  position: absolute;
  inset: 0;
  z-index: -1;
}

.cabecera-noticias-foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.cabecera-noticias.con-foto::after {
  content: "";
  background: var(--dorado);
  opacity: 0.6;
}

.seccion-noticias {
  padding-block: clamp(48px, 7vw, 104px);
  background: var(--blanco);
}

.tarjetas {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-inline: -16px;
}

.tarjeta {
  width: 100%;
  margin-bottom: 16px;
  padding-inline: 16px;
}

.tarjeta-enlace {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  border-radius: 8px;
  background: color-mix(in srgb, var(--crema) 20%, transparent);
  transition: background-color 0.3s;
}

.tarjeta-enlace:hover {
  background: color-mix(in srgb, var(--crema) 30%, transparent);
}

.tarjeta-foto {
  aspect-ratio: 16 / 9;
  overflow: hidden;
  border-radius: 0 0 12px 12px;
  background: var(--crema);
}

.tarjeta-foto img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.tarjeta-cuerpo {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: space-between;
  padding: 24px 32px;
}

.tarjeta h2 {
  margin-bottom: 12px;
  font: 500 24px/1.333 var(--serif);
  letter-spacing: 0;
  color: var(--carbon);
}

.tarjeta-resumen {
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 1.714;
}

.tarjeta-fecha {
  padding-block: 4px;
  font: 400 18px/1.55 var(--serif);
  color: var(--dorado);
}

.paginas-noticias .nav-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px;
  margin-top: clamp(16px, 3vw, 40px);
}

.paginas-noticias .page-numbers {
  display: grid;
  place-items: center;
  min-width: 44px;
  height: 44px;
  padding-inline: 14px;
  border: 1px solid var(--dorado);
  border-radius: 12px;
  color: var(--dorado);
  font: 400 18px/1 var(--serif);
  transition: background-color 0.25s, color 0.25s;
}

.paginas-noticias .page-numbers.current,
.paginas-noticias a.page-numbers:hover {
  background: var(--dorado);
  color: var(--blanco);
}

.paginas-noticias .dots {
  border-color: transparent;
}

.sin-noticias {
  text-align: center;
}

.articulo {
  max-width: calc(64rem + 2 * var(--margen));
}

.articulo-cabecera {
  margin-bottom: 24px;
}

.prosa {
  max-width: 65ch;
  margin-inline: auto;
}

.prosa > :first-child {
  margin-top: 0;
}

.prosa p,
.prosa ul,
.prosa ol,
.prosa blockquote,
.prosa figure {
  margin-block: 1.25em;
}

.prosa h2,
.prosa h3,
.prosa h4 {
  font-family: var(--serif);
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0;
  color: var(--carbon);
}

.prosa h2 {
  margin: 2em 0 1em;
  font-size: 2.4375em;
  line-height: 1.333;
}

.prosa h3 {
  margin: 1.6em 0 0.6em;
  font-size: 1.95em;
  line-height: 1.4;
}

.prosa h4 {
  margin: 1.5em 0 0.5em;
  font-size: 1.625em;
  line-height: 1.5;
}

.prosa a {
  font-weight: 500;
  text-decoration: underline;
}

.prosa strong {
  font-weight: 600;
}

.prosa ul {
  padding-inline-start: 1.625em;
  list-style: disc;
}

.prosa ol {
  padding-inline-start: 1.625em;
  list-style: decimal;
}

.prosa li {
  margin-block: 0.5em;
}

.prosa blockquote {
  padding-inline-start: 1em;
  border-inline-start: 4px solid var(--crema);
  font-style: italic;
}

.prosa img {
  margin-block: 2em;
}

.prosa p > img,
.prosa figure img {
  margin-block: 0;
}

.prosa .aligncenter {
  margin-inline: auto;
}

.prosa .alignleft {
  float: left;
  margin: 0.5em 1.5em 1em 0;
}

.prosa .alignright {
  float: right;
  margin: 0.5em 0 1em 1.5em;
}

.prosa figcaption {
  margin-top: 0.85em;
  font-size: 0.875em;
}

.articulo-pie {
  max-width: 32rem;
  margin: clamp(24px, 4vw, 48px) auto 0;
}

.compartir {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: clamp(16px, 3vw, 40px);
  text-align: center;
}

.compartir h4 {
  margin: 0;
  font: 300 16px/1.5 var(--serif);
}

.compartir-redes {
  display: flex;
  align-items: center;
  margin-left: 12px;
}

.compartir-redes li {
  margin-left: 8px;
}

.compartir-redes a {
  display: block;
  padding: 8px;
  border-radius: 50%;
  color: var(--dorado);
  transition: background-color 0.25s;
}

.compartir-redes a:hover {
  background: color-mix(in srgb, var(--crema) 50%, transparent);
}

.compartir-redes svg {
  width: 20px;
  height: 20px;
  fill: currentColor;
}

.articulo-volver {
  display: flex;
  justify-content: center;
  margin-top: 40px;
}

.articulo-volver .boton {
  border-color: var(--dorado);
  background: var(--dorado);
  color: var(--blanco);
}

.articulo-volver .boton:hover {
  border-color: var(--tierra);
  background: var(--tierra);
}

.mas-noticias {
  border-top: 1px solid var(--crema);
}

.mas-noticias h3 {
  font: 500 clamp(30px, 2.8vw, 36px)/1.2 var(--serif);
  color: var(--dorado);
  text-align: center;
}

.mas-noticias .tarjetas {
  margin-top: clamp(20px, 3.5vw, 48px);
}

@media (min-width: 1024px) {
  .tarjeta {
    width: 33.333%;
    margin-bottom: 32px;
  }

  .tarjeta-enlace {
    border-radius: 12px;
  }
}

@media (max-width: 700px) {
  .articulo-volver .boton {
    border-radius: 8px;
  }
}