@charset "UTF-8";

html,
body{
  background: #f7f7f7 !important;
}

*::selection,
*:required,
*:focus{
  outline: none !important;
  box-shadow: none !important;
  transition: ease .3s !important;
}

h1,h2,h3,h4,h5,h6{
  position: relative !important;
  display: block;
  font-size: inherit !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: inherit !important;
}

a{ text-decoration: none !important; }

.laton-light{
  font-family: 'Lato', sans-serif;
  font-weight: 300 !important;
  font-style: normal !important;
}

.laton-regular{
  font-family: 'Lato', sans-serif;
  font-weight: 400 !important;
  font-style: normal !important;
}

.laton-bold{
  font-family: 'Lato', sans-serif;
  font-weight: 700 !important;
  font-style: normal !important;
}

.laton-black{
  font-family: 'Lato', sans-serif;
  font-weight: 900 !important;
  font-style: normal !important;
}

.fSize2{ font-size: 2px !important; }
.fSize4{ font-size: 4px !important; }
.fSize6{ font-size: 6px !important; }
.fSize8{ font-size: 8px !important; }
.fSize10{ font-size: 10px !important; }
.fSize12{ font-size: 12px !important; }
.fSize14{ font-size: 14px !important; }
.fSize16{ font-size: 16px !important; }
.fSize18{ font-size: 18px !important; }
.fSize20{ font-size: 20px !important; }
.fSize22{ font-size: 22px !important; }
.fSize24{ font-size: 24px !important; }
.fSize26{ font-size: 26px !important; }
.fSize28{ font-size: 28px !important; }
.fSize30{ font-size: 30px !important; }
.fSize32{ font-size: 32px !important; }
.fSize34{ font-size: 34px !important; }
.fSize36{ font-size: 36px !important; }
.fSize38{ font-size: 38px !important; }
.fSize40{ font-size: 40px !important; }
.fSize42{ font-size: 42px !important; }
.fSize44{ font-size: 44px !important; }
.fSize46{ font-size: 46px !important; }
.fSize48{ font-size: 48px !important; }
.fSize50{ font-size: 50px !important; }
.fSize60{ font-size: 60px !important; }
.fSize65{ font-size: 65px !important; }
.fSize70{ font-size: 70px !important; }
.fSize250{ font-size: 250px !important; }

