article.post-media a:first-of-type img {
    position: relative;
    z-index: 1
}
@media (max-width: 767px) {
article.post-media a:first-of-type img {
    position: relative;
    z-index: 1
}
}
.sfuente {
    display: none!important
}

.masonry-box img {
    width: 123px;
    height: 20px;
    min-height: 20px;
}

.masonry-box img{
    object-fit:cover;
    object-position:50% 50%;
}

.masonry-box {
    min-height: 40px;
    border-radius: 0px;
}

.img-fluida {
    position: absolute;
    top: 0;
    min-width: 140px;
    min-height: 90px;
}

.shadow-desc {
    top: 0px;
    left: 5px;
    padding-right: 4px;
    padding-top: 0;
}

.post-media {
    height: 100%;
}


@media (max-width: 1156px) {
    .small-box .shadow-desc h4 {
        font-size:14px
    }

    .mibloque {
        max-width: 900px
    }
}

@media (max-width: 1379px) and (min-width:989px) {
    .blog-meta small {
        font-size:12px
    }
}

@media (max-width: 1520px) and (min-width: 1350px) {
    .mibloque {
        max-width: 1000px;
        margin: auto;
        position: relative
    }
}

@media (min-width: 1720px) {
    .post-media {
        max-width:25%;
        min-width: 25%
    }

    .mibloque {
        max-width: 1100px;
        margin: auto;
        position: relative
    }

    .container-fluid {
        padding-right: 0;
        padding-left: 0
    }
}

@media (max-width: 1720px) and (min-width:1520px) {
    .mibloque {
        max-width:1100px;
        margin: auto;
        position: relative
    }

    .post-media {
        max-width: 33%;
        min-width: 33%
    }
}

@media (max-width: 1720px) and (min-width:1620px) {
    .mibloque {
        max-width:1100px;
        margin: auto;
        position: relative
    }
}

@media (max-width: 1367px) and (min-width: 900px) {
    .mibloque {
        max-width: 1050px;
        margin: auto;
        position: relative
    }
}

@media (min-width: 1900px) {
    .mibloque {
        max-width:1100px
    }
}

@media (max-width: 988px) {
    .post-media {
        max-width:100%;
        width: 100%
    }

    .search-form .btn:hover,.search-form .btn:focus,.search-form .btn {
        position: relative
    }

    .custombox .blog-list-widget,.custombox .blog-box {
        margin: 1rem 0
    }

    .mibloque {
        max-width: 100%;
        margin: auto;
        border-radius: 7px;
        margin-top: 14px;
    }
}


@media (prefers-color-scheme: dark) {
    body {
        background-color:#000
    }

    .section {
        background-color: #000
    }

    .shadow-desc {
        background: #000
    }

    .shadow-desc .blog-meta h4 a {
        color: #fff!important
    }

    .shadow-desc .blog-meta small::after,.shadow-desc .blog-meta a,.shadow-desc .blog-meta h4 a {
        color: #fff
    }

    .btnEditarNoticia {
        color: #FFF!important
    }
}

@media (min-width: 768px) {
    #preloader {
        left:0
    }
    
}

.btnEditarNoticia {
    display: none;
    float: right;
    margin-right: 15px;
    position: absolute;
    margin-top: 7px;
    z-index: 2;
    right: 0;
    color: #000
}
.faviconFuente {
    min-width: 28px;
    min-height: 28px;
    max-width: 28px;
    max-height: 28px;
    margin: 0;
    margin-left: 7px;
    border-radius: 50%
}

@media (max-width: 1366px) and (min-width:1250px) {
    .post-media {
        max-width:100%;
        min-width: 100%
    }
}

@media (max-width: 1250px) and (min-width:989px) {
    .post-media {
        max-width:100%;
        min-width: 100%
    }

    .mibloque {
        max-width: 100%;
    }
}

@media (max-width: 1250px) and (min-width:1150px) {
    .mibloque {
        max-width: 1000px;
    }
}

.shadow-desc .blog-meta h4 a {
    color: #000
}

@media (min-width: 769px) {
    .squareImage {
        object-fit:cover!important;
        object-position: 50% 15%
    }

    .portrait {
        object-fit: contain!important
    }

    .shadow-desc {
        background-color: #fff;
        background-size: cover;
        padding-left: 2%;
        padding-right: 5%;
        min-height: 100%
    }

    .masonry-box {
        border-bottom: 1px solid transparent!important;
        border-right: 10px solid transparent!important;
        padding-bottom: 26px;
        margin-top: 0px;
    }
}

@media (max-width: 988px) and (min-width:769px) {
    .shadow-desc {
        height:100%;
        left: 380px;
        top: 0;
        padding-right: 400px;
        padding-top: 0
    }

    .post-media {
        height: 100%
    }

    .descbot {
        margin-bottom: 13px
    }
}

@media (min-width: 769px) and (prefers-color-scheme:dark) {
    .shadow-desc {
        background-color:#000;
        background-image: none;
        padding-left: 2%;
        padding-right: 400px;
        padding-top: 0
    }

    .masonry-box {
        border-bottom: 1px solid transparent!important;
        border-right: 10px solid transparent!important;
        padding-bottom: 26px;
        margin-top: 0px;
    }

    .shadow-desc .blog-meta small::after,.shadow-desc .blog-meta h4 a {
        color: #FFF
    }
}

@media (prefers-color-scheme: light) {
    .cargandoMasNoticias img {
        width:65px
    }
}

@media (min-width: 1380px) {
    .post-media {
        max-width:100%;
        min-width: 100%
    }

    .post-media {
        height: 100%
    }

    .mibloque {
        max-width: 1050px;
    }

    .masonry-box img,.masonry-box {
        object-fit: cover
    }

    .shadow-desc {
        top: 0;
        left: 380px;
        padding-top: 0;
        padding-right: 400px
    }

    .masonry-box img {
        width: 380px;
        height: 169px
    }
}

