/* CSS */
/* LISTADO PUBLICACIONES */
div.listado-publicaciones{
    padding:0;
}
    div.listado-publicaciones>h1{
        color:#083c6d;
        font-family:var(--tipografia-001);
        font-size:48pt;
        font-weight:900;
        padding:0 0 30px;
        text-align:center;
        text-transform:uppercase;
    }
    div.listado-publicaciones>ul{
        font-size:0;
        list-style:none;
        text-align:center;
    }
        div.listado-publicaciones>ul>li{
            display:inline-block;
            margin:0;
            padding:0;
            vertical-align:top;
            width:25%;
        }
            div.listado-publicaciones>ul>li>div{
                padding:15px 10px;
            }
                div.listado-publicaciones>ul>li>div>a{
                    display:block;
                    margin:0;
                    padding:0;
                    text-decoration:none;
                }
                    div.listado-publicaciones>ul>li>div>a>div:first-child{
                        border:1px solid #c1c1c1;
                        border-radius:6px;
                        padding:5px;
                    }
                        div.listado-publicaciones>ul>li>div>a>div:first-child>div{
                            border-radius:3px;
                            overflow:hidden;
                            padding-bottom:100%;
                            position:relative;
                            z-index:1;
                        }
                            div.listado-publicaciones>ul>li>div>a>div:first-child>div>img{
                                border-width:0;
                                left:0;
                                position:absolute;
                                top:0;
                                width:100%;
                                z-index:1;
                            }
                    div.listado-publicaciones>ul>li>div>a:hover>div:first-child{
                        border-color:#fb5e06;
                    }
                    div.listado-publicaciones>ul>li>div>a>h3{
                        color:#5f81a3;
                        font-family:var(--tipografia-001);
                        font-size:15pt;
                        font-weight:900;
                        padding:15px 0 5px;
                        text-align:left;
                        text-transform:uppercase;
                    }
                    div.listado-publicaciones>ul>li>div>a:hover>h3{
                        color:#fb5e06;
                    }
                    div.listado-publicaciones>ul>li>div>a>span{
                        border-bottom:1px dashed #c1c1c1;
                        color:#7b7b7b;
                        display:block;
                        font-family:'Fira Sans', sans-serif;
                        font-size:9pt;
                        font-weight:300;
                        letter-spacing:-0.03em;
                        line-height:1.5em;
                        margin-bottom:10px;
                        padding:0 0 7px;
                        text-align:left;
                    }
                    div.listado-publicaciones>ul>li>div>a>p{
                        color:#525252;
                        font-family:'Fira Sans', sans-serif;
                        font-size:12pt;
                        font-weight:300;
                        letter-spacing:-0.03em;
                        line-height:1.5em;
                        padding:5px 0;
                        text-align:left;
                    }
                    div.listado-publicaciones>ul>li>div>a>i{
                        border-top:1px dashed #c1c1c1;
                        color:#898989;
                        display:block;
                        font-family:'Fira Sans', sans-serif;
                        font-size:7pt;
                        font-style:normal;
                        font-weight:400;
                        letter-spacing:-0.03em;
                        margin:10px 0 0;
                        padding:10px 0 0;
                        text-align:left;
                        text-transform:uppercase;
                    }
                    div.listado-publicaciones>ul>li>div>a>div:last-child{
                        display:table;
                        width:100%;
                    }
                        div.listado-publicaciones>ul>li>div>a>div:last-child>div{
                            display:table-row;
                        }
                            div.listado-publicaciones>ul>li>div>a>div:last-child>div>div{
                                display:table-cell;
                                vertical-align:middle;
                            }
                                div.listado-publicaciones>ul>li>div>a>div:last-child>div>div>div{
                                    padding:7px 0;
                                }
                                div.listado-publicaciones>ul>li>div>a>div:last-child>div>div:first-child{
                                    width:12.5%;
                                }
                                    div.listado-publicaciones>ul>li>div>a>div:last-child>div>div:first-child>div>div{
                                        background-color:#fff;
                                        border:1px solid #a5a5a5;
                                        border-radius:50%;
                                        overflow:hidden;
                                        padding-bottom:100%;
                                        position:relative;
                                        width:100%;
                                        z-index:1;
                                    }
                                        div.listado-publicaciones>ul>li>div>a>div:last-child>div>div:first-child>div>div>div{
                                            border-radius:50%;
                                            left:8%;
                                            overflow:hidden;
                                            padding-bottom:84%;
                                            position:absolute;
                                            top:8%;
                                            width:84%;
                                            z-index:1;
                                        }
                                            div.listado-publicaciones>ul>li>div>a>div:last-child>div>div:first-child>div>div>div>img{
                                                border-width:0;
                                                display:block;
                                                position:absolute;
                                                width:100%;
                                                z-index:1;
                                            }
                                    div.listado-publicaciones>ul>li>div>a>div:last-child>div>div:last-child>div{
                                        padding:0;
                                        text-align:left;
                                    }
                                        div.listado-publicaciones>ul>li>div>a>div:last-child>div>div:last-child>div>span{
                                            border-left:1px solid #fff;
                                            color:#272727;
                                            display:inline-block;
                                            font-family:'Fira Sans', sans-serif;
                                            font-size:8pt;
                                            font-weight:300;
                                            letter-spacing:-0.03em;
                                            line-height:1.5em;
                                            margin-left:6px;
                                            padding-left:0px;
                                            transition:padding 0.2s, border-left-color 0.2s, border-left-width 0.2s;
                                            -ms-transition:padding 0.2s, border-left-color 0.2s, border-left-width 0.2s;
                                            -moz-transition:padding 0.2s, border-left-color 0.2s, border-left-width 0.2s;
                                            -o-transition:padding 0.2s, border-left-color 0.2s, border-left-width 0.2s;
                                            -webkit-transition:padding 0.2s, border-left-color 0.2s, border-left-width 0.2s;
                                        }
                                        div.listado-publicaciones>ul>li>div>a:hover>div:last-child>div>div:last-child>div>span{
                                            padding-left:3px;
                                            border-left-color:#c5c5c5;
                                            border-left-width:15px;
                                        }
