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


:root {
    
    --main-color-dark : #1d4bb2;
    --main-color-focus: #54a1fd;
    --complementario  : #F25B1F;
    --naranja         : #f4a20e;
    --fucsia          : #f14c4e;
    --rojo            : #a92928;
    --gris-1          : #f7f7f7;
    --gris-2          : #cccccc;
    --gris-3          : #767676;
    --casi-negro      : #27292d;
    --gris-azulado    : #212934;
    --nacional        : #0099CE;
    --economia        : #07374F;
    --cdmx            : #09577E;
    --mundo           : #047AAE;
    --breakingnews    : #EF4237;
    --entretemiento   : #BD175B;
    --entretenimiento : #BD175B;
    --deportes        : #EA0029;
    --estilosdevida   : #4E9256;
    --opinion         : #231F20;
    --tecnologia       : #1F3821; /*menu_item_sec-562*/   
    
    --main-color      : #0163e9;
    --gris-header      : #f5f5f5;
    --gris-redes: #909596;

}

body.home, body.listado.portada { background-color: #f9f9f9; } 

body,.article-home a, h2 a, h3 a, h4 a { color: #000 } 
.article-v2 { background-color: rgba(255,255,255,1.00); } 
a, .volanta, .time-now, .color-txt, h2 a:hover, h3 a:hover, h4 a:hover, .brand-color { color: var(--main-color) } 
.contenedor-reg a { color: var(--main-color) } 
.contenedor-reg .btn-ingresofb { color:#fff } 

.inner-share-bar a.ico-comm,
.btn-brand { background-color:var(--main-color); text-decoration:none; color: #fff } 
 
.read-more-line { background-color: var(--main-color) } 
.ico-arrow-down { background-size: 45%; } 



.btn-brand:hover { color: #fff; box-shadow: 9px 11px 0px 0px rgb(0 0 0 / 7%); } 

.interna .txt_contenido a { border-bottom-color:var(--main-color); } 

.interna .cuerpo-nota .cita { border-left:solid 4px var(--main-color); } 
.btn-enviar { background-color:var(--main-color); color:#FFFFFF } 
.interna .fecha-y-seccion .seccion:before { background-color: var(--main-color); } 
.interna .fecha-y-seccion a { color: #2e2e2e } 
.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(--main-color); color:#FFFFFF; border-color: var(--main-color); } 
.pagination>li>a, .pagination>li>span { color: var(--main-color); } 

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

.titulo-modulo::after { background-color: #000; height: 2px; } 
.inner-share-bar { border-top-color:var(--main-color); } 

.logo-en-fixed { display: none; } 
.logo-en-fixed-movil { display: none; } 


/* blanco */
.dropdown-menu>li>a { color: #FFFFFF; } 
.btn.vermasnoticias { background-color: var(--main-color) } 


#main-header .center-bar a,#main-header .center-bar .btn:hover { color: #000 } 
.article-footer small.marcado:before { display: none; padding-left: 0; } 

/* ------------------------------------------ */
/* TIPOGRAFIA ------------------------------- */
/* ------------------------------------------ */
/* declaro familias */
/*
font-family: 'DM Sans', sans-serif;
Medium 500
Bold 700

font-family: 'Domine', serif;
Bold 700

*/

/* normalizo */
body,
.header--fecha,
.titulo-region h1, .titulo-region h2,
.listado.portada .titulo-seccion h1, .listado.portada .titulo-seccion h2,
.volanta,
.titulo-pagina h1 ,
.notaint *,
.titulo-modulo h2 { font-family: 'DM Sans', sans-serif; font-variant-ligatures: common-ligatures; } 
.notaint h3 { font-family: 'DM Sans', sans-serif!important;} 


body { font-weight: 400 } 
.volanta { font-weight: 400 } 


h1, h2, h3, h4, .titulo {
    -webkit-font-feature-settings: "liga" on, "calt" on;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility; 
    font-family: 'Domine', serif;
    font-weight: 600; 
} 


.titulo-modulo h3 { font-family: 'DM Sans', sans-serif; font-variant-ligatures: common-ligatures; } 


.volanta { font-weight: 700; } 

.titulo-region h1, .titulo-region h2 { font-weight: 700; } 
.volanta, .bold, strong, .titulo-seccion { font-weight:400; } 

.article-v2 .titulo { letter-spacing: -0.02rem; } 

.nav-desktop .nav > li > a { font-weight: 400; } 




/* UTILIDADES ==================================
============================================= */

.d-flex, .f { display: flex } 

/*! ~~~ LOS HIDDENS ~~~~ */
@media screen and (min-width:768px) { * .hidden-d,.hidden-d,.hidden-d>* { display:none!important } 
 }
@media screen and (max-width:768px) { * .hidden-m,.hidden-m,.hidden-m>* { display:none!important } 
 }
 


/* 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; } 

/* aplicar clase .vertical-align al row para que los col centren vertical (usar con precacion) */
.vertical-align { display: flex; flex-direction: row; } 
.vertical-align > [class^="col-"],
.vertical-align > [class*=" col-"] { display: flex; align-items: center; justify-content: flex-start; /* Optional, to align inner items horizontally inside the column */ } 

.flex-right { margin-left: auto } 


a:hover, a:focus { color: var(--main-color) } 



ul.redes-sociales { display: flex; margin: 0; padding: 0; list-style: none; justify-content: flex-end;  margin: 0 -4px;} 

ul.redes-sociales a {
    display        : flex;
    align-items    : center;
    justify-content: center;    
    margin: 0 4px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    padding: 10px;
    border: solid 1px var(--main-color);
}

ul.redes-sociales a:hover {background-color: var(--main-color);}
ul.redes-sociales a:hover svg {fill: #fff;}


ul.redes-sociales svg {    
    width    : 100%;
    height   : auto;
    
    fill     : var(--gris-redes)
}






.header-zone-1  ul.redes-sociales a {padding-top: 0; padding-bottom: 0;} 



/* FIXED RADIOS... */


.msp_radioSA{position: relative!important;}
.msp_radioSA .fade{opacity: 1;}
.msp_radioSA .np__global_player .np__side .np__wrapper_tab .nav_tabs .nav_item .nav_link{font-size: 2.2rem!important;}


/* gradientes CUSTOM */

.verdes {background-image: linear-gradient(to right top, #051937, #004d7a, #008793, #00bf72, #a8eb12);}
.azul-medio {background-image: linear-gradient(to right top, #051937, #123460, #1b538c, #1e74ba, #1297eb);}
.petroleo {background-image: linear-gradient(to right top, #094a62, #0c3a50, #0c2a3e, #091c2c, #000c1b);}
.limon {background-image: linear-gradient(to right top, #009e0a, #42b509, #6acc07, #90e206, #b6f906);}
.agua {background-image: linear-gradient(to right top, #009e0a, #00b546, #00cc71, #00e39b, #06f9c4);}
.patrio {background-image: linear-gradient(to right top, #009e0a, #768f00, #b17800, #de5200, #f90643);}
.rosa {background-image: linear-gradient(to right top, #9e008f, #be0081, #d8006f, #ec005a, #f90643);}
.violaceo {background-image: linear-gradient(to right top, #008a9e, #0085c9, #826ed4, #db39a2, #f90643);}
.fem {background-image: linear-gradient(to right top, #9c009e, #ae28b3, #bf40c9, #d155df, #e36af5);}
.dorado {background-image: linear-gradient(to right top, #9e8700, #b3a122, #c9bc3a, #ddd852, #f2f56a);}
.naranja {background-image: linear-gradient(to right top, #9e0021, #bc3d1b, #d3680d, #e39400, #eac006);}
.ultra_naranja {background-image: linear-gradient(to right top, #fb7f01, #f97901, #f87302, #f66c03, #f46605);}
.surf {background-image: linear-gradient(to right top, #fbee01, #94f565, #00efad, #00e0e2, #05cbf4);}
.qatar {background-image: linear-gradient(to right top, #370534, #5f094b, #8b0b5e, #ba0c6d, #eb1277);}
.seleccion_mexico {background-image: linear-gradient(to right top, #06861d, #109e35, #15b74d, #16d166, #12eb80);}
.instagrameable {background-image: linear-gradient(to right top, #5f0686, #aa0072, #d80e54, #ed5834, #eb9212);}
.berry {background-image: linear-gradient(to right top, #041a75, #690072, #a2005d, #c7003b, #d61602);}
.primavera {background-image: linear-gradient(to right top, #d7e211, #e1b800, #e58c00, #e15c00, #d61602);}
.orgullo {background-image: linear-gradient(to top, #4011e2, #fb00a0, #ff0051, #ffa400, #faff00);}
.cancer {background-image: linear-gradient(to right bottom, #ff01c4, #ff45d2, #ff63de, #ff7ce9, #ff92f3);}
.morena {background-image: linear-gradient(to right bottom, #a00441, #b20039, #c1002f, #cf0020, #da0707);}
.frio {background-image: linear-gradient(to left, #a00441, #9e4697, #687dd4, #00a9e8, #07ccda);}
.nieve {background-image: linear-gradient(to left, #ece7e9, #ded7d7, #cfc9c6, #bebbb5, #acada6);}
.noche {background-image: linear-gradient(to left, #564d50, #433b3b, #2f2b29, #1c1b19, #070705);}
.tarde_noche {background-image: linear-gradient(to right bottom, #0950eb, #94006f, #6c031a, #321900, #070705);}
.amanecer {background-image: linear-gradient(to right bottom, #bed0f8, #97e2ff, #8af1eb, #b3f8c2, #f5f5a1);}



.fila.verdes, 
.fila.azul-medio,
.fila.petroleo,
.fila.limon,
.fila.agua ,
.fila.patrio,
.fila.rosa ,
.fila.violaceo ,
.fila.fem ,
.fila.dorado ,
.fila.naranja ,
.fila.ultra_naranja ,
.fila.surf ,
.fila.qatar ,
.fila.seleccion_mexico,
.fila.instagrameable ,
.fila.berry ,
.fila.primavera,
.fila.orgullo,
.fila.cancer,
.fila.morena ,
.fila.frio ,
.fila.nieve,
.fila.noche ,
.fila.tarde_noche,
.fila.amanecer {
    padding-top: 30px;
    margin-bottom: 30px!important;
}




/* elemento radio */

.ico-radio {
    display: flex;
    line-height: 1em;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-top: 10px
}

.ico-radio .ico-svg {
    margin-top: -14px;
    width: 35px;
    height: auto
}

.ico-radio .txt {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 8px;
    color: #494949
}

.ico-radio .txt .envivo {
    font-weight: 700;
    font-size: 15px;
    display: flex;
}

.ico-radio .txt .envivo i {
    font-size: 12px;
    font-weight: 400;
    margin-left: 5px;
    margin-top: -1px;
}

.ico-radio .txt .descubra {
    font-size: 10px;
    opacity: .8
}


.ico-radio .despliega {
    padding-top: 35px;
    left: 0;
    position: absolute;
    top: 0;
    display: none;
    height: max-content;
    z-index: 999;
}


.ico-radio .bubble {
    background-color: #fff;
    border-radius: 2px;
    z-index: 99;
    padding: 10px;
    box-shadow: 0 4px 4px -2px #00000040;
    position: relative;
}

.ico-radio .bubble::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 10px 8px;
    border-color: transparent transparent #fff transparent;
    transform: rotate(0);
    position: absolute;
    top: -10px;
    left: 12px
}

.ico-radio .estaciones li {
    border-bottom: solid 1px #e7e7e7
}

.ico-radio .estaciones li:last-child {
    border-bottom: none
}

.ico-radio:hover,
.ico-radio:hover span {
    color: var(--main-color)
}

/* boton ultimas noticias */

.btn-ultimas-noticias {
    /* background-color: #fff; */
    display: block;
    text-transform: uppercase;
    width: max-content;
    padding-left: 33px;
    border-radius: 3px;
    background-image: url(/a/plantillas/p/radio-formula/imgs/ico-ultimas-noticias.svg);
    background-repeat: no-repeat;
    background-position: 6px center;
    background-size: 22px;
    display: flex;
    align-items: center;
    line-height: 1em;
    height: 27px;
    padding-right: 11px;
    font-weight: 600;
    border: solid 1px #0163e92e;
    margin-bottom: 12px;
    margin-top: -11px;
    font-size: 10px;
}

.header-zone-1  .btn-ultimas-noticias:hover{
    color: var(--main-color);
    border-color: var(--main-color);
}

.home ul.redes-sociales a{
    width: 33px;
    height: 33px;
}


body:not(.home) .btn-ultimas-noticias{display: none;}

ul.redes-sociales{margin-bottom: -14px;}