body {
    color: #222;
    font-family: "Open Sans", sans-serif;
}

#post .post .post-date {
    color: #334155;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
}
#post .post .post-title {
    font-family: "Open Sans", sans-serif;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    margin-bottom: 20px; 
}
.post .post-content {
    font-family: "Open Sans", sans-serif;
}

.post .post-content .lee-tambien-bbcl .lee-tambien-titulo {
    color: #1E40AF;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 8px;
    font-weight: 700;
}

.realtime-article-title[data-v-816ebc16] { 
    font-family: "Open Sans", sans-serif; 
}

.related-articles .article .article-title {
    color: #334155; 
    font-family: "Open Sans", sans-serif; 
}

#post .post .post-related .post-related-title { 
    color: #1E40AF;
}   

#post .section-realtime .section-title { 
    text-transform: uppercase;
}


/* movil  */
#post .post .post-visits-social-container .post-social-container .fb {
    background-color: #3a5998;
}

#post .post .post-visits-social-container .post-social-container .tw {
    background-color: #171819;
}

#post .post .post-visits-social-container .post-social-container .wsp {
    background-color: #12c853;
}

#post .post .post-visits-social-container .post-social-container .link {
    background-color: #8899a6;
}

#post .post .post-visits-social-container .post-social-container a {
    display: flex;
}

#post .post .post-visits-social-container .post-social-container .fb,
#post .post .post-visits-social-container .post-social-container .tw,
#post .post .post-visits-social-container .post-social-container .wsp,
#post .post .post-visits-social-container .post-social-container .link {
    align-items: center;
    border-radius: 50%;
    display: flex;
    font-size: 21px;
    height: 45px;
    justify-content: center;
    margin: 0 0 10px;
    width: 45px;

}

#post .post .post-visits-social-container .post-social-container .fb a,
#post .post .post-visits-social-container .post-social-container .tw a,
#post .post .post-visits-social-container .post-social-container .wsp a,
#post .post .post-visits-social-container .post-social-container .link a {
    color: #ffffff;

}

#post .post .post-visits-social-container .post-social-container .fa-link {
    color: #ffffff;

}

.autor-opinion .informacion{
    font-family: "Open Sans", sans-serif;
    letter-spacing: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#post .post .post-title {
    font-family: "Open Sans", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 20px;
}

#post .post .post-visits-social-container {
    background: linear-gradient( #0086ff) 0 0 /0px 3px no-repeat, linear-gradient(90deg, rgba(136, 153, 166, 0.3), rgba(136, 153, 166, 0.3)) center top 1px / 100% 1px no-repeat;
    align-items: center;
} 

.post .post-content p {
    font-size: 17px;
    font-weight: 400;
    line-height: 29px;
}

.post .post-content .lee-tambien-bbcl .lee-tambien-titulo:after {
    /* background-color: #CBD5E1; */
    content: "";
    display: block;
    height: 1px;
    width: 100%;
}

.post .post-content .lee-tambien-bbcl:after {
    /* background-color: #CBD5E1; */
    content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin-top: 10px
}

.post .post-content .lee-tambien-bbcl {
    background: 0;
    margin: 10px -16px 10px;
}

.section .section-title:before {
    background: #1E40AF;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    margin-left: 10px;
    width: 95%;
}

.post .post-category:before {
    margin-bottom: 17px;
    background-color: #1E40AF;
    content: "";
    display: block;
    height: 1px;
    width: 100vw;
    margin-left: -32px;

}
.section.section-realtime .section-body .realtime .realtime-article-link:before{
    margin-bottom: 17px;
    /* background-color: #CBD5E1; */
    content: "";
    display: block;
    height: 1px;
    width: 100%; 
}
.section.section-realtime .section-body .realtime .realtime-article-link:after{
    /* background-color: #CBD5E1; */
    content: "";
    display: block;
    height: 1px;
    width: 100%; 
} 
.dark-mode.dark-mode .section .section-title:before {
    background: #38BDF8;
    height: 2px;
}

