/* FONT ELIMINADA */


/* FONT ELIMINADA */


/* FONT ELIMINADA */


/* FONT ELIMINADA */


/* FONT ELIMINADA */


/* FONT ELIMINADA */





.widget { max-width: 62.25rem; padding-left: 0.688rem; padding-right: 0.688rem; margin: 0 auto; font-family: "Benton Sans"}
.widget{}
.widget .widget__interior{display:block;width:100%;}


/*CABECERA*/
.widget-cabecera{text-align:center;position:relative; background: url(../img/fondo.png) no-repeat center; background-size: cover; height: 64px; display: inline-block; width: 100%;margin-bottom: 15px;}
.widget-cabecera__superior{}
.widget .widget-cabecera .widget-titulo{font-size: 16px; text-transform: uppercase; font-weight: 900; line-height: 35px; color: #fff; margin-bottom: 0;}
.widget .widget-cabecera .widget-titulo a{color: #fff;}
.widget .widget-cabecera .hashtag{font-weight: 500; font-size: 12px; color: #fff; text-transform: uppercase;}

.widget-cabecera__inferior .escudo_realmadrid a{position: absolute; bottom: -5px; left: 30px; width: 139px; height:69px; background: url(../img/madrid.png) no-repeat center; text-indent: -99999px;}
.widget-cabecera__inferior .escudo_atletico a{position: absolute; bottom: -5px; right: 30px; width: 145px; height:65px; background: url(../img/atletico.png) no-repeat center; text-indent: -99999px;}










.contenedor_0, .contenedor_2{width:25%;height:100%;position:relative;float:left;}
.contenedor_1{width:50%;height:100%;position:relative;float:left;}
.contenedor-playlist{width:100%;box-sizing:border-box;}
.widget-botones{display:none; margin-top: 30px; margin-bottom: 10px;}

.widget-botones:after, .contenedor-playlist:after{clear:both;display:table;content:'';}
.widget-botones button{float:left;text-align:center;width:50%;font-size:12px;background:#285A91;color:#fff;line-height:40px; text-align: center; position: relative; text-indent: -99999px; opacity: .6}
.widget-botones button.activo{opacity:1; /*pointer-events: none;*/}
.widget-botones #lista_0:before{background: url(../img/madrid2.png) no-repeat center; content:""; position:absolute; width: 100%; top: -26px; left: 0; height: 60px;}
.widget-botones #lista_2:before{background: url(../img/atletico2.png) no-repeat center; content:""; position:absolute; width: 100%; top: -18px; left: 0; height: 53px;}


.contenedor-playlist .visible{display:block;}
.contenedor-playlist .oculto{display:none;}

@media(min-width:1000px){
  .contenedor-playlist{position:relative;}
  .contenedor_0{position:absolute;top:0;left:0;}
  .contenedor_1{margin-left:25%;}
  /*.salida_articulo .contenedor_0{position:relative;}
  .salida_articulo .contenedor_1{margin-left:0}
  .salida_articulo .contenedor_0,.salida_articulo .contenedor_2{width:50%;float:left;}
  .salida_articulo .contenedor_1{width:auto;float:none;clear:both;}
  .salida_articulo .widget-botones{display:block; }
  .salida_articulo .widget-cabecera__inferior{display: none;}
  .salida_articulo .widget-cabecera {margin-bottom: 10px;}*/
}
@media(max-width:999px){
  .widget-botones{display:block; }
  .contenedor_1{width:auto;float:none;clear:both;}
  .contenedor_0, .contenedor_2{width:50%;float:left;}
  .widget-cabecera__inferior{display: none;}
  .widget-cabecera {margin-bottom: 10px;}
}

@media(max-width:767px){
  .contenedor_0 ,.contenedor_1, .contenedor_2{width:100%;float:none;}
  .contenedor_0, .contenedor_2{display:none;}
  .widget .visible{display:block;}
}

@media(max-width: 599px){
  .widget .widget-cabecera .widget-titulo {font-size: 12px;}
  .widget-botones {margin-top: 0; margin-bottom: 0;}
  .widget-botones button:first-child{border-right: 1px solid #fff; box-sizing:border-box;}
  .widget-botones #lista_0:before{background: url(../img/madrid3.png) no-repeat center; content:""; position:absolute; width: 100%; top: 3px; left: 0; height: 30px;}
.widget-botones #lista_2:before{background: url(../img/atletico3.png) no-repeat center; content:""; position:absolute; width: 100%; top: 9px; left: 0; height: 23px;}


}






@keyframes Directo {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-o-keyframes Directo{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes Directo{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes Directo{
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}