/* LISTADO PÁGINAS */
div.listado-paginas{
    padding:0;
}
    div.listado-paginas>ul{
        font-size:0;
        list-style:none;
        padding:30px 20px;
        text-align:center;
    }
        div.listado-paginas>ul:before{
            border-top:2px solid #adadad;
            content:'';
            display:block;
            font-size:0;
            margin:0 auto;
            padding:0 0 50px;
            width:60px;
        }
        div.listado-paginas>ul>li{
            display:inline-block;
            padding:4px;
        }
            div.listado-paginas>ul>li>a,
            div.listado-paginas>ul>li>span{
                background-color:#fff;
                border:1px solid #083c6d;
                border-radius:50%;
                display:block;
                height:30px;
                overflow:hidden;
                text-decoration:none;
                width:30px;
            }
            div.listado-paginas>ul>li>span{
                border-color:#adadad;
            }
            div.listado-paginas>ul>li>a:hover{
                border-color:#fb5e06;
            }
                div.listado-paginas>ul>li i{
                    color:#083c6d;
                    display:inline-block;
                    font-family:'Fira Sans', sans-serif;
                    font-size:12pt;
                    font-style:normal;
                    font-weight:400;
                    padding-top:18%;
                }
                div.listado-paginas>ul>li>a:hover>i{
                    color:#fb5e06;
                }
                div.listado-paginas>ul>li>span>i{
                    color:#878787;
                }
