/* ====================================================
   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;
  }
}