/* Inner pages: política editorial */

.pagina-hero {
  padding: var(--e8) 0 var(--e7);
  background:
    linear-gradient(90deg, rgba(244,239,230,.94) 0 55%, rgba(21,34,56,.86) 55% 100%),
    url("/assets/img/editorial-bg.webp") right center / cover no-repeat;
}
.pagina-hero h1 { margin-bottom: var(--e4); max-width: 18ch; }
.pagina-hero .lead { max-width: 62ch; font-size: 1.08rem; }
.miga { font-size: .9rem; color: var(--apagado); margin-bottom: var(--e4); }
.miga a { color: var(--acento); font-weight: 700; text-decoration: none; }

.layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: var(--e7);
  align-items: start;
}
.resumen {
  background: var(--superficie);
  padding: var(--e5);
  position: sticky;
  top: 56px;
}
.resumen h2 { font-size: 1.1rem; margin-bottom: var(--e3); }
.resumen ol { list-style: none; counter-reset: r; }
.resumen li { counter-increment: r; margin-top: var(--e2); padding-left: 1.6em; position: relative; }
.resumen li::before {
  content: counter(r, decimal-leading-zero);
  position: absolute;
  left: 0;
  font-family: var(--promo);
  font-weight: 800;
  color: var(--acento);
  font-size: .85rem;
}

.fuentes {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--e4);
  margin-top: var(--e5);
}
.fuente { background: var(--superficie); padding: var(--e5); }

@media (max-width: 880px) {
  .pagina-hero {
    background: linear-gradient(180deg, rgba(244,239,230,.95), rgba(244,239,230,.92)), url("/assets/img/editorial-bg.webp") center / cover no-repeat;
  }
  .layout, .fuentes { grid-template-columns: 1fr; }
  .resumen { position: static; }
}