/* CONTENIDO ARTÍCULOS */
div.contenido-articulo{
    background-color:#fff;
    padding:120px 0 30px;
}
    div.contenido-articulo>div{
        margin:0 auto;
        width:980px;
    }
        div.contenido-articulo>div>div{
            padding:0 30px;
            text-align:left;
        }
            div.contenido-articulo>div>div>h1,
            div.contenido-articulo>div>div>h2,
            div.contenido-articulo>div>div>div[data-tipo="404"]>h1,
            div.contenido-articulo>div>div>div[data-tipo="404"]>h2{
                color:#083c6d;
                font-family:var(--tipografia-001);
                font-size:36pt;
                font-weight:600;
                letter-spacing:-0.02em;
                line-height:1.15em;
            }
            div.contenido-articulo>div>div>h2,
            div.contenido-articulo>div>div>div[data-tipo="404"]>h2{
                color:#fb5e06;
                font-size:26pt;
                font-weight:400;
                padding:5px 0 0;
            }
            div.contenido-articulo>div>div>h2{
                padding-bottom:20px;
            }
            div.contenido-articulo>div>div>span[data-tipo="fecha"],
            div.contenido-articulo>div>div>span[data-tipo="fecha-edicion"]{
                color:#878787;
                display:block;
                font-family:'Fira Sans', sans-serif;
                font-size:8pt;
                font-weight:300;
                padding:0 0 15px;
            }
            div.contenido-articulo>div>div>span[data-tipo="fecha"]{
                color:#787878;
                font-size:10pt;
                padding-bottom:0;
            }
            div.contenido-articulo>div>div>span[data-tipo="fecha-edicion"]{
                padding-top:3px;
            }
            div.contenido-articulo>div>div>div[data-tipo="imagen-principal"]{
                border:1px solid #cfcfcf;
                border-radius:6px;
                font-size:0;
                margin:10px 0;
            }
                div.contenido-articulo>div>div>div[data-tipo="imagen-principal"]>div{
                    padding:5px;
                }
                    div.contenido-articulo>div>div>div[data-tipo="imagen-principal"]>div>div{
                        padding:0;
                    }
                        div.contenido-articulo>div>div>div[data-tipo="imagen-principal"]>div>div>img{
                            border-width:0;
                            display:none;
                            width:100%;
                        }
                        div.contenido-articulo>div>div>div[data-tipo="imagen-principal"]>div>div>img:first-child{
                            display:block;
                        }
                    div.contenido-articulo>div>div>div[data-tipo="imagen-principal"]>div>p{
                        background-color:#ebebeb;
                        color:#6a6a6a;
                        font-family:'Fira Sans', sans-serif;
                        font-size:10pt;
                        font-weight:300;
                        letter-spacing:-0.02em;
                        line-height:1.15em;
                        padding:12px;
                        text-align:center;
                    }
            div.contenido-articulo>div>div>div[data-tipo="cuerpo-articulo"],
            div.contenido-articulo>div>div>div[data-tipo="404"]>div[data-tipo="cuerpo-articulo"]{
                padding:10px 0;
            }
                div.contenido-articulo>div>div>div[data-tipo="cuerpo-articulo"]>p,
                div.contenido-articulo>div>div>div[data-tipo="404"]>div[data-tipo="cuerpo-articulo"]>p{
                    color:#525252;
                    font-family:'Fira Sans', sans-serif;
                    font-size:17pt;
                    font-weight:300;
                    letter-spacing:-0.02em;
                    line-height:1.25em;
                    padding:10px 0;
                }
                    div.contenido-articulo>div>div>div[data-tipo="cuerpo-articulo"]>p>a{
                        color:#083c6d;
                        font-family:'Fira Sans', sans-serif;
                        font-size:inherit;
                        font-weight:300;
                        text-decoration:underline;
                        word-break:break-all;
                    }
                    div.contenido-articulo>div>div>div[data-tipo="cuerpo-articulo"]>p>a:hover{
                        border-bottom-color:#fb5e06;
                        color:#fb5e06;
                    }
                div.contenido-articulo>div>div>div[data-tipo="cuerpo-articulo"]>h4{
                    color:#083c6d;
                    font-family:'Fira Sans', sans-serif;
                    font-size:17pt;
                    font-weight:300;
                    letter-spacing:-0.02em;
                    line-height:1.25em;
                    padding:40px 0 0;
                    text-transform:uppercase;
                }
                    div.contenido-articulo>div>div>div[data-tipo="cuerpo-articulo"]>h4:before{
                        border-top:1px solid #cfcfcf;
                        content:'';
                        display:block;
                        font-size:0;
                        margin-bottom:45px;
                    }
                div.contenido-articulo>div>div>div[data-tipo="cuerpo-articulo"]>ul{
                    list-style:circle;
                    padding:0 0 20px 24px;
                }
                    div.contenido-articulo>div>div>div[data-tipo="cuerpo-articulo"]>ul>li{
                        color:#777;
                        padding:3px 0;
                    }
                        div.contenido-articulo>div>div>div[data-tipo="cuerpo-articulo"]>ul>li>a{
                            color:#777;
                            font-family:'Fira Sans', sans-serif;
                            font-size:17pt;
                            font-weight:300;
                            letter-spacing:-0.02em;
                            line-height:1.25em;
                            text-decoration:none;
                        }
                        div.contenido-articulo>div>div>div[data-tipo="cuerpo-articulo"]>ul>li>a:hover{
                            color:#fb5e06;
                        }
            div.contenido-articulo>div>div>div[data-tipo="regresa-portada"],
            div.contenido-articulo>div>div>div[data-tipo="404"]>div[data-tipo="regresa-portada"]{
                font-size:0;
                padding:30px 0 50px;
                text-align:center;
            }
                div.contenido-articulo>div>div>div[data-tipo="regresa-portada"]>a,
                div.contenido-articulo>div>div>div[data-tipo="404"]>div[data-tipo="regresa-portada"]>a{
                    background-color:#fff;
                    border:1px solid #fb5e06;
                    border-radius:6px;
                    color:#fb5e06;
                    display:inline-block;
                    font-family:var(--tipografia-001);
                    font-size:12pt;
                    font-weight:300;
                    margin:5px;
                    padding:8px 9px 9px 4px;
                    text-decoration:none;
                }
                div.contenido-articulo>div>div>div[data-tipo="regresa-portada"]>a{
                    padding:8px 9px 9px 8px;
                }
                div.contenido-articulo>div>div>div[data-tipo="regresa-portada"]>a:hover,
                div.contenido-articulo>div>div>div[data-tipo="404"]>div[data-tipo="regresa-portada"]>a:hover{
                    background-color:#fb5e06;
                    color:#fff;
                }
                    /*div.contenido-articulo>div>div>div[data-tipo="regresa-portada"]>a:before,*/
                    div.contenido-articulo>div>div>div[data-tipo="404"]>div[data-tipo="regresa-portada"]>a:before{
                        border:4px solid #fff;
                        border-right-color:#fb5e06;
                        content:'';
                        display:inline-block;
                        font-size:0;
                        margin-right:3px;
                        margin-bottom:2px;
                        vertical-align:baseline;
                    }
                    div.contenido-articulo>div>div>div[data-tipo="regresa-portada"]>a:hover:before,
                    div.contenido-articulo>div>div>div[data-tipo="404"]>div[data-tipo="regresa-portada"]>a:hover:before{
                        border-color:#fb5e06;
                        border-right-color:#fff;
                    }
            /* 404 */
            div.contenido-articulo>div>div>div[data-tipo="404"]>h1,
            div.contenido-articulo>div>div>div[data-tipo="404"]>h2{
                font-size:121pt;
                text-align:center;
            }
            div.contenido-articulo>div>div>div[data-tipo="404"]>h2{
                font-size:38pt;
            }
            div.contenido-articulo>div>div>div[data-tipo="404"]>div[data-tipo="cuerpo-articulo"]>p{
                font-size:15pt;
                text-align:center;
            }
            div.contenido-articulo>div>div>div[data-tipo="404"]>div[data-tipo="regresa-portada"]{
                text-align:center;
            }
