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

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

html,
body {
    background: #ffffff !important;
    color: #222222 !important;
    overflow-x: hidden;
}

/* ==================================================
   ENCABEZADO
================================================== */

header,
.td-header-wrap,
.td-header-template-wrap,
.tdb-header-template-wrap,
.td-header-mobile-wrap,
.tdb-mobile-header,
.tdb-mobile-header-wrap,
.td-header-menu-wrap,
.td-header-menu-wrap-full {
    background-color: #ffffff !important;
    background-image: none !important;
}

.tdb-logo-text,
.tdb-logo-text-title,
.td-header-logo a,
.tdb-logo a {
    font-family: "Anton", Impact, sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 1px !important;
    color: #000000 !important;
}

.td-header-wrap i,
.td-icon-search,
.td-icon-menu,
.td-mobile-menu-icon,
.tdb-mobile-menu-icon {
    color: #000000 !important;
    fill: #000000 !important;
}

.td-header-wrap::before,
.tdb-mobile-header::before,
.tdb-header-template-wrap::before {
    background: transparent !important;
    background-image: none !important;
}

/* ==================================================
   FONDO DE ENTRADAS Y PÁGINAS
================================================== */

.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-post-content,
.single-post .entry-content,
.page .td-main-content-wrap,
.page .entry-content {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* ==================================================
   BLOQUE DEL TÍTULO
================================================== */

.single-post .tdb_single_post_title,
.single-post .tdb_single_post_title .tdb-block-inner,
.single-post .tdb_single_post_share,
.single-post .tdb_single_post_share .tdb-block-inner,
.single-post .td-post-title,
.single-post .tdc-row,
.single-post .tdc-row-content,
.single-post .tdc-inner-columns {
    background-color: #ffffff !important;
    background-image: none !important;
}

/* ==================================================
   TIPOGRAFÍA DE TÍTULOS
================================================== */

h1,
h2,
h3,
h4,
h5,
h6,
.entry-title,
.entry-title a,
.tdb-title-text,
.td-module-title,
.td-module-title a {
    font-family: "Inter", sans-serif !important;
    color: #111111 !important;
    text-shadow: none !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

/* Título principal de la nota */

.single-post h1,
.single-post h1.entry-title,
.single-post .td-post-title .entry-title,
.single-post .tdb-title-text {
    font-size: 56px !important;
    line-height: 1.1 !important;
    font-weight: 900 !important;
    color: #000000 !important;
    text-align: left !important;
}

/* Subtítulos dentro de la nota */

.single-post .entry-content h2,
.single-post .td-post-content h2 {
    font-size: 34px !important;
    line-height: 1.25 !important;
    font-weight: 800 !important;
}

.single-post .entry-content h3,
.single-post .td-post-content h3 {
    font-size: 28px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
}

/* ==================================================
   FECHA, AUTOR Y CATEGORÍA
================================================== */

.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 {
    color: #555555 !important;
}

/* ==================================================
   TEXTO DEL ARTÍCULO
================================================== */

.single-post .td-post-content,
.single-post .entry-content,
.single-post .td-post-content p,
.single-post .entry-content p,
.single-post .td-post-content li,
.single-post .entry-content li,
.page .entry-content,
.page .entry-content p,
.page .entry-content li {
    font-family: "Roboto", sans-serif !important;
    font-size: 22px !important;
    line-height: 1.75 !important;
    color: #222222 !important;
    background-color: #ffffff !important;
    text-align: justify !important;
    text-justify: inter-word !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
}

.single-post .subtitle,
.single-post .post-subtitle,
.single-post .tdb_single_subtitle {
    font-family: "Roboto", sans-serif !important;
    font-size: 22px !important;
    line-height: 1.6 !important;
    color: #555555 !important;
    text-align: left !important;
}

.single-post .td-post-content a,
.single-post .entry-content a,
.page .entry-content a {
    color: #111111 !important;
    text-decoration: underline;
}

/* ==================================================
   ICONOS PARA COMPARTIR
================================================== */

.single-post .td-social-icon-wrap,
.single-post .td-social-icon-wrap i,
.single-post .tdb-social-item,
.single-post .tdb-social-item i {
    color: #000000 !important;
}

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

.single-post img,
.page img {
    max-width: 100% !important;
    height: auto !important;
}

/* ==================================================
   BARRA LATERAL EN PC Y MÓVIL
================================================== */

.td-main-sidebar .td-module-title,
.td-main-sidebar .td-module-title a,
.td-main-sidebar .entry-title,
.td-main-sidebar .entry-title a,
.td-main-sidebar .post-title,
.td-main-sidebar .post-title a,
.sidebar .td-module-title,
.sidebar .td-module-title a,
.sidebar .entry-title,
.sidebar .entry-title a,
.sidebar .post-title,
.sidebar .post-title a,
.widget .td-module-title,
.widget .td-module-title a,
.widget .entry-title,
.widget .entry-title a,
.widget .post-title,
.widget .post-title a {
    font-family: "Inter", sans-serif !important;
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    color: #111111 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

/* Evita columnas demasiado estrechas */

.sidebar,
.td-main-sidebar,
.widget {
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
}

/* ==================================================
   ARTÍCULOS RELACIONADOS
================================================== */

.related-posts .td-module-title,
.related-posts .td-module-title a,
.related-posts .entry-title,
.related-posts .entry-title a,
.related-posts .post-title,
.related-posts .post-title a,
.related-posts article h2,
.related-posts article h2 a,
.related-posts article h3,
.related-posts article h3 a,
.related-posts article h4,
.related-posts article h4 a,
.td-related-title,
.td-related-title a,
.td-related-span4 .entry-title,
.td-related-span4 .entry-title a,
.td_block_related_posts .td-module-title,
.td_block_related_posts .td-module-title a {
    font-family: "Inter", sans-serif !important;
    font-size: 20px !important;
    line-height: 1.3 !important;
    font-weight: 800 !important;
    color: #111111 !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    hyphens: none !important;
}

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

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

    .td-mobile-container .td-mobile-content-header,
    .td-mobile-container .td-mobile-close,
    .td-mobile-container .td-mobile-close-wrap {
        background-color: #ffffff !important;
        background-image: none !important;
    }

    .td-mobile-container .td-mobile-content-header,
    .td-mobile-container .td-mobile-close,
    .td-mobile-container .td-mobile-close a,
    .td-mobile-container .td-mobile-close span,
    .td-mobile-container .td-icon-close-mobile {
        color: #000000 !important;
    }

    .td-mobile-container .td-mobile-content,
    .td-mobile-container .td-mobile-main-menu,
    .td-mobile-container .menu-main-menu-container {
        background-color: #94001f !important;
        background-image: none !important;
    }

    .td-mobile-container .td-mobile-main-menu a,
    .td-mobile-container .td-mobile-main-menu li,
    .td-mobile-container .td-mobile-main-menu span,
    .td-mobile-container .td-icon-menu-right,
    .td-mobile-container .td-icon-read-down {
        color: #ffffff !important;
    }

    .td-mobile-container input[type="text"],
    .td-mobile-container input[type="search"] {
        background-color: #ffffff !important;
        color: #111111 !important;
    }

    /* Título principal móvil */

    .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.15 !important;
        text-align: left !important;
    }

    /* Texto móvil */

    .single-post .td-post-content,
    .single-post .entry-content,
    .single-post .td-post-content p,
    .single-post .entry-content p,
    .single-post .td-post-content li,
    .single-post .entry-content li {
        font-size: 19px !important;
        line-height: 1.65 !important;
        text-align: left !important;
    }

    /* Subtítulos móviles */

    .single-post .entry-content h2,
    .single-post .td-post-content h2 {
        font-size: 27px !important;
        line-height: 1.25 !important;
    }

    .single-post .entry-content h3,
    .single-post .td-post-content h3 {
        font-size: 23px !important;
        line-height: 1.3 !important;
    }

    /* Barra lateral móvil */

    .td-main-sidebar .td-module-title,
    .td-main-sidebar .td-module-title a,
    .td-main-sidebar .entry-title,
    .td-main-sidebar .entry-title a,
    .td-main-sidebar .post-title,
    .td-main-sidebar .post-title a,
    .sidebar .td-module-title,
    .sidebar .td-module-title a,
    .sidebar .entry-title,
    .sidebar .entry-title a,
    .sidebar .post-title,
    .sidebar .post-title a,
    .widget .td-module-title,
    .widget .td-module-title a {
        font-size: 17px !important;
        line-height: 1.3 !important;
    }

    /* Artículos relacionados móvil */

    .related-posts .td-module-title,
    .related-posts .td-module-title a,
    .related-posts .entry-title,
    .related-posts .entry-title a,
    .related-posts .post-title,
    .related-posts .post-title a,
    .related-posts article h2,
    .related-posts article h2 a,
    .related-posts article h3,
    .related-posts article h3 a,
    .related-posts article h4,
    .related-posts article h4 a,
    .td-related-title,
    .td-related-title a,
    .td-related-span4 .entry-title,
    .td-related-span4 .entry-title a,
    .td_block_related_posts .td-module-title,
    .td_block_related_posts .td-module-title a {
        font-size: 18px !important;
        line-height: 1.3 !important;
    }
}