@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-color: #ffffff !important;
    color: #222222 !important;
}


/* ==================================================
   ENCABEZADO PC Y MÓVIL
================================================== */

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;
}


/* ==================================================
   NOMBRE DEL SITIO / LOGO EN ANTON
================================================== */

.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;
}


/* Iconos del encabezado */

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


/* Eliminar capas oscuras */

.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 DE LA NOTA
================================================== */

.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;
}


/* ==================================================
   TITULARES EN INTER
================================================== */

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;
    font-weight: 900 !important;
    color: #111111 !important;
    text-shadow: none !important;
}


/* Titular principal */

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


/* Subtítulos internos */

.single-post h2 {
    font-size: 34px !important;
    line-height: 1.25 !important;
}

.single-post h3 {
    font-size: 28px !important;
    line-height: 1.3 !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 EN ROBOTO 22 PX
================================================== */

.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;
    hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    word-break: normal;
}


/* Bajada o subtítulo de la nota */

.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;
}


/* Enlaces del contenido */

.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;
}


/* ==================================================
   MENÚ LATERAL MÓVIL
================================================== */

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

    /* Parte superior del menú móvil */

    .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;
    }


    /* Texto MENU y botón X */

    .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;
    }


    /* Fondo rojo del listado */

    .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;
    }


    /* Letras y flechas blancas */

    .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;
    }


    /* Buscador */

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


    /* Titular principal móvil */

    .single-post h1,
    .single-post h1.entry-title,
    .single-post .entry-title,
    .single-post .tdb-title-text {
        font-size: 38px !important;
        line-height: 1.12 !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: 22px !important;
        line-height: 1.7 !important;
    }
}