/* ====================================================
   REPORTEROS DE INVESTIGACIÓN
   RI EDITORIAL BLANCO · VERSIÓN CONSERVADORA
   WordPress + Newspaper + TagDiv
==================================================== */

/* FUENTES */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;500;600;700;800&family=Roboto:wght@400;500;700&display=swap');

/* IDENTIDAD RI */
:root {
  --ri-blanco: #ffffff;
  --ri-ocre: #490709;
  --ri-logo: #511014;
  --ri-ocre-nuevo: #770118;
  --ri-tinta: #2a2a2a;
  --ri-enlace: #dd0000;
  --ri-gris: #757575;
  --ri-borde: #d3d3d3;
  --ri-amarillo: #ffba12;
}

/* ============================================
   1. FONDO GENERAL BLANCO
   No afecta tarjetas, imágenes ni módulos.
============================================ */

html,
body,
#td-outer-wrap {
  background-color: #ffffff;
}

/* ============================================
   2. TIPOGRAFÍA GENERAL
============================================ */

body {
  font-family: 'Roboto', Arial, sans-serif;
  color: var(--ri-tinta);
}

/* ============================================
   3. TITULARES DE INVESTIGACIONES
============================================ */

body.single-post :is(
  .td-post-title h1,
  h1.entry-title,
  .tdb_single_title h1,
  .tdb_single_title .tdb-title-text,
  .tdb_single_post_title h1,
  .tdb_single_post_title .tdb-title-text
) {
  font-family: 'Anton', Impact, sans-serif !important;
  font-size: clamp(38px, 5.5vw, 72px) !important;
  font-weight: 400 !important;
  line-height: 1.12 !important;
  color: var(--ri-tinta) !important;
  text-align: left !important;
  overflow-wrap: break-word;
}

/* ============================================
   4. ENTRADILLA EN INTER
============================================ */

body.single-post :is(
  .tdb_single_excerpt,
  .tdb_single_subtitle,
  .td-post-sub-title
) {
  font-family: 'Inter', Arial, sans-serif !important;
  font-size: clamp(18px, 2vw, 22px) !important;
  line-height: 1.5 !important;
  color: var(--ri-tinta) !important;
  text-align: left !important;
}

/* ============================================
   5. CUERPO DE LOS ARTÍCULOS
============================================ */

body.single-post :is(
  .tdb_single_content,
  .td-post-content
) {
  font-family: 'Roboto', Arial, sans-serif !important;
  color: var(--ri-tinta);
}

body.single-post :is(
  .tdb_single_content,
  .td-post-content
) p {
  font-family: 'Roboto', Arial, sans-serif !important;
  font-size: 19px !important;
  line-height: 1.75 !important;
  text-align: left !important;
  color: var(--ri-tinta) !important;
}

/* ============================================
   6. SUBTÍTULOS
============================================ */

body.single-post :is(
  .tdb_single_content,
  .td-post-content
) :is(h2, h3, h4) {
  font-family: 'Inter', Arial, sans-serif !important;
  font-weight: 800 !important;
  color: var(--ri-tinta) !important;
  text-align: left !important;
}

/* ============================================
   7. ENLACES EN LOS REPORTAJES
============================================ */

body.single-post :is(
  .tdb_single_content,
  .td-post-content
) a {
  color: var(--ri-enlace);
}

/* ============================================
   8. METADATOS
============================================ */

body.single-post :is(
  .td-post-date,
  .td-post-author-name,
  .tdb-post-date,
  .tdb-author-name
) {
  font-family: 'Inter', Arial, sans-serif;
  color: var(--ri-gris);
}

/* ============================================
   9. PIES DE FOTO
============================================ */

body.single-post :is(
  figcaption,
  .wp-caption-text
) {
  font-family: 'Roboto', Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5;
  color: var(--ri-gris);
}

/* ============================================
   10. MÓVIL
============================================ */

@media (max-width: 767px) {

  body.single-post :is(
    .td-post-title h1,
    h1.entry-title,
    .tdb_single_title h1,
    .tdb_single_title .tdb-title-text,
    .tdb_single_post_title h1,
    .tdb_single_post_title .tdb-title-text
  ) {
    font-size: clamp(34px, 9vw, 44px) !important;
    line-height: 1.13 !important;
  }

  body.single-post :is(
    .tdb_single_content,
    .td-post-content
  ) p {
    font-size: 17px !important;
    line-height: 1.7 !important;
  }

  body.single-post :is(
    .tdb_single_excerpt,
    .tdb_single_subtitle,
    .td-post-sub-title
  ) {
    font-size: 17px !important;
  }
}

/* Lectura editorial */
.single-post .entry-content {
  font-size: 18px;
  line-height: 1.75;
  overflow-wrap: break-word;
}

.single-post .entry-content p {
  margin-bottom: 1.4em;
}

.single-post .entry-content h2 {
  font-size: clamp(25px, 3vw, 32px);
  line-height: 1.25;
  margin: 2em 0 0.8em;
}

.single-post .entry-content h3 {
  font-size: clamp(21px, 2.5vw, 26px);
  line-height: 1.3;
  margin: 1.6em 0 0.7em;
}

.single-post .entry-content img {
  max-width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .single-post .entry-content {
    font-size: 17px;
    line-height: 1.65;
  }

  .single-post .entry-title {
    font-size: 32px;
    line-height: 1.15;
    overflow-wrap: break-word;
  }
} 
/* 1. Evitar animaciones innecesarias */
html {
  scroll-behavior: auto;
}

/* 2. Optimizar secciones fuera de pantalla */
@supports (content-visibility: auto) {
  .wp-block-post,
  .wp-block-query > li {
    content-visibility: auto;
    contain-intrinsic-size: auto 500px;
  }
}

/* 3. Evitar cálculos de tamaño innecesarios */
img {
  max-width: 100%;
  height: auto;
}

/* 4. Reducir efectos para usuarios
   que prefieren menos movimiento */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}