/* DATA EDITOR */
div.ARTICULO-data-editor{
    padding:30px 0;
    text-align:center;
}
    div.ARTICULO-data-editor:before,
    div.ARTICULO-data-editor:after{
        border-bottom:3px solid #d2d2d2;
        content:'';
        display:block;
        font-size:0;
        margin:30px auto;
        width:60px;
    }
    div.ARTICULO-data-editor>span{
        color:#939393;
        display:block;
        font-family:'Fira Sans', sans-serif;
        font-size:8pt;
        letter-spacing:-0.04em;
        padding:7px 0 10px;
        text-decoration:none;
        text-transform:uppercase;
    }
    div.ARTICULO-data-editor>div{
        border:1px solid #083c6d;
        border-radius:50%;
        height:55px;
        margin:10px auto;
        width:55px;
    }
        div.ARTICULO-data-editor>div>div{
            border-radius:50%;
            font-size:0;
            margin:7%;
            overflow:hidden;
        }
            div.ARTICULO-data-editor>div>div>img{
                border-width:0;
                display:block;
                width:100%;
            }
    div.ARTICULO-data-editor>p,
    div.ARTICULO-data-editor>p>a{
        color:#083c6d;
        font-family:var(--tipografia-001);
        font-size:12pt;
        font-weight:400;
        letter-spacing:-0.02em;
    }
    div.ARTICULO-data-editor>p{
        padding-bottom:0;
        line-height:1.2em;
    }
        div.ARTICULO-data-editor>p>a{
            color:#525252;
            font-family:'Fira Sans', sans-serif;
            font-size:11pt;
            letter-spacing:-0.04em;
            text-decoration:none;
            word-break:break-all;
        }
    div.ARTICULO-data-editor>ul{
        list-style:none;
        margin:0 auto;
        padding:7px 0;
        width:270px;
    }
        div.ARTICULO-data-editor>ul>li{
            display:inline-block;
            padding:3px;
        }
            div.ARTICULO-data-editor>ul>li>a{
                border:1px solid #6f6f6f;
                border-radius:50%;
                display:block;
                font-size:0;
                height:26px;
                overflow:hidden;
                text-decoration:0;
                width:26px;
            }
                div.ARTICULO-data-editor>ul>li>a>span{
                    display:block;
                    padding:3px;
                }
                    div.ARTICULO-data-editor>ul>li>a>span>img{
                        display:block;
                        width:100%;
                    }
