html[data-template-id="newpost"] {
  --tf-accent: #2b6654;
  --tf-accent-deep: #153e33;
  --tf-mint: #edf3ed;
  --tf-display: Georgia, "Times New Roman", serif;
  --tf-serif: Georgia, "Times New Roman", serif;
  --tf-radius: 0px;
}
html[data-template-id="newpost"] .reader-frontpage { max-width: 1280px; --rf-accent: #2b6654; --rf-accent-dark: #153e33; }
html[data-template-id="newpost"] .rf-lead h2,
html[data-template-id="newpost"] .rf-secondary h3,
html[data-template-id="newpost"] .rf-latest h3 { font-family: Georgia, serif; letter-spacing: -.02em !important; }
html[data-template-id="newpost"] .rf-lead .rf-media { border-radius: 0; }
html[data-template-id="newpost"] .rf-lead .rf-content { border-top: 1px solid var(--rf-ink); padding-top: 18px; }
html[data-template-id="newpost"] .rf-article h1 { font-family: Georgia, serif; font-weight: 700; letter-spacing: -.035em !important; }
html[data-template-id="newpost"] .rf-article-dek { font-family: Georgia, serif; font-style: italic; }
@media (min-width: 1080px) {
  html[data-template-id="newpost"] .article-body { max-width: none; column-count: 2; column-gap: 38px; column-rule: 1px solid var(--tf-line); }
  html[data-template-id="newpost"] .article-body > p:first-of-type { column-span: all; }
  html[data-template-id="newpost"] .article-body img,
  html[data-template-id="newpost"] .article-body figure,
  html[data-template-id="newpost"] .article-body h2 { column-span: all; }
}

/* periodicoIA · Newpost: cabecera actual, navegación separada y fotografía limpia. */
body.pia-tpl-newpost .weatherforcastbox {
  border: 1px solid #9dcfbd !important;
  border-radius: 6px;
  background: #effaf5 !important;
  color: #31544a !important;
}
body.pia-tpl-newpost .weatherforcastbox span,
body.pia-tpl-newpost .weatherforcastbox span[style] { color: #31544a !important; }
body.pia-tpl-newpost .subhead {
  display: none !important;
}
body.pia-tpl-newpost .pia-newpost-nav,
body.pia-tpl-newpost ul.pia-main-sections {
  display: flex !important;
  width: min(1180px, calc(100% - 32px)) !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px 22px !important;
  margin: 12px auto 0 !important;
  padding: 9px 14px !important;
  box-sizing: border-box;
  border-top: 1px solid #31544a;
  border-bottom: 1px solid #31544a;
  list-style: none !important;
}
body.pia-tpl-newpost .pia-newpost-nav li { margin: 0 !important; }
body.pia-tpl-newpost .pia-newpost-nav a { color: #174f41 !important; text-decoration: none !important; }
body.pia-tpl-newpost .collumn img.media { filter: none !important; mix-blend-mode: normal !important; }

/* Titulares de portada legibles: la demo original usaba cuerpos de 42 px por columna. */
body.pia-tpl-newpost .collumn .headline,
body.pia-tpl-newpost .collumn .headline.hl1,
body.pia-tpl-newpost .collumn .headline.hl2,
body.pia-tpl-newpost .collumn .headline.hl3,
body.pia-tpl-newpost .collumn .headline.hl4,
body.pia-tpl-newpost .collumn .headline.hl5,
body.pia-tpl-newpost .collumn .headline.hl6,
body.pia-tpl-newpost .collumn .headline.hl7,
body.pia-tpl-newpost .collumn .headline.hl8,
body.pia-tpl-newpost .collumn .headline.hl9,
body.pia-tpl-newpost .collumn .headline.hl10 {
  font-size: clamp(16px, 1.34vw, 21px) !important;
  line-height: 1.1 !important;
  letter-spacing: -.012em !important;
  text-wrap: balance;
  overflow-wrap: break-word;
}
body.pia-tpl-newpost .collumn .headline a { overflow-wrap: break-word; }
body.pia-tpl-newpost .collumn .headline.pia-newpost-meta {
  margin-top: 4px !important;
  color: #58736a !important;
  font: 700 10px/1.35 "Segoe UI", system-ui, sans-serif !important;
  letter-spacing: .045em !important;
  text-transform: none !important;
}
body.pia-tpl-newpost .head { min-height: 0 !important; margin-bottom: 4px !important; padding-bottom: 2px !important; }
@media (max-width: 760px) {
  body.pia-tpl-newpost .collumn .headline,
  body.pia-tpl-newpost .collumn .headline.hl1,
  body.pia-tpl-newpost .collumn .headline.hl2,
  body.pia-tpl-newpost .collumn .headline.hl3,
  body.pia-tpl-newpost .collumn .headline.hl4,
  body.pia-tpl-newpost .collumn .headline.hl5,
  body.pia-tpl-newpost .collumn .headline.hl6,
  body.pia-tpl-newpost .collumn .headline.hl7,
  body.pia-tpl-newpost .collumn .headline.hl8,
  body.pia-tpl-newpost .collumn .headline.hl9,
  body.pia-tpl-newpost .collumn .headline.hl10 {
    font-size: clamp(18px, 5vw, 22px) !important;
  }
}