/* Barra de apariencia: ocupa espacio propio y no tapa el contenido. */
:root { --reader-toolbar-height: 55px; }

.reader-toolbar {
  position: sticky;
  top: 0;
  z-index: 2147483000;
  border-bottom: 1px solid #ddd7cd;
  background: rgba(255, 253, 248, .97);
  color: #17212b;
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  box-shadow: 0 4px 18px rgba(23, 33, 43, .07);
  backdrop-filter: blur(12px);
}
.reader-toolbar-inner {
  display: flex;
  width: min(1320px, 100%);
  min-height: var(--reader-toolbar-height);
  align-items: center;
  gap: 9px;
  margin: 0 auto;
  padding: 7px 18px;
}
.reader-toolbar-brand {
  display: grid;
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
  place-items: center;
  border-radius: 10px;
  background: linear-gradient(145deg, #b52c2c, #741111);
  color: #fff !important;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .03em;
  text-decoration: none !important;
}
.reader-formats {
  position: static !important;
  display: flex;
  align-items: center;
  gap: 3px;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}
.reader-formats-title {
  padding: 0 6px 0 2px;
  color: #7a8591;
  font-size: 9px;
  font-weight: 850;
  letter-spacing: .10em;
  text-transform: uppercase;
}
.reader-format-btn {
  display: inline-flex;
  min-width: auto;
  height: 35px;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid transparent;
  border-radius: 8px;
  background: transparent;
  color: #52606d;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
  transition: background .14s, color .14s, border-color .14s;
}
.reader-format-btn small { font-size: 9px; font-weight: 750; }
.reader-format-btn:hover { border-color: #ddd7cd; background: #f6f2eb; color: #17212b; }
.reader-format-btn.is-active { border-color: #981b1b; background: #981b1b; color: #fff; }
.reader-toolbar-reading { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.reader-settings { position: relative; }
.reader-settings-summary {
  display: grid;
  width: 35px;
  height: 35px;
  place-items: center;
  border: 1px solid #ddd7cd;
  border-radius: 8px;
  background: #fff;
  color: #344054;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}
.reader-settings-summary::-webkit-details-marker { display: none; }
.reader-settings[open] .reader-settings-summary { border-color: #981b1b; color: #981b1b; }
.reader-prefs {
  position: absolute !important;
  top: calc(100% + 9px) !important;
  right: 0 !important;
  bottom: auto !important;
  left: auto !important;
  z-index: 2147483002 !important;
  display: none !important;
  width: max-content;
  max-width: min(92vw, 430px);
  align-items: center;
  gap: 4px;
  padding: 8px !important;
  border: 1px solid #ddd7cd !important;
  border-radius: 10px !important;
  background: #fffdfa !important;
  box-shadow: 0 16px 42px rgba(23, 33, 43, .18) !important;
  transform: none !important;
  backdrop-filter: none !important;
}
.reader-settings[open] .reader-prefs { display: flex !important; }
.reader-prefs .reader-pref-btn, .reader-prefs .reader-prefs-subscribe { flex: 0 0 auto; }
.reader-prefs-subscribe {
  display: inline-flex !important;
  min-height: 35px;
  align-items: center;
  justify-content: center;
  padding: 0 12px !important;
  border-radius: 8px !important;
  background: #981b1b !important;
  color: #fff !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}
.reader-prefs-subscribe:hover { background: #741111 !important; }

/* Portada editorial generada desde las noticias reales de la edición. */
body.reader-enhanced > .container,
body.reader-enhanced > .all-news-area,
body.reader-enhanced .ticker-top { display: none !important; }
body.reader-enhanced { background: var(--reader-bg, #f3efe8); }
body.reader-enhanced .header-bottom-area.sticky { top: var(--reader-toolbar-height) !important; z-index: 100; }

/* Cabecera editorial: limpia el masthead legado sin alterar sus enlaces. */
body.reader-enhanced header { background: var(--reader-surface, #fffdfa); }
body.reader-enhanced header > table { display: none !important; }
body.reader-enhanced header .legacy-editor-search { display: none !important; }
body.reader-enhanced header .row::before,
body.reader-enhanced header .row::after { display: none !important; }
body.reader-enhanced .header-top-area {
  padding: 0 !important;
  border-bottom: 1px solid var(--reader-line, #ddd7cd) !important;
  background: var(--reader-surface, #fffdfa) !important;
  line-height: 1 !important;
}
body.reader-enhanced .header-top-area .container {
  display: flex;
  width: min(1280px, 100%);
  min-height: 34px;
  align-items: center;
  padding: 0 20px !important;
}
body.reader-enhanced .header-top-area .row {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: 0 !important;
}
body.reader-enhanced .header-top-area .row > div {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}
body.reader-enhanced .header-top-area .header-top-left ul,
body.reader-enhanced .header-top-area .social-media-area ul { margin: 0; }
body.reader-enhanced .header-top-area .header-top-left ul li {
  margin: 0 !important;
  color: var(--reader-muted, #64707d) !important;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .075em;
  text-transform: uppercase;
}
body.reader-enhanced .header-top-area .social-media-area ul li { margin: 0 0 0 4px !important; }
body.reader-enhanced .header-top-area .social-media-area ul li a {
  width: 25px !important;
  height: 25px !important;
  border-radius: 6px !important;
  background: #f4f0e8 !important;
  color: #55616d !important;
  line-height: 25px !important;
}
body.reader-enhanced .header-middle-area {
  padding: 0 !important;
  border-bottom: 1px solid var(--reader-line, #ddd7cd);
  background: var(--reader-surface, #fffdfa);
}
body.reader-enhanced .header-middle-area .container {
  display: flex;
  width: min(1280px, 100%);
  align-items: center;
  padding: 13px 20px !important;
}
body.reader-enhanced .header-middle-area .row {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  margin: 0 !important;
}
body.reader-enhanced .header-middle-area .row > div {
  width: auto !important;
  float: none !important;
  padding: 0 !important;
}
body.reader-enhanced .header-middle-area .logo-area {
  display: flex;
  min-height: 0 !important;
  align-items: center;
  padding: 0 !important;
}
body.reader-enhanced .logo-area img {
  display: block;
  width: auto;
  max-width: min(245px, 48vw);
  max-height: 58px;
  object-fit: contain;
}
body.reader-enhanced .right-banner {
  display: flex;
  min-width: 0;
  align-items: center;
  justify-content: flex-end;
}
body.reader-enhanced .right-banner .ad-link,
body.reader-enhanced .right-banner > a,
body.reader-enhanced .right-banner img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 62px;
}
body.reader-enhanced .header-bottom-area {
  border-top: 0 !important;
  background: var(--reader-surface, #fffdfa);
}
body.reader-enhanced .header-bottom-area .container {
  display: flex;
  width: min(1280px, 100%);
  align-items: center;
  padding: 0 20px !important;
}
body.reader-enhanced .header-bottom-area .row {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  margin: 0 !important;
}
body.reader-enhanced .header-bottom-area .row > div {
  float: none !important;
  padding: 0 !important;
}
body.reader-enhanced .header-bottom-area .row > div:first-child { flex: 1 1 auto; width: auto !important; }
body.reader-enhanced .header-bottom-area .row > div:last-child { flex: 0 0 72px; width: 72px !important; }
body.reader-enhanced .header-bottom-area .row > div:only-child { flex: 1 1 auto; width: auto !important; }
body.reader-enhanced .header-bottom-area .main-menu { height: auto !important; padding-left: 0 !important; }
/* La página de noticia ya inserta su propia barra rf-sections: el menú legacy no debe duplicarla. */
body.pia-article-page .header-bottom-area,
body:has(.single-blog-page-area) .header-bottom-area,
body.reader-enhanced.reader-article-enhanced .header-bottom-area { display: none !important; }
@media (min-width: 992px) {
  body.reader-enhanced .header-bottom-area .navbar-header { display: none !important; }
  body.reader-enhanced .header-bottom-area .main-menu { display: block !important; }
}

/* Lectura de articulo: jerarquia clara, ancho comodo y cero placeholders. */
body.reader-enhanced:not(.home) .banner-text {
  padding: 34px 0 10px !important;
  background: transparent !important;
}
body.reader-enhanced:not(.home) .banner-text .container,
body.reader-enhanced:not(.home) .single-blog-page-area > .container {
  width: min(1000px, 100%);
  max-width: 1000px;
}
body.reader-enhanced:not(.home) .header-page-title { margin: 0; }
body.reader-enhanced:not(.home) .header-page-title h1 {
  max-width: 960px;
  margin: 0;
  color: var(--reader-ink, #17212b);
  font: 700 clamp(34px, 4vw, 58px)/1.04 Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
}
body.reader-enhanced:not(.home) .single-blog-page-area { padding: 24px 0 54px; }
body.reader-enhanced:not(.home) .single-blog-page-area .banner-simple-post { display: none !important; }
body.reader-enhanced:not(.home) .single-blog-page-area .image-autor { margin-bottom: 18px; }
body.reader-enhanced .author-avatar {
  display: grid;
  width: 62px;
  height: 62px;
  place-items: center;
  border: 1px solid rgba(23, 33, 43, .12);
  border-radius: 50%;
  background:
    radial-gradient(circle at 72% 24%, rgba(255, 255, 255, .26), transparent 35%),
    linear-gradient(145deg, #b52c2c, #741111);
  color: #fff;
  box-shadow: 0 8px 22px rgba(116, 17, 17, .17);
  font: 800 22px/1 Georgia, "Times New Roman", serif;
  letter-spacing: .02em;
}
body.reader-enhanced .author-avatar .author-avatar-fallback { display: block; }
body.reader-enhanced:not(.home) .single-blog-page-area .dsc-comments h4 { font: 700 15px/1.3 Georgia, "Times New Roman", serif; }
body.reader-enhanced:not(.home) .single-blog-page-area .date { color: var(--reader-muted, #64707d); font-size: 10px; }
body.reader-enhanced:not(.home) .single-blog-page-area p {
  max-width: 900px;
  color: var(--reader-ink, #17212b);
  font: 400 clamp(17px, 1.35vw, 19px)/1.75 Georgia, "Times New Roman", serif;
}
body.reader-enhanced:not(.home) .single-blog-page-area h3,
body.reader-enhanced:not(.home) .single-blog-page-area h4 { color: var(--reader-ink, #17212b); }
body.reader-enhanced:not(.home) .single-blog-page-area img { max-width: 100%; height: auto; }
body.reader-enhanced:not(.home) .single-blog-page-area iframe,
body.reader-enhanced:not(.home) .single-blog-page-area video,
body.reader-enhanced:not(.home) .single-blog-page-area table { max-width: 100% !important; }
body.reader-enhanced:not(.home) .single-blog-page-area .add-section { margin-top: 30px !important; }
body.reader-enhanced:not(.home) .right-banner-botsoft img { max-width: 100%; height: auto; }

/* La portada nueva no duplica los bloques vacios del formato legado. */
body.reader-enhanced .rf-no-ad { display: none !important; }

.reader-frontpage {
  max-width: 1280px;
  margin: 0 auto;
  padding: 28px 20px 70px;
  color: var(--reader-ink, #17212b);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
.rf-edition-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
  padding: 12px 0;
  border-top: 4px solid #981b1b;
  border-bottom: 1px solid var(--reader-line, #ddd7cd);
}
.rf-edition-kicker {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #981b1b;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}
.rf-edition-kicker::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: #981b1b; }
.rf-edition-date { color: var(--reader-muted, #64707d); font-size: 10px; }
.rf-edition-count { margin-left: auto; color: var(--reader-muted, #64707d); font-size: 9px; font-weight: 750; letter-spacing: .06em; text-transform: uppercase; }
.rf-layout { display: grid; gap: 24px; }
.rf-layout.rf-single { display: block; max-width: 980px; margin: 0 auto; }
.rf-story { min-width: 0; }
.rf-media {
  display: block;
  position: relative;
  overflow: hidden;
  background: #e8e1d6;
}
.rf-media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.rf-story:hover .rf-media img { transform: scale(1.018); }
.rf-noimage {
  display: grid;
  min-height: 180px;
  place-items: center;
  background:
    radial-gradient(circle at 70% 25%, rgba(255, 255, 255, .55), transparent 40%),
    linear-gradient(135deg, #e5dbcc, #cfc3b2);
}
.rf-noimage .rf-noimage-letter { color: rgba(23, 33, 43, .42); font: 800 44px/1 Georgia, serif; text-transform: uppercase; }
.rf-content { padding: 16px 0 0; }
.rf-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  color: var(--reader-muted, #64707d);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.rf-section { color: #981b1b; }
.rf-meta .rf-dot { width: 3px; height: 3px; border-radius: 50%; background: #b7aea2; }
.rf-story h2, .rf-story h3 { margin: 0; color: var(--reader-ink, #17212b); letter-spacing: -.03em; }
.rf-story h2 a, .rf-story h3 a { color: inherit !important; text-decoration: none !important; }
.rf-story h2 a:hover, .rf-story h3 a:hover { color: #981b1b !important; }
.rf-lead h2 { font: 700 clamp(32px, 3.5vw, 53px)/1.02 Georgia, "Times New Roman", serif; }
.rf-lead .rf-media { aspect-ratio: 16 / 9; }
.rf-lead .rf-content { padding-top: 20px; }
.rf-lead p { max-width: 800px; margin: 13px 0 0; color: var(--reader-muted, #64707d); font: 400 15px/1.65 Georgia, "Times New Roman", serif; }
.rf-more {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin-top: 15px;
  color: #981b1b !important;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .04em;
  text-decoration: none !important;
  text-transform: uppercase;
}
.rf-more span { font-size: 16px; line-height: 1; transition: transform .15s; }
.rf-more:hover span { transform: translateX(3px); }
.rf-feed { display: grid; gap: 18px; }
.rf-feed .rf-story { padding-bottom: 18px; border-bottom: 1px solid var(--reader-line, #ddd7cd); }
.rf-feed .rf-story:last-child { border-bottom: 0; }
.rf-feed .rf-media { aspect-ratio: 16 / 10; }
.rf-feed h3 { font: 700 19px/1.18 Georgia, "Times New Roman", serif; }
.rf-feed p { display: none; }
.rf-edition-note {
  max-width: 980px;
  margin: 30px auto 0;
  padding: 14px 16px;
  border: 1px solid var(--reader-line, #ddd7cd);
  border-left: 4px solid #981b1b;
  background: var(--reader-surface, #fffdfa);
  color: var(--reader-muted, #64707d);
  font-size: 11px;
  line-height: 1.6;
}

/* Clásico: gran apertura + columna de actualidad. */
html[data-layout-format="classic"] .rf-layout:not(.rf-single) { grid-template-columns: minmax(0, 1.72fr) minmax(285px, .82fr); align-items: start; }
html[data-layout-format="classic"] .rf-feed .rf-story { display: grid; grid-template-columns: 118px minmax(0, 1fr); gap: 12px; align-items: start; }
html[data-layout-format="classic"] .rf-feed .rf-content { padding-top: 0; }
html[data-layout-format="classic"] .rf-feed .rf-media { aspect-ratio: 1 / .82; min-height: 92px; }
html[data-layout-format="classic"] .rf-feed h3 { font-size: 16px; }

/* Digital: apertura ancha y bloque de últimas noticias en tarjetas. */
html[data-layout-format="digital"] .rf-edition-bar { margin-bottom: 18px; padding: 13px 16px; border: 0; background: #17212b; color: #fff; }
html[data-layout-format="digital"] .rf-edition-kicker, html[data-layout-format="digital"] .rf-edition-date, html[data-layout-format="digital"] .rf-edition-count { color: #dce6f0; }
html[data-layout-format="digital"] .rf-edition-kicker::before { background: #e05c5c; }
html[data-layout-format="digital"] .rf-layout:not(.rf-single) { grid-template-columns: 1fr; gap: 20px; }
html[data-layout-format="digital"] .rf-lead { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(280px, .75fr); gap: 26px; align-items: center; }
html[data-layout-format="digital"] .rf-lead .rf-media { aspect-ratio: 16 / 9.4; }
html[data-layout-format="digital"] .rf-lead h2 { font-size: clamp(30px, 3vw, 45px); }
html[data-layout-format="digital"] .rf-feed { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
html[data-layout-format="digital"] .rf-feed .rf-story { padding: 12px; border: 1px solid var(--reader-line, #ddd7cd); background: var(--reader-surface, #fffdfa); }
html[data-layout-format="digital"] .rf-feed .rf-media { aspect-ratio: 16 / 10; }

/* Mosaico: piezas de distinto peso, sin una única jerarquía dominante. */
html[data-layout-format="grid"] .rf-layout:not(.rf-single) { grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 14px; }
html[data-layout-format="grid"] .rf-lead { grid-column: span 7; grid-row: span 2; padding: 14px; background: var(--reader-surface, #fffdfa); }
html[data-layout-format="grid"] .rf-lead .rf-media { aspect-ratio: 16 / 9.6; }
html[data-layout-format="grid"] .rf-lead h2 { font-size: clamp(28px, 3vw, 44px); }
html[data-layout-format="grid"] .rf-feed { grid-column: span 5; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
html[data-layout-format="grid"] .rf-feed .rf-story { display: flex; min-height: 210px; flex-direction: column; padding: 10px; border: 1px solid var(--reader-line, #ddd7cd); background: var(--reader-surface, #fffdfa); }
html[data-layout-format="grid"] .rf-feed .rf-story:first-child { grid-column: span 2; }
html[data-layout-format="grid"] .rf-feed .rf-media { aspect-ratio: 16 / 10; }
html[data-layout-format="grid"] .rf-feed .rf-content { padding-top: 10px; }
html[data-layout-format="grid"] .rf-feed h3 { font-size: 16px; }

/* Revista: portada de autor, serif y una apertura a sangre. */
html[data-layout-format="magazine"] .rf-layout:not(.rf-single) { grid-template-columns: 1fr; gap: 24px; }
html[data-layout-format="magazine"] .rf-edition-bar { border-top-width: 1px; border-bottom: 3px double var(--reader-line, #ddd7cd); }
html[data-layout-format="magazine"] .rf-lead { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); align-items: stretch; background: var(--reader-surface, #fffdfa); }
html[data-layout-format="magazine"] .rf-lead .rf-media { aspect-ratio: auto; min-height: 390px; }
html[data-layout-format="magazine"] .rf-lead .rf-content { display: flex; flex-direction: column; justify-content: center; padding: 32px; }
html[data-layout-format="magazine"] .rf-lead h2, html[data-layout-format="magazine"] .rf-feed h3 { font-family: Georgia, "Times New Roman", serif; }
html[data-layout-format="magazine"] .rf-lead h2 { font-size: clamp(34px, 4vw, 58px); }
html[data-layout-format="magazine"] .rf-feed { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
html[data-layout-format="magazine"] .rf-feed .rf-story { padding-top: 12px; border-top: 3px solid #981b1b; border-bottom: 0; }
html[data-layout-format="magazine"] .rf-feed h3 { font-size: 20px; }

/* Mosaico con una sola noticia: composicion de portada, no una copia del clasico. */
html[data-layout-format="grid"] .rf-layout.rf-single { max-width: 1180px; }
html[data-layout-format="grid"] .rf-layout.rf-single .rf-lead { position: relative; }
html[data-layout-format="grid"] .rf-layout.rf-single .rf-media { aspect-ratio: 16 / 8.5; }
html[data-layout-format="grid"] .rf-layout.rf-single .rf-content {
  position: relative;
  z-index: 2;
  width: min(760px, 86%);
  margin: -108px 26px 0 auto;
  padding: 27px 30px 30px;
  border-top: 5px solid #981b1b;
  background: var(--reader-surface, #fffdfa);
  box-shadow: 0 20px 44px rgba(23, 33, 43, .15);
}
html[data-layout-format="grid"] .rf-layout.rf-single .rf-lead h2 { font-size: clamp(34px, 4vw, 56px); }

/* Compacto: mucha información, poca altura y lectura rápida. */
html[data-layout-format="compact"] .rf-layout { max-width: 930px; margin: 0 auto; }
html[data-layout-format="compact"] .rf-edition-bar { margin-bottom: 14px; }
html[data-layout-format="compact"] .rf-lead { display: grid; grid-template-columns: minmax(180px, .7fr) minmax(0, 1.3fr); gap: 18px; align-items: start; padding-bottom: 17px; border-bottom: 1px solid var(--reader-line, #ddd7cd); }
html[data-layout-format="compact"] .rf-lead .rf-media { aspect-ratio: 4 / 3; }
html[data-layout-format="compact"] .rf-lead .rf-content { padding-top: 0; }
html[data-layout-format="compact"] .rf-lead h2 { font-size: clamp(24px, 2.6vw, 36px); }
html[data-layout-format="compact"] .rf-lead p { font-size: 13px; line-height: 1.5; }
html[data-layout-format="compact"] .rf-feed { gap: 0; }
html[data-layout-format="compact"] .rf-feed .rf-story { display: grid; grid-template-columns: 98px minmax(0, 1fr); gap: 12px; padding: 12px 0; }
html[data-layout-format="compact"] .rf-feed .rf-content { padding-top: 0; }
html[data-layout-format="compact"] .rf-feed .rf-media { aspect-ratio: 1 / .78; }
html[data-layout-format="compact"] .rf-feed h3 { font-size: 15px; line-height: 1.25; }
html[data-layout-format="compact"] .rf-feed .rf-meta, html[data-layout-format="compact"] .rf-more { display: none; }

/* Enfoque: una sola historia manda; el resto acompaña sin competir. */
html[data-layout-format="focus"] .reader-frontpage { max-width: 940px; }
html[data-layout-format="focus"] .rf-layout { gap: 28px; }
html[data-layout-format="focus"] .rf-lead .rf-media { aspect-ratio: 16 / 8.4; }
html[data-layout-format="focus"] .rf-lead h2 { max-width: 880px; font-size: clamp(38px, 4.3vw, 66px); line-height: .99; }
html[data-layout-format="focus"] .rf-lead p { max-width: 760px; font-size: 16px; }
html[data-layout-format="focus"] .rf-feed { grid-template-columns: 1fr; }
html[data-layout-format="focus"] .rf-feed .rf-story { display: grid; grid-template-columns: 126px minmax(0, 1fr); gap: 14px; padding: 16px 0; }
html[data-layout-format="focus"] .rf-feed .rf-content { padding-top: 0; }
html[data-layout-format="focus"] .rf-feed .rf-media { aspect-ratio: 1 / .75; }
html[data-layout-format="focus"] .rf-feed h3 { font: 700 21px/1.18 Georgia, "Times New Roman", serif; }

/* Temas oscuros: mantienen legibles las piezas nuevas. */
html[data-reader-theme="night"] .reader-toolbar { border-color: #303946; background: rgba(16, 20, 26, .97); color: #e8edf2; }
html[data-reader-theme="night"] .reader-format-btn { color: #aeb9c5; }
html[data-reader-theme="night"] .reader-format-btn:hover { border-color: #3a4552; background: #1b232d; color: #fff; }
html[data-reader-theme="night"] .reader-settings-summary { border-color: #3a4552; background: #1b232d; color: #dbe3ea; }
html[data-reader-theme="night"] .reader-prefs { border-color: #3a4552 !important; background: #171d25 !important; }
html[data-reader-theme="night"] .rf-edition-bar, html[data-reader-theme="night"] .rf-feed .rf-story { border-color: var(--reader-line, #303946); }

@media (max-width: 980px) {
  html[data-layout-format="grid"] .rf-layout:not(.rf-single),
  html[data-layout-format="digital"] .rf-layout:not(.rf-single),
  html[data-layout-format="classic"] .rf-layout:not(.rf-single) { grid-template-columns: 1fr; }
  html[data-layout-format="grid"] .rf-lead, html[data-layout-format="grid"] .rf-feed { grid-column: auto; grid-row: auto; }
  html[data-layout-format="digital"] .rf-feed { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-layout-format="magazine"] .rf-lead { grid-template-columns: 1fr; }
  html[data-layout-format="magazine"] .rf-lead .rf-media { min-height: 280px; }
  html[data-layout-format="magazine"] .rf-feed { grid-template-columns: 1fr 1fr; }
  html[data-layout-format="grid"] .rf-layout.rf-single .rf-content {
    width: auto;
    margin: 0;
    padding: 18px 0 0;
    border-top: 0;
    background: transparent;
    box-shadow: none;
  }
}

@media (max-width: 720px) {
  :root { --reader-toolbar-height: 94px; }
  .reader-toolbar-inner { flex-wrap: wrap; gap: 4px; padding: 5px 9px; }
  .reader-toolbar-brand { width: 34px; height: 34px; flex-basis: 34px; }
  .reader-toolbar-reading { margin-left: auto; }
  .reader-formats { order: 4; width: 100%; overflow-x: auto; padding-bottom: 2px !important; scrollbar-width: none; }
  .reader-formats::-webkit-scrollbar { display: none; }
  .reader-formats-title { display: none; }
  .reader-format-btn { height: 31px; flex: 0 0 auto; padding: 0 8px; }
  .reader-format-btn small { font-size: 8px; }
  .reader-prefs {
    position: fixed !important;
    top: auto !important;
    right: 10px !important;
    bottom: 10px !important;
    left: 10px !important;
    width: auto;
    max-width: none;
    flex-wrap: wrap;
    justify-content: center;
  }
  body.reader-enhanced .header-bottom-area.sticky { top: var(--reader-toolbar-height) !important; }
  body.reader-enhanced .header-top-area .container { min-height: 30px; padding: 0 14px !important; }
  body.reader-enhanced .header-top-area .header-top-left ul li { font-size: 8px; letter-spacing: .04em; }
  body.reader-enhanced .header-middle-area .container { padding: 9px 14px !important; }
  body.reader-enhanced .header-middle-area .row { flex-wrap: nowrap; gap: 10px; }
  body.reader-enhanced .logo-area img { max-width: 48vw; max-height: 44px; }
  body.reader-enhanced .right-banner { flex: 1 1 auto; justify-content: flex-end; }
  body.reader-enhanced .right-banner .ad-link,
  body.reader-enhanced .right-banner > a,
  body.reader-enhanced .right-banner img { max-height: 42px; }
  body.reader-enhanced .header-bottom-area .container { padding: 0 8px !important; }
  body.reader-enhanced .header-bottom-area { background: var(--reader-surface, #fffdfa) !important; border-top: 1px solid var(--reader-line, #ddd7cd); border-bottom: 1px solid var(--reader-line, #ddd7cd); }
  body.reader-enhanced .header-bottom-area .container { min-height: 44px; }
  body.reader-enhanced .header-bottom-area .navbar-header { background: transparent !important; }
  body.reader-enhanced .header-bottom-area .main-menu { height: auto !important; background: var(--reader-surface, #fffdfa) !important; }
  body.reader-enhanced .header-bottom-area .navbar-toggle { border: 0 !important; border-radius: 7px !important; background: #17212b !important; }
  body.reader-enhanced .header-bottom-area .navbar-toggle .icon-bar { background: #fff; }
  body.reader-enhanced .header-bottom-area .search .search-icon i { border-radius: 7px; background: #981b1b; color: #fff; }
  body.reader-enhanced .header-bottom-area .search .search-box input { border: 1px solid var(--reader-line, #ddd7cd); background: var(--reader-surface, #fffdfa); color: var(--reader-ink, #17212b); }
  body.reader-enhanced .author-avatar { width: 54px; height: 54px; font-size: 19px; }
  body.reader-enhanced .single-blog-page-area { overflow: hidden; }
  body.reader-enhanced .single-blog-page-area .container { width: 100%; padding: 0 14px !important; }
  body.reader-enhanced .single-blog-page-area .row { margin-right: 0 !important; margin-left: 0 !important; }
  body.reader-enhanced .single-blog-page-area .row > [class*="col-"] {
    width: 100% !important;
    float: none !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  body.reader-enhanced .single-blog-page-area .banner-simple-post { display: none !important; }
  body.reader-enhanced .single-blog-page-area img,
  body.reader-enhanced .single-blog-page-area iframe,
  body.reader-enhanced .single-blog-page-area video,
  body.reader-enhanced .single-blog-page-area table { max-width: 100% !important; height: auto !important; }
  body.reader-enhanced .single-blog-page-area p { overflow-wrap: anywhere; }
  .reader-frontpage { padding: 20px 14px 52px; }
  .rf-edition-bar { flex-wrap: wrap; gap: 6px 12px; margin-bottom: 17px; }
  .rf-edition-count { width: 100%; margin-left: 0; }
  .rf-layout:not(.rf-single), html[data-layout-format] .rf-layout:not(.rf-single) { display: grid; grid-template-columns: 1fr !important; }
  html[data-layout-format="digital"] .rf-lead,
  html[data-layout-format="magazine"] .rf-lead,
  html[data-layout-format="compact"] .rf-lead { display: block; padding: 0; }
  html[data-layout-format="grid"] .rf-lead, html[data-layout-format="grid"] .rf-feed { grid-column: auto; grid-row: auto; }
  html[data-layout-format="digital"] .rf-feed,
  html[data-layout-format="magazine"] .rf-feed,
  html[data-layout-format="grid"] .rf-feed { grid-template-columns: 1fr; }
  html[data-layout-format="grid"] .rf-feed .rf-story:first-child { grid-column: auto; }
  html[data-layout-format="grid"] .rf-layout.rf-single .rf-content {
    width: auto;
    margin: 0;
    padding: 16px 0 0;
    border-top: 0;
    background: transparent;
    box-shadow: none;
  }
  .rf-lead .rf-content, html[data-layout-format="magazine"] .rf-lead .rf-content { padding: 16px 0 0; }
  .rf-lead h2 { font-size: clamp(29px, 8.5vw, 42px); }
  .rf-lead p { font-size: 14px; }
  .rf-feed .rf-story, html[data-layout-format="classic"] .rf-feed .rf-story,
  html[data-layout-format="compact"] .rf-feed .rf-story,
  html[data-layout-format="focus"] .rf-feed .rf-story { grid-template-columns: 96px minmax(0, 1fr); padding: 12px 0; }
  .rf-feed h3 { font-size: 15px; }
  html[data-layout-format="magazine"] .rf-lead .rf-media { min-height: 220px; }
  .rf-edition-note { margin-top: 22px; }
}

@media print {
  .reader-toolbar { display: none !important; }
  body.reader-enhanced .header-bottom-area.sticky { top: 0 !important; }
}

/* Legibilidad de metadatos y mandos de edición. */
.rf-edition-kicker,
.rf-edition-count,
.rf-meta,
.rf-section-heading small,
.rf-rail-heading small { font-size: 10px; }
.reader-format-btn small { font-size: 10px; }
@media (max-width: 759px) {
  body.reader-enhanced .header-top-area .header-top-left ul li { font-size: 10px; }
  .reader-format-btn small { font-size: 9.5px; }
}