/*------------------------------------------ */
/* COLORES GENERALES------------------------- */
/* ------------------------------------------ */


:root{  
    /* 
    --brand-color-rojo: #ff0036;
    --brand-color-amarillo: #ffc200;
    --brand-color-verde: #00e0b5;
    --brand-color-azul: #170c66;
    */
    --gris-100: #f8f8f8;
    --gris-200: #f6f6f6;
    --gris-300: #eee;
    --gris-400: #ddd;
    --gris-800: #777;
/*    
    --azul: #061e36;
    --main-brand-color: #04656d;
    --main-brand-color-2: #034c52;
    --main-brand-color-3: #023337;
    --verde: #358e5a;
    --verde-claro: #9ab931;
    --crema: #f0eddc;
    --rojo-brand: #d1cba9;
    --salmon: #fb6d70;
    --borravino: #a4416c;
*/

    --azul-brand: #105ba3;
    --azul-brand-2: #00408c;
    --azul-oscuro: #022b52;
    --celeste-brand: #0085bf;
    --rojo-brand: #bb0e1e;
    --violeta-brand: #8C0E65;
    
    --rojo: #c62929;
    --amarillo: #efd232;

    
}



body,
body.home, 
body.listado.portada{background-color: var(--gris-300);}

body.interna {background-color: var(--gris-100);}

body,.article-home a,h2 a,h3 a,h4 a{color:#000}
.article-v2{background-color:rgba(255,255,255,1.00); box-shadow: 0 4px 3px -3px rgb(0 0 0 / 22%);}

a,.volanta,.time-now,.color-txt,h2 a:hover,h3 a:hover,h4 a:hover{color:var(--main-brand-color)}



.inner-share-bar a.ico-comm,.read-more-line,.ico-arrow-down,.btn-brand{background-color:var(--azul-brand);text-decoration:none;color:#fff}
.btn-brand:hover{background-color:#bb1529;color:#fff}
.interna .txt_contenido a{border-bottom-color:var(--rojo)}
.titulo-modulo::after{background-color:var(--azul-brand)}
.interna .cuerpo-nota .cita{border-left:solid 4px var(--rojo)}
.azul,.titulo-pagina,.titulo-widget,.btn.add{color:var(--rojo)}
.btn-enviar{background-color:var(--rojo);color:#FFF}
.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{background-color:var(--rojo);color:#FFF;border-color:var(--rojo)}
.pagination>li>a,.pagination>li>span{color:var(--rojo)}

.btn.vermasnoticias{background-color:var(--azul-brand); text-transform: uppercase;}

.brand-color{color: var(--azul-brand);}

/* Colores nueva cabecera */


/* ------------------------------------------ */
/* TIPOGRAFIA ------------------------------- */
/* ------------------------------------------ */

/* declaro familias */
/*
   400
   600
   700
   800
*/


/* normalizo */

body,
.volanta,
article.t2 .volanta { font-family: 'Fredoka', sans-serif; font-weight: 400}



.modulo_buscar *,
.notaint p,
.notaint > *
{font-family: 'Dosis', sans-serif;}

.notaint p,
.notaint ul,
.notaint > *{
    font-size: 16px; line-height: 1.3em;
}

.notaint h2, 
.notaint h3{font-weight: 600; margin-top: 2em;}
.notaint h2 {font-size: 1.4em;}
.notaint h3 {font-size: 1.2em;}


/* Regular ------------ */



/* Bold --------------- */

h1,h2,h3,h4,h5,h6,.titulo, .titulo-buscar, .gluc-main-menu, .btn.vermasnoticias,.interna .bajada  {}
h1,h2,h3,h4,h5,h6,.titulo, .bold,strong,.titulo-seccion{font-weight:700}


.home .titulo-region h2,
.listado.portada .titulo-seccion h2,
.titulo-pagina h1 { font-weight: 800; }


.titulo-modulo h3{text-transform: none; font-weight: 800; font-size: 1em;}



/*flex helper */

.f {
    display: flex;
}

.ul-f {
    display: flex;
    align-items: center;
    padding: 0;
    margin: 0;
    list-style: none;
    height: 100%;
    flex-wrap: wrap;
}

@media screen and (max-width:768px){
    .hidden-m{display: none!important;}
}

@media screen and (min-width:768px){
    .hidden-d{display: none!important;}
}


/* COMPONENTES COMUNES =========================
============================================= */

/*redes*/
.redes{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.redes a{padding:.5rem}
.main-header a:hover{text-decoration: none;}




/* VARIOS // UTILIDADES  // HELPERS ===========
============================================= */

.alert-info {
    background-color: #E3F2FD;
    border-color: #BBDEFB;
    color: #000000;
}

.share-article .ico i:before {
    font-family: 'IcoMoon-Free' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    -ms-font-feature-settings: "liga" 1;
    -o-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.share-article .ico.fb i:before {
    content: "\ea90";
}

.share-article .ico.tw i:before {
    content: "\ea96";
}

.btn-brand i {
    margin-left: 5px;
    font-size: 10px;
}


.back-to-top{
    background-color: #000;
    color: #fff;
    bottom: 3px;
    right: 3px;
    font-size: 20px;
}

.back-to-top:hover{
    background-color: var(--celeste-brand);
}

@media screen and (max-width:768px){
    .back-to-top{font-size: 18px; right: 15px;}    
}


.lSSlideOuter .lSPager.lSpg > li.active a,
.lSSlideOuter .lSPager.lSpg > li:hover a{
    background-color: var(--rojo-brand)!important;
}

.lSSlideOuter .lSPager.lSpg > li a{
    background-color: rgb(0 0 0 / 16%)!important;
}


.nro-ranking{
    text-shadow: none;
    background-color: var(--rojo-brand);
    color: #fff;
    border: none;
    font-size: 17px;
    line-height: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 1px;
    width: 25px;
    height: 25px;
    font-size: 14px; line-height: 14px;
}

.mas-leidas-940 .volanta{
    border: none;
    line-height: 1em;
    width: fit-content;
    padding: 5px 7px;
    background-color: var(--rojo);
    top: 52px;
}



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