/* ==========================================================
   REPORTEROS DE INVESTIGACIÓN
   CSS EDITORIAL DEFINITIVO Y DEPURADO
   NEWSPAPER / TAGDIV + ELEMENTOR HISTÓRICO

   PC + TABLET + MÓVIL

   TEXTO: 900PX
   MULTIMEDIA: 1200PX
   GENERAL: 1400PX
   ROBOTO: 20PX
   ========================================================== */


/* ==========================================================
   FUENTES
   ========================================================== */

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


/* ==========================================================
   VARIABLES
   ========================================================== */

:root {

    --ri-ancho-general: 1400px;
    --ri-ancho-texto: 900px;
    --ri-ancho-multimedia: 1200px;

    --ri-fondo: #ffffff;

    --ri-texto: #222222;
    --ri-titulo: #111111;
    --ri-meta: #666666;

    --ri-borde: #dddddd;
}


/* ==========================================================
   BASE GENERAL
   ========================================================== */

html,
body {
    background: var(--ri-fondo) !important;
    color: var(--ri-texto) !important;
    color-scheme: light !important;
}


/* ==========================================================
   FONDO DE ARTÍCULOS
   ========================================================== */

body.single-post,
.single-post,
.single-post .td-main-page-wrap,
.single-post .td-main-content-wrap,
.single-post .td-main-content,
.single-post .td-container,
.single-post .td-pb-row,
.single-post .td-pb-span8,
.single-post .tdc-row,
.single-post .tdc-row-content,
.single-post .tdc-inner-columns,
.single-post article,
.single-post .td-post-content,
.single-post .entry-content,
.single-post .td-post-title,
.single-post .tdb_single_post_title,
.single-post .tdb_single_post_title .tdb-block-inner,
.single-post .tdb_single_post_content,
.single-post .tdb_single_post_content .tdb-block-inner {

    background: var(--ri-fondo) !important;
    color: var(--ri-texto) !important;
}


/* ==========================================================
   CONTENEDOR GENERAL DEL ARTÍCULO
   ========================================================== */