.dark-mode.dark-mode .post .post-category:before {
    background-color: #38BDF8;
    height: 2px;
}

.dark-mode.dark-mode .post .post-content .lee-tambien-bbcl .lee-tambien-titulo:after {
    background-color: #334155;
}

.dark-mode.dark-mode .post .post-content .lee-tambien-bbcl:after {
    background-color: #334155; 
}
.dark-mode.dark-mode#post .post .post-category {
    color: #38BDF8;
}

@media (min-width: 992px) {
    .post .post-content .lee-tambien-bbcl .lee-tambien-caja .lee-tambien-titular {
        font-weight: 700;
        font-size: 16px;
        line-height: 20px;
        padding-left: 10px;
    }
    #post .post .post-social-container {
        display: block;
        margin-left: 0;
        margin-right: 30px;
        max-width: 45px;
        order: 0;
        position: sticky;
        top: 60px;
        width: 100%;
        height: 220px;
    }
    .container-redes-contenido {
        display: flex;
    }
        /* escritorio  */
    #post .post .container-redes-contenido .post-social-container .fb {
        background-color: #3a5998;
    }

    #post .post .container-redes-contenido .post-social-container .tw {
        background-color: #171819;
    }
    #post .post .container-redes-contenido .post-social-container .wsp {
        background-color: #12c853;
    }

    #post .post .container-redes-contenido .post-social-container .link {
        background-color: #8899a6;
    }

    #post .post .container-redes-contenido .post-social-container a {
        display: flex;
    }
    #post .post .container-redes-contenido .post-social-container .fb,
    #post .post .container-redes-contenido .post-social-container .tw,
    #post .post .container-redes-contenido .post-social-container .wsp,
    #post .post .container-redes-contenido .post-social-container .link {
        align-items: center;
        border-radius: 50%;
        display: flex;
        font-size: 21px;
        height: 45px;
        justify-content: center;
        margin: 0 0 10px;
        width: 45px;

    }
    #post .post .container-redes-contenido .post-social-container .fb a,
    #post .post .container-redes-contenido .post-social-container .tw a,
    #post .post .container-redes-contenido .post-social-container .wsp a,
    #post .post .container-redes-contenido .post-social-container .link a {
        color: #ffffff;
    }

    .related-articles>:last-child:after {
        background: linear-gradient(180deg, #CBD5E1, #cbd5e100);
    }
    .related-articles>:before { 
        border: 0px solid #1E40AF;
        background: #1E40AF; 
    }
    .section:before {
        margin-top: 35px;
        background-color: #1E40AF;
        content: none;
        display: block;
        height: 1px;
        margin-left: 14px;
        width: 97%;
    }
    .post .post-category:before {
        margin-bottom: 17px;
        background-color: #1E40AF;
        content: "";
        display: block;
        height: 1px;
        width: 100%;
        margin-left: 0;
    }
    #post .infinite-scroll-post-container { 
        padding-top: 0px; 
    }
    #post .post .post-title {
        font-family: "Open Sans", sans-serif;
        font-size: 36px; 
        line-height: 40px; 
    }
    .dark-mode.dark-mode #post .post .post-related .post-related-title {
        color: #38BDF8;
    }
    .dark-mode.dark-mode #post .post .post-title{
        color: #FFFFFF;
    }
    .dark-mode.dark-mode#post .post .post-category {
        border-color: #334155;
    }
    .dark-mode.dark-mode#post .post .post-category:before { 
        background-color: #38BDF8; 
    }
    .dark-mode.dark-mode#post .post .post-content .lee-tambien-bbcl .lee-tambien-titulo {
        color: #38BDF8;
    }
    .dark-mode.dark-mode .section:before {
        background-color: #38BDF8;
    }
    .dark-mode.dark-mode .related-articles>:before { 
        background: #38BDF8;
    }
    .section .section-title:before {
        content: none;
    }
}