.titulo-region {
    text-align      : left;
    margin-bottom   : 15px;
    font-weight     : 100;
    display         : flex;
    justify-content : space-between;
    align-items     : center;
    background-color: rgba();
    padding-top     : 10px;
    padding-bottom  : 10px;
    background-image: none;
    border-top   : solid 2px var(--azul);
    margin-bottom: 30px;
}



.titulo-region:before,
.titulo-region:after {
    content         : "";
    height          : 6px;
    background-color: rgba(0, 0, 0, 0.70);
    flex            : 2 1 auto;
    background-image: none
}

.titulo-region:after,
.titulo-region:before {
    display: none;
}






.titulo-region h1, .titulo-region h2 {
    text-transform  : uppercase;
    color           : var(--azul);
    letter-spacing  : -0.3px;
    background-color: transparent;
    text-align      : center;
    font-size       : 1.3em;
    line-height     : 1em;
    padding-left    : 0;
    padding-right   : 0;
    font-weight     : 800;
    padding         : 0;
}

.titulo-region h2:after {
    display: none
}




.interna .volanta {
    font-weight: 500;
    font-size  : 1em;
}

#noticiaint,
.notaint p,
.notaint>* {    font-variant-ligatures: common-ligatures;}

#noticiaint,
.notaint p,
.notaint>* {
    font-size: 15px;
    line-height: 1.5em;
}



.notaint h2,
.notaint h3 {
    
    margin-bottom: .5em;
    margin-top   : 1.5em;
    font-size    : 1.4em;
    color        : var(--azul);
    font-weight  : 500;
}

.notaint h3 {
    font-size: 1.2em;
}


.notaint {
    max-width: none;
}

.notaint strong,
.contenedor-contacto strong {
    font-weight: 500;
    color      : #000;
}


.notaint a {
    color          : var(--rojo);
    text-decoration: underline;
}

.interna aside.relacionadas .relacionadas-titulo-gral  {
    font-weight: 500;
    color      : #000;
}

.interna aside.relacionadas {
    border-color: var(--complementario);
}


/* PAGINA BUSCAR */


#main-content .modulo_buscar * {
    font-family: inherit;
}

#main-content .modulo_buscar .titulo-pagina,
#main-content .modulo_buscar .article-bandera .titulo {

    
    font-weight                  : 700;
    -webkit-font-feature-settings: "liga"on, "calt"on;
    -webkit-font-smoothing       : antialiased;
    text-rendering               : optimizeLegibility;

}

#main-content .modulo_buscar .titulo-grupo,
#main-content #resultados .volanta {
    color      : var(--azul);
    font-weight: 500;
}


.alert-info {
    background: linear-gradient(181deg, rgb(205 220 249), rgb(234 240 251));
    border: none;
    border: solid 1px #c0cde9;
}

.tags-cloud .tag,
.tags-cloud header {
    font-weight: 400;
}

.tags-cloud header {
    background-color: var(--complementario)
}

.tags-cloud .tag {
    border-left: solid 2px var(--complementario)
}

.tags-cloud header:after {
    border-left-color: var(--complementario);
}

.interna aside.relacionadas.con-foto .item-foto:after {
    background-color: #000;
}



.interna .volanta,
.interna .bold,
.interna strong {
    font-weight: 500;
    color      : #000;
}

.interna .cuerpo-nota>p a {
    text-decoration: underline;
    color          : var(--complementario);
}

.interna .cuerpo-nota>p a:hover {
    background-color: var(--complementario-hover);
    color           : #fff;
}



.interna aside.relacionadas .relacionadas-titulo-gral ,
.tres-relacionadas .titulo-region h1, 
.tres-relacionadas .titulo-region h2 {
    font-size: 16px;
}



.tres-relacionadas .marcado {
    color: var(--complementario);
}



/* custom nota interna no amp 
----------------------------- */



.interna .zona-titulo .volanta{font-weight: normal;}

.interna aside.relacionadas .relacionadas-titulo-gral ,
.tres-relacionadas .titulo-region h1, 
.tres-relacionadas .titulo-region h2,
.interna aside.relacionadas.con-foto .item-tit,
.interna .titular{font-weight: 700;}


.tres-relacionadas .article-v2{background-color: transparent;}





.interna .fecha-y-seccion .seccion:before{margin-top: -2px;}




/* LOS H1, h2, h3 y h4 ======= */


.cuerpo-nota > h1,
.cuerpo-nota > h2,
.cuerpo-nota > h3,
.cuerpo-nota > h4 {
    color        : #000;
    font-weight: 500;
    margin-top: 1.5em;
    margin-bottom: .7em;
}



.cuerpo-nota>h1 {
    font-size: 1.5em;
    font-weight: 800;
    letter-spacing: -0.01em;
}

.cuerpo-nota>h2 {
    font-size: 1.3em;
    font-weight: 500;
    letter-spacing: -0.01em;
    position: relative;
    padding-top: .7em;
}

.cuerpo-nota>h2::before{
    content: "";
    display: block;
    width: 40px;
    height: 2px;
    background-color: var(--azul);
    position: absolute;
    top: 0;
    left: 0;
}


.cuerpo-nota>h3 {
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
}




.notaint  .jumbotron {background-color: #eaf0fb; padding: 45px 40px;}

.notaint  .jumbotron h2 {margin-top: 0; font-weight: 500; font-size: 2em;}

.notaint  .jumbotron p:last-child{margin-bottom: 0;}

@media screen and (min-width:768px){
    .notaint  .jumbotron p{font-size: 1.3em;}
}



/* directorio */


.directorio .row a{word-break: break-all;}
.directorio .row::after,
.directorio .row::before{display: none;}
.directorio .row{
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
    border-bottom: solid 1px #ccc;
    margin-bottom: 10px;
    padding-bottom: 30px;
}

@media screen and (max-width:768px){
    .directorio .row{
        display: flex;
        flex-direction: column;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
    .directorio .row h2{margin-top: 0;}
}



/* LISTADO COLUMNISTAS ======================================================================*/
/* ==========================================================================================*/
.listado_columnistas .card h2,
.listado_columnistas .card h3 {font-family: 'Playfair Display', serif; font-size: 1.35em;}


.listado_columnistas .card {transition: transform .15s ease-in-out;}
.listado_columnistas .card:hover {transform: scale(1.01); box-shadow: 0 0 22px -2px rgb(87 81 87 / 35%); z-index: 99;}
.listado_columnistas .card > a{color: #000;}

.listado_columnistas .card > a:hover h2{color: var(--rojo);}
.listado_columnistas .txt .dato-extra{color: rgb(50, 50, 50);}
.listado_columnistas .row{grid-gap: 20px;}
@media screen and (min-width:1024px){
    .listado_columnistas .foto{min-width: 90px;}
}


/* columnistas con nota */




.listado_columnistas.notas .card h2{font-family: 'Roboto', sans-serif; font-size:  .9em ; font-weight: 400; color: var(--rojo); margin-bottom: .5em; padding-bottom: .5em; border-bottom: dotted 1px #ccc;}
.listado_columnistas.notas .card h3{font-size:  1.25em; letter-spacing: -0.02em;}