/* =========

RESPONSIVO

========= */
@media screen and (max-width:1000px){
    div.contenido-articulo>div{
        margin:0 0;
        width:auto;
    }
}

@media screen and (max-width:840px){
    div.listado-publicaciones>ul>li{
        width:33.33%;
    }
}

@media screen and (max-width:620px){
    div.listado-publicaciones>h1{
        font-size:36pt;
    }
    div.listado-publicaciones>ul>li{
        width:50%;
    }
}

@media screen and (max-width:500px){
    div.contenido-articulo{
        padding:100px 0 30px;
    }
        div.contenido-articulo>div>div{
            padding:0 20px;
        }
            div.contenido-articulo>div>div>div[data-tipo="imagen-principal"]>div>div>img:first-child{
                display:none;
            }
            div.contenido-articulo>div>div>div[data-tipo="imagen-principal"]>div>div>img:first-child+img{
                display:block;
            }
}

@media screen and (max-width:440px){
    div.listado-publicaciones>h1{
        font-size:28pt;
    }
    div.listado-publicaciones>ul>li{
        display:block;
        width:auto;
    }
        div.listado-publicaciones>ul>li>div>a>div:first-child>div{
            padding-bottom:56.25%;
        }
            div.listado-publicaciones>ul>li>div>a>div:first-child>div>img{
                top:calc(0px - 41%);
            }
}

@media screen and (max-width:390px){
    div.contenido-articulo{
        padding:90px 0 30px;
    }
        div.contenido-articulo>div>div>div[data-tipo="imagen-principal"]>div>div>img:first-child+img{
            display:none;
        }
        div.contenido-articulo>div>div>div[data-tipo="imagen-principal"]>div>div>img:last-child{
            display:block;
        }
}

@media screen and (max-width:320px){
    div.ARTICULO-data-editor>ul{
        width:auto;
    }
}