.colfb100a{ color: #3b5998 !important; }
.coltw100a{ color: #55acee !important; }
.colwa100a{ color: #34af23 !important; }
.colln100a{ color: #00C300 !important; }
.colgp100a{ color: #df4b37 !important; }
.colbg100a{ color: #F57D00 !important; }
.colsk100a{ color: #00aff0 !important; }
.coltg100a{ color: #0088CC !important; }
.coltb100a{ color: #35465C !important; }
.colld100a{ color: #0077B5 !important; }
.colfd100a{ color: #E12828 !important; }
.colgm100a{ color: #E53345 !important; }
.colpt100a{ color: #BD081C !important; }
.colrd100a{ color: #FF4500 !important; }
.colvk100a{ color: #4c75a3 !important; }
.colyh100a{ color: #410093 !important; }
.colyt100a{ color: #ed302f !important; }
.colin100a{ color: #2e5e86 !important; }

.bgsfb100a{ background: #3b5998 !important; }
.bgstw100a{ background: #55acee !important; }
.bgswa100a{ background: #34af23 !important; }
.bgsln100a{ background: #00C300 !important; }
.bgsgp100a{ background: #df4b37 !important; }
.bgsbg100a{ background: #F57D00 !important; }
.bgssk100a{ background: #00aff0 !important; }
.bgstg100a{ background: #0088CC !important; }
.bgstb100a{ background: #35465C !important; }
.bgsld100a{ background: #0077B5 !important; }
.bgsfd100a{ background: #E12828 !important; }
.bgsgm100a{ background: #E53345 !important; }
.bgspt100a{ background: #BD081C !important; }
.bgsrd100a{ background: #FF4500 !important; }
.bgsvk100a{ background: #4c75a3 !important; }
.bgsyh100a{ background: #410093 !important; }
.bgsyt100a{ background: #ed302f !important; }
.bgsin100a{ background: #2e5e86 !important; }

.capital-mexico h2{ color: #00eaff; }
.capital-mexico{ border-bottom: 2px solid #00eaff; }
.estadio-deportes h2{ color: #00FF7F; }
.estadio-deportes{ border-bottom: 2px solid #00FF7F; }

.reporte-indigo h2{ color: #14c2f3; }
.reporte-indigo{ border-bottom: 2px solid #14c2f3; }

.bgs-reporte{ background: #0a458b; }
.bgs-capital{ background: #0085D0; }
.bgs-cambio{ background: #2D2C2B; }

.bgs-lokura{ background: #f44f87; }
.bgs-radio{ background: #65b7e3; }
.bgs-romantica{ background: #F4545C; }
.bgs-maxima{ background: #EE7925; }

.bgs-efekto{ background: #081720; }
.bgs-green{ background: #3d3838; }
.bgs-gaming{ background: #32127c; }
.bgs-estadio{ background: #11612a; }
.bgs-news{ background: #365366; }
.bgs-mujer{ background: #eca9d1; }

.bgs-unset{ background: unset !important; }

.bgs-100{ background: #FFFFFF !important; }
.bgs-101{ background: #000000 !important; }
.bgs-102{ background: #072F5E !important; }
.bgs-103{ background: #0071bc !important; }
.bgs-104{ background: #F5F3F0 !important; }
.bgs-105{ background: #1c1c1c !important; }

.bgs-106{ background: #e6e6e6 !important; } /* par a */
.bgs-107{ background: #8D8B8B !important; } /* par a */
.bgs-108{ background: #93A4B5 !important; } /* par b */
.bgs-109{ background: #C4CED7 !important; } /* par b */
.bgs-110{ background: #678198 !important; }




.col-100{ color: #FFFFFF !important; }
.col-101{ color: #000000 !important; }
.col-102{ color: #072F5E !important; }
.col-103{ color: #0071bc !important; }
.col-104{ color: #4A4A4A !important; }
.col-105{ color: #A3A8AF !important; }
.col-106{ color: #57A5FF !important; }
.col-107{ color: #C4CED7 !important; }
.col-108{ color: #999999 !important; }
.col-109{ color: #93A4B5 !important; }
.col-110{ color: #3c3c3c !important; }

.bgg-100{ background-image: linear-gradient(to right, #26D12B, #1AF065, #18D7F0, #2783E6); }
.bgg-101{ background-image: linear-gradient(to right, #E82434, #EA284C, #EB2B61, #EC2f7C); }
.bgg-102{ background-image: linear-gradient(to right, #F36F29, #F5822C, #F7942F, #F9A632); }
.bgg-103{ background-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.50) 56%, rgba(0,0,0,0.0) 100%); }

.bor-100{ border-bottom: 1px solid #d0e1e1 !important; }
.bor-101{ border-bottom: 1px solid #FFF !important; }
.bor-102{ border-left: 1px dotted #FFF !important; }

.bor-prensa{ border-top: 1px solid #EB7A26 !important; }
.col-prensa{ color: #F08D20 !important; }

.bor-radio{ border-top: 1px solid #E5387F !important; }
.col-radio{ color: #EC2325 !important; }

.bor-tv{ border-top: 1px solid #36ce42 !important; }
.col-tv{ color: #74BF4C !important; }

.bor-digital{ border-top: 1px solid #D38ADF !important; }
.col-digital{ color: #7C4298 !important; }

.bor-nosotros{ border-top: 1px solid #D38ADF !important; }
.col-nosotros{ color: #7C4298 !important; }


.line-clamp-1{
  -webkit-line-clamp: 1;
}

.line-clamp-2{
  -webkit-line-clamp: 2;
}

.line-clamp-3{
  -webkit-line-clamp: 3;
}

.focus-100::selection,
.focus-100:required,
.focus-100:focus{
  outline: none !important;
  box-shadow: none !important;
  transition: ease .3s !important;
}

.alignleft{
  float: left;
  padding-right: 5px;
}

.alignright{
  float: right;
  padding-left: 5px;
}

.z-indez-0{ z-index: 0 !important; }
.z-indez-1{ z-index: 1 !important; }
.z-indez-2{ z-index: 2 !important; }
.z-indez-3{ z-index: 3 !important; }

.t-0{ top: 0; }
.b-0{ bottom: 0; }
.l-0{ left: 0; }
.r-0{ right: 0; }

.c-horizontal{
  left: 50% !important;
  transform: translate(-50%, 0) !important;
  -webkit-transform: translate(-50%, 0) !important;
}

.c-vertical{
  top: 50% !important;
  transform: translate(0, -50%) !important;
  -webkit-transform: translate(0, -50%) !important;
}

.wpx-80{ width: 80px !important; }
.wpx-100{ width: 100px !important; }
.wpx-150{ width: 150px !important; }
.wpx-200{ width: 200px !important; }
.wpx-250{ width: 250px !important; }

.hvh-100{ height: 100vh !important; }

.hpx-50{ height: 50px !important; }
.hpx-250{ height: 250px !important; }

.wh-65{
  width: 60px;
  height: 60px;
}

.wh-80{
  width: 80px;
  height: 80px;
}

.mt-150{ margin-top: 150px; }

.d--none{ display: none; }

/* Loading image */
@keyframes placeHolderShimmer{
  0%{
    background-position: -468px 0
  }
  100%{
    background-position: 468px 0
  }
}

.display-overlay{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  animation-duration: 1.5s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeHolderShimmer;
  background: -webkit-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: -o-linear-gradient(left, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
  background-size: 800px 104px;
}

/* Contenedor Presentación Home */
.c-presentacion{
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.c-presentacion .backimg{
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/img/backgrounds/back-home.jpg);
}

.c-presentacion .backcolor{
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.2);
}

.c-presentacion h1{
  font-family: 'Lato', sans-serif;
  font-weight: 900 !important;
  font-style: normal !important;
}

.c-presentacion p{
  font-family: 'Lato', sans-serif;
  font-weight: 400 !important;
  font-style: normal !important;
}

/* Breadcrumb */
.nav-breadcrumb h1{
  display: inline-block !important;
}

.nav-breadcrumb a{
  color: #000000 !important
}

.nav-breadcrumb *{
  font-family: 'Lato', sans-serif;
  font-weight: 700 !important;
  font-style: normal !important;
}

/* row title */
.row-title{
  position: relative;
  width: 100%;
  height: 15px;
  background: #C4CED7;
  border-radius: .15rem;
}

/* Picture div */
.c-picture-100 > div,
.c-picture-102 > div,
.c-picture-103 > div{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

/* Picture aspect ratio 16:9 */
.c-picture-100{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  background: #C4CED7;
  overflow: hidden;
  border-radius: .25rem;
}

/* Picture aspect ratio  */
.c-picture-101{
  position: relative;
  width: 100%;
  padding-top: 166.66666667%;
  background: #C4CED7;
  overflow: hidden;
  border-radius: .25rem;
}

/* Picture aspect ratio 4:5 */
.c-picture-102{
  position: relative;
  width: 100%;
  padding-top: 125%;
  background: #C4CED7;
  overflow: hidden;
  border-radius: .25rem;
}

/* Picture aspect ratio 3:2; */
.c-picture-103{
  position: relative;
  width: 100%;
  padding-top: 66.66666667%;
  background: #C4CED7;
  overflow: hidden;
  border-radius: .25rem;
}


/* banner 300x250 */
.c-banner-300-250-a{
  position: relative;
  width: 100%;
  height: 250px;
}

/* banner 300x250 */
.c-banner-300-250-b{
  position: relative;
  width: 300px;
  height: 250px;
}

/* banner 320x100 */
.c-banner-320-100-a{
  position: relative;
  width: 320px;
  height: 100px;
}

/* banner 300x600 */
.c-banner-300-600-a{
  position: relative;
  width: 100%;
  height: 517px;
}

/* banner 300x600 */
.c-banner-300-600-b{
  position: relative;
  width: 100%;
  height: 600px;
}

/* content section title */
.c-section-title h2{
  display: inline-block;
  font-family: 'Lato', sans-serif;
  font-weight: 700 !important;
  font-style: normal !important;
  background: #FFFFFF;
  padding: 15px 25px !important;
}

/* section title capital mexico */
.section-title{
  position: relative;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #93A4B5;
}

.section-title > div{
  position: relative;
  width: 125px;
  height: 100%;
  background: #93A4B5;
}

/* section title the news */
.section-title-the-news{
  position: relative;
  width: 100%;
  height: 40px;
  border-bottom: 1px solid #93A4B5;
}

.section-title-the-news > div{
  position: relative;
  width: 125px;
  height: 100%;
  background: #93A4B5;
  border-top-left-radius: .4rem;
  border-top-right-radius: .4rem;
}


/* Contenedor notas */
.c-container-the-news{
  background: #FFFFFF;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
  border-bottom-left-radius: .4rem;
  border-bottom-right-radius: .4rem;
  overflow: hidden;
}

.c-container-the-news > a:last-child div.col-12 hr{
  display: none;
}

/* section title revista cambio */
.section-title-cambio > div:nth-child(1) div{
  position: relative;
  width: 100px;
  height: 30px;
  background: #93A4B5;
}

.section-title-cambio hr{
  border: 2px solid #93A4B5;
}

/* section title efekto */
.section-title-efekto > div > div{
  position: relative;
  width: 90px;
  height: 50px;
  background: #93A4B5;
}


/* content post */
.c-posts{
  position: relative;
  width: 100%;
  height: auto;
  background: #93A4B5;
}

/* button circle */
.btn-circle{
  position: relative;
  display: inline-block;
  padding: 0;
  overflow: hidden;
  vertical-align: middle;
  cursor: pointer;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
  box-shadow: 0 0.125rem 0.25rem rgba(0,0,0,.075);
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  outline: none!important;
  width: 47px;
  height: 47px;
}

/* button more posts */
.btn-more{
  border-top: 1px solid #93A4B5;
}

.btn-more button{
  margin-top: -1px;
  border-radius: 0!important;
  border: 1px solid #93A4B5 !important;
  color: #93A4B5;
}

.space{
  position: relative;
  width: 100%;
  height: 20px;
}

/* form green tv */
.form-green-tv input,
.form-green-tv button{
  border: unset;
  background: unset !important;
}

.card-simple{
  position: relative;
  width: 100%;
  height: auto;
  background: #FFFFFF;
}

.card-simple h2{
  font-family: 'Lato', sans-serif;
  font-weight: 900 !important;
  font-style: normal !important;
}


.card-simple span{
  font-family: 'Lato', sans-serif;
  font-weight: 400 !important;
  font-style: normal !important;
}

.c-jwplayer{
  position:relative;
  overflow:hidden;
  padding-bottom:56.25%;
  background: #FFF;
}

.c-jwplayer iframe {
  position: absolute;
  width: 100%;
  height: 100%;
}

.c-banners *{
  max-width: 100%;
  height: auto;
}

/* Menu Desktop the news */
.nav-menu-descktop-the-news a{
  color: #FFFFFF !important;
  font-family: 'Lato', sans-serif;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 10pt;
  text-transform: uppercase;
}

/* Card the news */
.card-the-news{
  position: relative;
  width: 100%;
  height: auto;
  background: #FFFFFF;
  border-radius: .4rem;
  -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  padding: 1rem;
}

/* list group */
.list-group-clear a{
  background: unset;
  border: unset;
}

#c-logo-estadio{
  position: relative;
  width: 250px;
  height: 100px;
  background: #93A4B5;
}

.c-caliente{
  height: 80px;
}

.c-caliente .selected{
  position: relative;
  width: 100%;
  height: 40px;
  background: #FFFFFF;
}

.c-caliente .c-scores{
  position: relative;
  height: 80px;
}

.c-caliente .c-scores .c-arrows{
  width: 30px;
  height: 100%;
  background: #ddd;
}

.c-caliente .c-scores .c-teams .flex-fill{
  border-right: 1px solid #CCC;
}

.c-caliente .c-scores .c-teams > div > div:last-child{
  border: none;
}

.ul-destacado-estadio{
  list-style: none;
  padding: 0;
}

.ul-destacado-estadio li{
  position: relative;
  padding-left: .875rem;
}

.ul-destacado-estadio li:before {
  content: '';
  position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  font-size: .5rem;
  line-height: 1.625rem;
  border-left-style: dotted;
  border-color: #93A4B5;
}

.ul-destacado-estadio li:after {
  content: '·';
  position: absolute;
  top: -55px;
  left: -9px;
  color: #93A4B5;
  font-size: 5rem;
  white-space: pre;
}

.c-estadio-100{
  position: relative;
  width: 100%;
  height: 523px;
  border-radius: .25rem;
  background: #C4CED7;
}

.tag-estadio{
  position: relative;
  width: 105px;
  height: 32px;
  border-radius: .20rem;
  background: #3c3c3c;
}

.block-estadio .block-title{
  border-right: 1px solid #C4CED7;
}

.block-estadio .block-title .btitle{
  width: 50px;
  height: 150px;
}

.circle-more-estadio{
  position: relative;
  width: 100px;
  height: 100px;
  background: #3c3c3c;
  border-radius: 100%;
}