/* ==========================================================================
   NOTA INDIVIDUAL — capa editorial sobre noticia.css
   Usa las variables y el header/footer de comunidad-v2.css; acá sólo se
   ajusta la tipografía de lectura y los componentes propios de la nota.
   ========================================================================== */

body.page-noticia { background: var(--cm-bg); }

/* El wrapper .cm del header no debe limitar el sticky (si no, el header se va al scrollear) */
.cm-contents { display: contents; }

/* La subbarra de lectura queda pegada debajo del header (antes ambos usaban top: 0 y se pisaban) */
.noticia-subnav {
  top: var(--cm-header-h);
  background: rgba(12, 11, 10, 0.92);
  border-bottom: 1px solid var(--cm-line);
  box-shadow: none !important;
  z-index: 55;
}
.noticia-progress-bar { background: var(--cm-accent) !important; box-shadow: none !important; }
.noticia-back-btn,
.noticia-subnav-cat { color: var(--cm-ink-2) !important; font-family: var(--cm-sans); }
.noticia-back-btn:hover { color: var(--cm-ink) !important; }
.noticia-subnav-cat { letter-spacing: 0.12em; font-size: 0.72rem; }

.noticia-nav-btn {
  background: none !important;
  border: 1px solid var(--cm-line-strong) !important;
  border-radius: 999px !important;
  color: var(--cm-ink) !important;
  box-shadow: none !important;
}
.noticia-nav-btn:hover { border-color: var(--cm-ink) !important; background: none !important; }
.noticia-nav-btn-admin-del:hover { border-color: var(--cm-danger) !important; color: var(--cm-danger) !important; }

/* ---------- Cabecera de la nota ---------- */
.noticia-breadcrumbs,
.noticia-breadcrumbs a { color: var(--cm-ink-3) !important; font-size: 0.8rem; }
.noticia-breadcrumbs a:hover { color: var(--cm-ink) !important; }
.noticia-breadcrumbs .current { color: var(--cm-ink-2) !important; }

.noticia-cat-pill,
.noticia-breaking-pill {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: var(--cm-ink-3) !important;
  font-family: var(--cm-sans) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.12em !important;
  animation: none !important;
}
.noticia-breaking-pill { color: var(--cm-accent) !important; }
.noticia-meta-badges { gap: 1rem !important; }

.noticia-headline {
  font-family: var(--cm-serif) !important;
  font-weight: 400 !important;
  font-size: clamp(2.5rem, 6vw, 4.6rem) !important;
  line-height: 0.98 !important;
  letter-spacing: -0.025em !important;
  color: var(--cm-ink) !important;
  text-wrap: balance;
}
.noticia-lead-paragraph {
  font-family: var(--cm-sans) !important;
  font-style: normal !important;
  font-size: clamp(1.1rem, 1.8vw, 1.3rem) !important;
  line-height: 1.5 !important;
  color: var(--cm-ink-2) !important;
  border-left: 0 !important;
  padding-left: 0 !important;
}

.noticia-byline {
  border-color: var(--cm-line) !important;
  background: none !important;
}
.noticia-author-avatar {
  background: var(--cm-bg-3) !important;
  border: 1px solid var(--cm-line) !important;
  color: var(--cm-ink-2) !important;
}
.noticia-author-name { color: var(--cm-ink) !important; }
.noticia-author-meta { color: var(--cm-ink-3) !important; }

.btn-quick-share {
  background: none !important;
  border: 1px solid var(--cm-line-strong) !important;
  color: var(--cm-ink-2) !important;
  box-shadow: none !important;
}
.btn-quick-share:hover { border-color: var(--cm-ink) !important; color: var(--cm-ink) !important; }

/* ---------- Portada e imágenes ---------- */
.noticia-cover-figure,
.noticia-inline-image-block {
  background: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  overflow: visible;
}
.noticia-cover-img,
.noticia-inline-image-block img,
.noticia-gallery-item img { border-radius: 0 !important; }
.noticia-cover-caption,
.noticia-inline-caption,
.noticia-gallery-item-caption {
  background: none !important;
  color: var(--cm-ink-3) !important;
  font-style: italic;
  padding-inline: 0 !important;
  border: 0 !important;
}