.single-post .td-main-content-wrap,
.single-post .td-main-content,
.single-post .td-container,
.single-post .tdc-row,
.single-post .tdc-row-content {

    width: 100% !important;
    max-width: var(--ri-ancho-general) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   COLUMNA PRINCIPAL
   ========================================================== */

.single-post .td-pb-row,
.single-post .tdc-inner-columns {

    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


.single-post .td-main-content-wrap .td-pb-span8,
.single-post .td-main-content .td-pb-span8,
.single-post .td-pb-span8,
.single-post article,
.single-post .td-post-content,
.single-post .entry-content {

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    float: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   OCULTAR SIDEBAR EN ARTÍCULOS

   IMPORTANTE:
   NO ocultamos td-pb-span4 porque puede ser utilizado
   por Newspaper en otros diseños.
   ========================================================== */

.single-post .td-main-sidebar {
    display: none !important;
}


/* ==========================================================
   MÁRGENES EXTERNOS EN PC
   ========================================================== */

.single-post .td-main-content-wrap,
.single-post .td-main-content {

    padding-left: 40px !important;
    padding-right: 40px !important;
}


/* ==========================================================
   TIPOGRAFÍA GENERAL
   ========================================================== */

.single-post .td-post-content,
.single-post .entry-content {

    font-family: "Roboto", Arial, sans-serif !important;

    font-size: 20px !important;

    color: var(--ri-texto) !important;
}


/* ==========================================================
   COLUMNA EDITORIAL DE LECTURA

   PÁRRAFOS
   LISTAS
   CITAS
   SUBTÍTULOS
   ========================================================== */

.single-post .td-post-content p,
.single-post .entry-content p,

.single-post .td-post-content ul,
.single-post .entry-content ul,

.single-post .td-post-content ol,
.single-post .entry-content ol,

.single-post .td-post-content blockquote,
.single-post .entry-content blockquote,

.single-post .td-post-content h2,
.single-post .entry-content h2,

.single-post .td-post-content h3,
.single-post .entry-content h3,

.single-post .td-post-content h4,
.single-post .entry-content h4,

.single-post .td-post-content h5,
.single-post .entry-content h5,

.single-post .td-post-content h6,
.single-post .entry-content h6 {

    width: 100% !important;

    max-width: var(--ri-ancho-texto) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   PÁRRAFOS
   ========================================================== */

.single-post .td-post-content p,
.single-post .entry-content p {

    font-family: "Roboto", Arial, sans-serif !important;

    font-size: 20px !important;
    line-height: 1.7 !important;

    font-weight: 400 !important;

    color: var(--ri-texto) !important;

    text-align: justify !important;
    text-justify: inter-word !important;

    word-break: normal !important;
    overflow-wrap: break-word !important;

    hyphens: auto;

    margin-top: 0 !important;
    margin-bottom: 28px !important;
}


/* ==========================================================
   LISTAS
   ========================================================== */

.single-post .td-post-content ul,
.single-post .entry-content ul,

.single-post .td-post-content ol,
.single-post .entry-content ol {

    padding-left: 32px !important;

    margin-top: 0 !important;
    margin-bottom: 30px !important;
}


.single-post .td-post-content li,
.single-post .entry-content li {

    font-family: "Roboto", Arial, sans-serif !important;

    font-size: 20px !important;
    line-height: 1.7 !important;

    color: var(--ri-texto) !important;

    text-align: justify !important;
    text-justify: inter-word !important;

    hyphens: auto;

    margin-bottom: 12px !important;
}


/* ==========================================================
   ENLACES DEL CUERPO
   ========================================================== */

.single-post .td-post-content a,
.single-post .entry-content a {

    color: #111111 !important;

    text-decoration: underline !important;

    text-decoration-thickness: 1px !important;
    text-underline-offset: 3px !important;
}


/* ==========================================================
   TÍTULO PRINCIPAL
   ========================================================== */

.single-post h1,
.single-post h1.entry-title,
.single-post .td-post-title .entry-title,
.single-post .tdb-title-text {

    font-family: "Inter", Arial, sans-serif !important;

    font-size: clamp(40px, 4.2vw, 60px) !important;

    line-height: 1.08 !important;

    font-weight: 900 !important;

    letter-spacing: -0.025em !important;

    color: #000000 !important;

    text-align: left !important;

    width: 100% !important;
    max-width: 1100px !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ==========================================================
   H2
   ========================================================== */

.single-post .td-post-content h2,
.single-post .entry-content h2 {

    font-family: "Inter", Arial, sans-serif !important;

    font-size: clamp(30px, 3vw, 40px) !important;

    line-height: 1.18 !important;

    font-weight: 800 !important;

    letter-spacing: -0.02em !important;

    color: var(--ri-titulo) !important;

    text-align: left !important;

    margin-top: 58px !important;
    margin-bottom: 22px !important;
}


/* ==========================================================
   H3
   ========================================================== */

.single-post .td-post-content h3,
.single-post .entry-content h3 {

    font-family: "Inter", Arial, sans-serif !important;

    font-size: clamp(25px, 2.5vw, 32px) !important;

    line-height: 1.22 !important;

    font-weight: 800 !important;

    color: var(--ri-titulo) !important;

    text-align: left !important;

    margin-top: 46px !important;
    margin-bottom: 18px !important;
}


/* ==========================================================
   H4
   ========================================================== */

.single-post .td-post-content h4,
.single-post .entry-content h4 {

    font-family: "Inter", Arial, sans-serif !important;

    font-size: 24px !important;

    line-height: 1.3 !important;

    font-weight: 700 !important;

    color: var(--ri-titulo) !important;

    text-align: left !important;

    margin-top: 38px !important;
    margin-bottom: 16px !important;
}


/* ==========================================================
   H5 / H6
   ========================================================== */

.single-post .td-post-content h5,
.single-post .entry-content h5,
.single-post .td-post-content h6,
.single-post .entry-content h6 {

    font-family: "Inter", Arial, sans-serif !important;

    color: var(--ri-titulo) !important;

    font-weight: 700 !important;

    text-align: left !important;
}


/* ==========================================================
   METADATOS
   ========================================================== */

.single-post .td-post-date,
.single-post .td-post-author-name,
.single-post .td-post-category,
.single-post .td-module-meta-info,
.single-post .tdb-author-name,
.single-post .tdb-post-date {

    font-family: "Roboto", Arial, sans-serif !important;

    color: var(--ri-meta) !important;

    background: transparent !important;
}


/* ==========================================================
   CITAS
   ========================================================== */

.single-post .td-post-content blockquote,
.single-post .entry-content blockquote {

    font-family: "Roboto", Arial, sans-serif !important;

    font-size: 22px !important;
    line-height: 1.6 !important;

    font-weight: 500 !important;

    color: #333333 !important;

    text-align: justify !important;
    text-justify: inter-word !important;

    border-left: 4px solid #222222 !important;

    padding: 10px 0 10px 25px !important;

    margin-top: 36px !important;
    margin-bottom: 36px !important;

    background: transparent !important;
}


/* ==========================================================
   MULTIMEDIA
   ========================================================== */

.single-post .entry-content figure,
.single-post .td-post-content figure,

.single-post .entry-content > iframe,
.single-post .td-post-content > iframe,

.single-post .entry-content > .wp-block-embed,
.single-post .td-post-content > .wp-block-embed,

.single-post .entry-content > .wp-block-image,
.single-post .td-post-content > .wp-block-image {

    width: 100% !important;

    max-width: var(--ri-ancho-multimedia) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   IMÁGENES
   ========================================================== */

.single-post .td-post-content img,
.single-post .entry-content img {

    display: block !important;

    max-width: 100% !important;

    width: auto;

    height: auto !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   FIGURAS
   ========================================================== */

.single-post .td-post-content figure,
.single-post .entry-content figure {

    height: auto !important;

    margin-top: 34px !important;
    margin-bottom: 38px !important;
}


/* ==========================================================
   PIE DE FOTO
   ========================================================== */

.single-post .td-post-content figcaption,
.single-post .entry-content figcaption {

    font-family: "Roboto", Arial, sans-serif !important;

    font-size: 14px !important;

    line-height: 1.45 !important;

    color: #666666 !important;

    text-align: left !important;

    margin-top: 9px !important;
}


/* ==========================================================
   VIDEO HTML5
   ========================================================== */

.single-post .td-post-content video,
.single-post .entry-content video {

    display: block !important;

    width: 100% !important;

    max-width: var(--ri-ancho-multimedia) !important;

    height: auto !important;

    margin: 36px auto !important;
}


/* ==========================================================
   YOUTUBE / VIMEO
   ========================================================== */

.single-post iframe[src*="youtube.com"],
.single-post iframe[src*="youtube-nocookie.com"],
.single-post iframe[src*="youtu.be"],
.single-post iframe[src*="vimeo.com"] {

    display: block !important;

    width: 100% !important;

    max-width: var(--ri-ancho-multimedia) !important;

    aspect-ratio: 16 / 9 !important;

    height: auto !important;

    margin: 36px auto !important;

    border: 0 !important;
}


/* ==========================================================
   EMBEDS DE WORDPRESS
   ========================================================== */

.single-post .wp-block-embed,
.single-post .wp-block-embed__wrapper {

    width: 100% !important;

    max-width: 100% !important;

    min-width: 0 !important;

    box-sizing: border-box !important;

    overflow: visible !important;
}


/* ==========================================================
   IFRAMES GENERALES

   NO FORZAMOS HEIGHT AQUÍ.
   ========================================================== */

.single-post .td-post-content iframe,
.single-post .entry-content iframe {

    display: block !important;

    width: 100% !important;

    max-width: var(--ri-ancho-multimedia) !important;

    margin: 35px auto !important;

    border: 0 !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   EMBED / OBJECT ANTIGUOS
   ========================================================== */

.single-post .entry-content embed,
.single-post .entry-content object,
.single-post .td-post-content embed,
.single-post .td-post-content object {

    display: block;

    max-width: 100%;

    margin: 35px auto;

    box-sizing: border-box;
}


/* ==========================================================
   GOOGLE MAPS / GOOGLE MY MAPS
   ========================================================== */

.single-post iframe[src*="google.com/maps"],
.single-post iframe[src*="google.com/maps/d"],
.single-post iframe[src*="googleusercontent.com/maps"],
.single-post iframe[src*="maps.google"] {

    display: block !important;

    width: 100% !important;

    max-width: var(--ri-ancho-multimedia) !important;

    height: 560px !important;
    min-height: 560px !important;

    margin: 40px auto !important;

    border: 0 !important;
}


/* ==========================================================
   GRÁFICOS INTERACTIVOS
   ========================================================== */

.single-post iframe[src*="datawrapper"],
.single-post iframe[src*="flourish"],
.single-post iframe[src*="infogram"],
.single-post iframe[src*="tableau"],
.single-post iframe[src*="arcgis"] {

    display: block !important;

    width: 100% !important;

    max-width: var(--ri-ancho-multimedia) !important;

    min-height: 500px !important;

    margin: 40px auto !important;

    border: 0 !important;
}


/* ==========================================================
   TWITTER / X

   IMPORTANTE:
   NO SE FUERZA HEIGHT.
   X CALCULA AUTOMÁTICAMENTE SU ALTURA.
   ========================================================== */

.single-post .twitter-tweet,
.single-post blockquote.twitter-tweet,
.single-post .entry-content .twitter-tweet,
.single-post .td-post-content .twitter-tweet {

    display: block !important;

    width: 100% !important;

    max-width: 550px !important;

    min-width: 0 !important;

    margin: 40px auto !important;

    padding: 0 !important;

    border: 0 !important;

    text-align: left !important;
}


.single-post iframe[id^="twitter-widget"],
.single-post iframe[src*="twitter.com"],
.single-post iframe[src*="platform.twitter"],
.single-post iframe[src*="x.com"] {

    display: block !important;

    width: 100% !important;

    max-width: 550px !important;

    min-width: 0 !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ==========================================================
   BLOQUES DE WORDPRESS
   ========================================================== */

.single-post .wp-block-group,
.single-post .wp-block-columns,
.single-post .wp-block-column,
.single-post .wp-block-media-text,
.single-post .wp-block-cover {

    max-width: 100% !important;

    box-sizing: border-box !important;
}


/* ==========================================================
   ELEMENTOR HISTÓRICO
   ========================================================== */


/* ----------------------------------------------------------
   TEXTO DE ELEMENTOR

   NO cambiamos el ancho del widget completo.
   Así respetamos diagramaciones antiguas de varias columnas.
   ---------------------------------------------------------- */

.single-post .elementor-widget-text-editor {

    font-family: "Roboto", Arial, sans-serif !important;

    font-size: 20px !important;

    line-height: 1.7 !important;

    color: var(--ri-texto) !important;
}


/* ----------------------------------------------------------
   CONTENIDO INTERNO DEL WIDGET DE TEXTO
   ---------------------------------------------------------- */

.single-post
.elementor-widget-text-editor
.elementor-widget-container {

    width: 100% !important;

    max-width: var(--ri-ancho-texto) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   PÁRRAFOS Y LISTAS ELEMENTOR
   ---------------------------------------------------------- */

.single-post .elementor-widget-text-editor p,
.single-post .elementor-widget-text-editor li {

    font-family: "Roboto", Arial, sans-serif !important;

    font-size: 20px !important;

    line-height: 1.7 !important;

    color: var(--ri-texto) !important;

    text-align: justify !important;

    text-justify: inter-word !important;

    hyphens: auto;
}


/* ----------------------------------------------------------
   TÍTULOS ELEMENTOR
   ---------------------------------------------------------- */

.single-post .elementor-heading-title {

    font-family: "Inter", Arial, sans-serif !important;

    color: var(--ri-titulo) !important;

    text-align: left !important;

    line-height: 1.2 !important;
}


.single-post h2.elementor-heading-title {

    font-size: clamp(30px, 3vw, 40px) !important;

    font-weight: 800 !important;
}


.single-post h3.elementor-heading-title {

    font-size: clamp(25px, 2.5vw, 32px) !important;

    font-weight: 800 !important;
}


.single-post h4.elementor-heading-title {

    font-size: 24px !important;

    font-weight: 700 !important;
}


/* ----------------------------------------------------------
   IMÁGENES ELEMENTOR

   NO hacemos width:100% a la imagen.
   Así las imágenes pequeñas no se agrandan artificialmente.
   ---------------------------------------------------------- */

.single-post .elementor-widget-image {

    max-width: var(--ri-ancho-multimedia) !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


.single-post .elementor-widget-image img {

    display: block !important;

    width: auto !important;

    max-width: 100% !important;

    height: auto !important;

    margin-left: auto !important;
    margin-right: auto !important;
}


/* ----------------------------------------------------------
   VIDEOS / HTML / SHORTCODES ELEMENTOR
   ---------------------------------------------------------- */

.single-post .elementor-widget-video,
.single-post .elementor-widget-html,
.single-post .elementor-widget-shortcode {

    width: 100% !important;

    max-width: var(--ri-ancho-multimedia) !important;

    margin-left: auto !important;
    margin-right: auto !important;

    box-sizing: border-box !important;
}


/* ----------------------------------------------------------
   MUY IMPORTANTE

   NO modificamos globalmente:
   .elementor-section
   .elementor-container
   .elementor-column
   .elementor-widget-wrap

   De esa forma conservamos diagramaciones históricas.
   ---------------------------------------------------------- */


/* ==========================================================
   CIERRE DEL ARTÍCULO
   ========================================================== */

.single-post .td-post-content > hr:last-of-type,
.single-post .entry-content > hr:last-of-type {

    margin-top: 55px !important;

    margin-bottom: 35px !important;
}


/* ==========================================================
   COMPARTIR / RELACIONADOS / SUSCRIPCIÓN
   ========================================================== */

.single-post .sharedaddy,
.single-post .sd-sharing-enabled,
.single-post .jp-relatedposts,
.single-post .jp-relatedposts-posts,
.single-post .wp-block-jetpack-subscriptions,
.single-post .entry-content + .sharedaddy {

    margin-top: 45px !important;
}


/* ==========================================================
   EVITAR DESBORDES
   ========================================================== */

.single-post,
.single-post article,
.single-post .td-post-content,
.single-post .entry-content {

    overflow-wrap: break-word !important;
}


/* ==========================================================
   TABLET
   ========================================================== */

@media only screen and (max-width: 1024px) {


    .single-post .td-main-content-wrap,
    .single-post .td-main-content {

        padding-left: 26px !important;
        padding-right: 26px !important;
    }


    /* GOOGLE MAPS */

    .single-post iframe[src*="google.com/maps"],
    .single-post iframe[src*="google.com/maps/d"],
    .single-post iframe[src*="googleusercontent.com/maps"],
    .single-post iframe[src*="maps.google"] {

        height: 500px !important;

        min-height: 500px !important;
    }

}


/* ==========================================================
   MÓVIL
   ========================================================== */

@media only screen and (max-width: 767px) {


    /* ------------------------------------------------------
       MÁRGENES
       ------------------------------------------------------ */

    .single-post .td-main-content-wrap,
    .single-post .td-main-content {

        padding-left: 18px !important;
        padding-right: 18px !important;
    }


    /* ------------------------------------------------------
       TEXTO
       ------------------------------------------------------ */

    .single-post .td-post-content p,
    .single-post .entry-content p,

    .single-post .td-post-content li,
    .single-post .entry-content li,

    .single-post .elementor-widget-text-editor p,
    .single-post .elementor-widget-text-editor li {

        font-size: 20px !important;

        line-height: 1.62 !important;

        text-align: justify !important;

        text-justify: inter-word !important;

        hyphens: auto;
    }


    .single-post .td-post-content p,
    .single-post .entry-content p {

        margin-bottom: 25px !important;
    }


    /* ------------------------------------------------------
       TÍTULO PRINCIPAL
       ------------------------------------------------------ */

    .single-post h1,
    .single-post h1.entry-title,
    .single-post .td-post-title .entry-title,
    .single-post .tdb-title-text {

        font-size: 36px !important;

        line-height: 1.1 !important;

        max-width: 100% !important;
    }


    /* ------------------------------------------------------
       H2
       ------------------------------------------------------ */

    .single-post .td-post-content h2,
    .single-post .entry-content h2,
    .single-post h2.elementor-heading-title {

        font-size: 30px !important;

        line-height: 1.18 !important;

        margin-top: 46px !important;

        margin-bottom: 20px !important;
    }


    /* ------------------------------------------------------
       H3
       ------------------------------------------------------ */

    .single-post .td-post-content h3,
    .single-post .entry-content h3,
    .single-post h3.elementor-heading-title {

        font-size: 26px !important;

        margin-top: 38px !important;
    }


    /* ------------------------------------------------------
       H4
       ------------------------------------------------------ */

    .single-post .td-post-content h4,
    .single-post .entry-content h4,
    .single-post h4.elementor-heading-title {

        font-size: 23px !important;
    }


    /* ------------------------------------------------------
       WORDPRESS EMBEDS
       ------------------------------------------------------ */

    .single-post .wp-block-embed,
    .single-post .wp-block-embed__wrapper,

    .single-post .entry-content figure,
    .single-post .td-post-content figure,

    .single-post .entry-content iframe,
    .single-post .td-post-content iframe {

        width: 100% !important;

        max-width: 100% !important;

        min-width: 0 !important;
    }


    /* ------------------------------------------------------
       GOOGLE MAPS
       ------------------------------------------------------ */

    .single-post iframe[src*="google.com/maps"],
    .single-post iframe[src*="google.com/maps/d"],
    .single-post iframe[src*="googleusercontent.com/maps"],
    .single-post iframe[src*="maps.google"] {

        height: 430px !important;

        min-height: 430px !important;

        margin-top: 30px !important;

        margin-bottom: 30px !important;
    }


    /* ------------------------------------------------------
       GRÁFICOS
       ------------------------------------------------------ */

    .single-post iframe[src*="datawrapper"],
    .single-post iframe[src*="flourish"],
    .single-post iframe[src*="infogram"],
    .single-post iframe[src*="tableau"],
    .single-post iframe[src*="arcgis"] {

        min-height: 420px !important;

        margin-top: 30px !important;

        margin-bottom: 30px !important;
    }


    /* ------------------------------------------------------
       TWITTER / X
       ------------------------------------------------------ */

    .single-post .twitter-tweet,
    .single-post blockquote.twitter-tweet,

    .single-post iframe[id^="twitter-widget"],
    .single-post iframe[src*="twitter.com"],
    .single-post iframe[src*="platform.twitter"],
    .single-post iframe[src*="x.com"] {

        width: 100% !important;

        max-width: 100% !important;
    }


    /* ------------------------------------------------------
       PIE DE FOTO
       ------------------------------------------------------ */

    .single-post .entry-content figcaption,
    .single-post .td-post-content figcaption {

        font-size: 14px !important;

        line-height: 1.4 !important;
    }


    /* ------------------------------------------------------
       CITAS
       ------------------------------------------------------ */

    .single-post .entry-content blockquote,
    .single-post .td-post-content blockquote {

        font-size: 21px !important;

        padding-left: 18px !important;
    }


    /* ------------------------------------------------------
       ELEMENTOR
       ------------------------------------------------------ */

    .single-post
    .elementor-widget-text-editor
    .elementor-widget-container {

        max-width: 100% !important;
    }


    .single-post .elementor-widget-image,
    .single-post .elementor-widget-video,
    .single-post .elementor-widget-html,
    .single-post .elementor-widget-shortcode {

        max-width: 100% !important;
    }

}


/* ==========================================================
   TELÉFONOS PEQUEÑOS
   ========================================================== */

@media only screen and (max-width: 480px) {


    .single-post .td-main-content-wrap,
    .single-post .td-main-content {

        padding-left: 15px !important;
        padding-right: 15px !important;
    }


    .single-post h1,
    .single-post h1.entry-title,
    .single-post .td-post-title .entry-title,
    .single-post .tdb-title-text {

        font-size: 32px !important;
    }


    .single-post iframe[src*="google.com/maps"],
    .single-post iframe[src*="google.com/maps/d"],
    .single-post iframe[src*="googleusercontent.com/maps"],
    .single-post iframe[src*="maps.google"] {

        height: 390px !important;

        min-height: 390px !important;
    }

}


/* ==========================================================
   FORZAR MODO CLARO
   ========================================================== */

@media (prefers-color-scheme: dark) {


    html,
    body,
    body.single-post,
    .single-post,
    .single-post .td-main-page-wrap,
    .single-post .td-main-content-wrap,
    .single-post .td-main-content,
    .single-post .td-container,
    .single-post article,
    .single-post .td-post-content,
    .single-post .entry-content {

        background: #ffffff !important;

        color: #222222 !important;
    }


    .single-post h1,
    .single-post h2,
    .single-post h3,
    .single-post h4,
    .single-post h5,
    .single-post h6,
    .single-post p,
    .single-post li {

        color: #222222 !important;
    }

}
.single-post .elementor-heading-title,
.page .elementor-heading-title {
    font-family: "Inter", Arial, sans-serif !important;
}

/* ==========================================================
   FIN
   REPORTEROS DE INVESTIGACIÓN