@media (min-width: 1850px) {
    .post-media {
        max-width:100%;
        min-width: 100%
    }

    .post-media {
        height: 100%
    }

    .mibloque {
        max-width: 1100px
    }

    .masonry-box img,.masonry-box {
        object-fit: cover;
    }

    .shadow-desc {
        top: 0;
        left: 380px;
        padding-right: 400px
    }
}


@media (min-width: 1980px) {
    .post-media {
        max-width:100%;
        min-width: 100%
    }

    .post-media {
        height: 100%
    }

    .mibloque {
        max-width: 1100px
    }

    .masonry-box img,.masonry-box {
        object-fit: cover;
    }

    .shadow-desc {
        max-width: 100%;
        display: block
    }

    .masonry-box img {
        width: 380px;
        height: 169px
    }
}

.mibloque {
    width: 100%;
    background: #fff;
}


.shadow-desc .blog-meta small::after,.shadow-desc .blog-meta a {
    color: #949494
}

.shadow-desc .blog-meta small::after,.shadow-desc .blog-meta a:hover {
    color: #595858
}

@media (prefers-color-scheme: dark) {
    .shadow-desc .blog-meta small::after,.shadow-desc .blog-meta a {
        color:#cbcbcb
    }

    .shadow-desc .blog-meta small::after,.shadow-desc .blog-meta a:hover {
        color: #e8e8e8
    }
}


@media(min-width:768px){
    .post-media{
        height: 500px;
    }
    .img-fluida{
        position:relative;
    }

    .shadow-desc{
        top: 0;
        max-height: 100px;
    }
    .masonry-box img{
        width:380px;
        height:169px;
    }
}


@media (min-width:768px){
    
    .cat-links {
    font-size: 12px !important;
}

.blog-meta small{
    font-size: 12px;
}

article.post-media a:first-of-type img{
    position: relative;
    z-index:1
}
.sfuente{
    display:none!important
}
.masonry-box img{
    width: 345px;
    height: 205px;
}
.masonry-box img,.masonry-box{
      min-height: 175px;
      min-width: 290px;
}
.shadow-desc{
    top:194px
}
.post-media{
    height:500px
}

    .masonry-box:hover img{
        /*opacity:.95*/
    }
    .blog-meta h4 a{
        overflow:hidden;
        display:-webkit-box;
        -webkit-line-clamp:3;
        -webkit-box-orient:vertical;
        max-height:6.2em;
        text-overflow:ellipsis
    }

.faviconFuente{
    min-width:28px;
    min-height:28px;
    max-width:28px;
    max-height:28px;
    margin:0;
    margin-left:7px;
    border-radius:50%
}

    .squareImage{
        object-fit: fill!important;
        object-position:50% 15%
    }
    .portrait{
        object-fit:contain!important
    }
    .shadow-desc{
        background-size:cover;
        padding-left:2%;
        padding-right:5%;
        min-height:100%
    }
    .masonry-box{
        border:5px solid transparent!important;
        border-bottom: 1px solid #f3f3f3 !important;
        border-right:10px solid transparent!important;
        padding-bottom: 15px;
    }

    .shadow-desc {
        height: 100%;
        left: 290px;
        top: 0;
        padding-right: 325px;
        padding-top: 0;
    }
    .post-media{
        height:100%;
        margin-top: 15px;
        min-width: 100%;
        min-height: 200px;
    }
    .descbot{
        margin-bottom: 13px;
    }
}




/*Edicion*/
@media (max-width: 767px){
    .blog-meta h4{
        min-height: 0px;
    }
    .masonry-box .blog-meta h4 {
    padding: 0;
    padding-bottom: 1px;
}
    .blog-meta small{
        padding-top:0px;
    }
    .descripcion{
        margin-bottom: 13px;
        display: -webkit-box;
    }

    .descbot.tvl9dp6.tvl9dp0{
        position:relative;
        display: block;
        margin-top: 10px;
        margin-bottom: 5px;
    }

    .cat-links, .blog-meta small {
    font-size: 12px !important;
    }
    
    
    .post-media{
    display: flex;
    flex-direction: column-reverse;
    margin-bottom: 0px;
    border-bottom: 0px solid #f2f1f7;
    padding-bottom: 5px;
    padding-right: 0px;
    }

    .shadow-desc {
    }
    .img-fluida{
        left: 5px;
        top: 3px;
    }

img.img-fluida.portrait {
    object-fit: cover;
    object-position: 50% 25%;
}
}

@media (max-width: 767px) {
/*header {
   min-height: 100%;
}*/
.container-page{
    background: #f2f1f7;
}

    .container-fluid{
        margin-top:8px !important;
    }
}

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

    .mibloque {
    background: #000000;

    }

    .container-page{
    background: #000;
}
}
@media (prefers-color-scheme: dark) and (max-width: 767px) {
    .post-media {
        border-bottom: 1px solid #151515 !important;
    }
}
@media (prefers-color-scheme: dark) and (min-width: 768px) {
    .masonry-box{
        border-bottom: 1px solid #1a1a1a !important;
    }
}

@media(max-width: 767px) {
.first-section .container-fluid {
    padding: 0 0px;
}
.masonry-box img{
    object-fit:cover;
    object-position:50% 50%;
    min-height: auto;
    max-height: 100%;
    min-width: 100%;
    max-width: 100%;
}

    .shadow-desc{
        left: 0px;
        padding-left: 10px;
        padding-right: 5px;
    }
    
}

@media(min-width: 620px) and (max-width: 767px) {

    .shadow-desc{
        left: 0px;
        padding-left: 0px;
        padding-right: 5px;
    }
    
}