/* ---------- Pestañas (Artículo / Galería / Comentarios) ---------- */
.noticia-tabs-nav {
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid var(--cm-line) !important;
  border-radius: 0 !important;
  padding: 0 !important;
  gap: 1.75rem !important;
  box-shadow: none !important;
}
.noticia-tab-btn {
  background: none !important;
  border: 0 !important;
  border-bottom: 1px solid transparent !important;
  border-radius: 0 !important;
  padding: 0.75rem 0 !important;
  color: var(--cm-ink-3) !important;
  font-family: var(--cm-sans) !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
.noticia-tab-btn:hover { color: var(--cm-ink) !important; }
.noticia-tab-btn.active { color: var(--cm-ink) !important; border-bottom-color: var(--cm-accent) !important; }
.tab-badge { background: var(--cm-bg-3) !important; color: var(--cm-ink-2) !important; }

/* ---------- Cuerpo de lectura ---------- */
.noticia-body-editorial {
  font-family: var(--cm-sans) !important;
  font-size: 1.12rem !important;
  line-height: 1.75 !important;
  color: #ddd7cc !important;
}
.noticia-body-editorial h2,
.noticia-body-editorial h3 {
  font-family: var(--cm-serif) !important;
  font-weight: 400 !important;
  color: var(--cm-ink) !important;
  letter-spacing: -0.015em;
}
.noticia-body-editorial h2 { font-size: 2.2rem !important; line-height: 1.05; }
.noticia-body-editorial h3 { font-size: 1.7rem !important; line-height: 1.1; }
.noticia-body-editorial a { color: var(--cm-ink) !important; border-bottom: 1px solid var(--cm-line-strong); }
/* Las pestañas quedan pegadas debajo de header (69px) + barra de lectura (~47px) */
.noticia-tabs-wrapper {
  top: calc(var(--cm-header-h) + 46px) !important;
  padding-top: 0.5rem !important;
  z-index: 50 !important;
  background: var(--cm-bg) !important;
  box-shadow: none !important;
}

.noticia-pullquote-block {
  background: none !important;
  border: 0 !important;
  border-block: 1px solid var(--cm-line-strong) !important;
  border-radius: 0 !important;
  padding: 1.75rem 0 !important;
  font-family: var(--cm-serif) !important;
  font-style: italic !important;
  font-size: clamp(1.7rem, 3vw, 2.3rem) !important;
  line-height: 1.15 !important;
  color: var(--cm-ink) !important;
  box-shadow: none !important;
}

.noticia-tags-box { border-color: var(--cm-line) !important; background: none !important; }
.noticia-tags-label { color: var(--cm-ink-3) !important; }
.noticia-tag-item {
  background: none !important;
  border: 1px solid var(--cm-line-strong) !important;
  border-radius: 999px !important;
  color: var(--cm-ink-2) !important;
}
.noticia-tag-item:hover { border-color: var(--cm-ink) !important; color: var(--cm-ink) !important; }

/* ---------- Relacionadas ---------- */
.noticia-related-heading {
  font-family: var(--cm-serif) !important;
  font-weight: 400 !important;
  font-size: 2.2rem !important;
  color: var(--cm-ink) !important;
}
.noticia-related-card {
  background: none !important;
  border: 0 !important;
  border-top: 1px solid var(--cm-line) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-top: 1rem !important;
}
.noticia-related-thumb-wrap { border-radius: 0 !important; }
.noticia-related-cat { color: var(--cm-ink-3) !important; background: none !important; padding: 0 !important; letter-spacing: 0.1em; }
.noticia-related-title { font-family: var(--cm-serif) !important; font-weight: 400 !important; font-size: 1.5rem !important; line-height: 1.1 !important; color: var(--cm-ink) !important; }

/* ---------- Comentarios ---------- */
.noticia-comments-section,
.noticia-comment-card,
.noticia-comment-login-card,
.noticia-comment-form-wrap {
  background: none !important;
  border-color: var(--cm-line) !important;
  box-shadow: none !important;
}
.noticia-comment-card { border-width: 0 0 1px !important; border-style: solid !important; border-radius: 0 !important; }
.noticia-comments-title { font-family: var(--cm-serif) !important; font-weight: 400 !important; font-size: 2rem !important; color: var(--cm-ink) !important; }
.noticia-comment-textarea {
  background: var(--cm-bg-2) !important;
  border: 1px solid var(--cm-line-strong) !important;
  border-radius: 0 !important;
  color: var(--cm-ink) !important;
}
.noticia-comment-textarea:focus { border-color: var(--cm-ink) !important; box-shadow: none !important; }

.btn-noticia-submit-comment,
.btn-noticia-google-login,
.btn-cta-foro {
  background: var(--cm-ink) !important;
  color: var(--cm-bg) !important;
  border: 0 !important;
  border-radius: 999px !important;
  box-shadow: none !important;
  font-family: var(--cm-sans) !important;
  font-weight: 600 !important;
}
.btn-noticia-submit-comment:hover,
.btn-noticia-google-login:hover,
.btn-cta-foro:hover { background: var(--cm-accent) !important; }

/* Barra inferior móvil */
.noticia-mobile-bar {
  background: rgba(12, 11, 10, 0.94) !important;
  border-top: 1px solid var(--cm-line) !important;
  box-shadow: none !important;
}

.cm-footer { margin-top: clamp(3.5rem, 7vw, 5.5rem); }