/*** GENERAL HOME
******************************************/
a {
  color: #222;
}
a:hover {
  text-decoration: none;
}
/*** DESTACADOS PRINCIPAL
******************************************/
#destacadoInicio {
  height: 500px;
  overflow: hidden;
  position: relative;
  padding: 0;
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition: opacity 200ms ease 0ms;
  -moz-transition: opacity 200ms ease 0ms;
  -o-transition: opacity 200ms ease 0ms;
  transition: opacity 200ms ease 0ms;
}
.carousel-fade .carousel-inner .active {
  opacity: 1 !important;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 2;
}
#destacadoInicio .item .item-info {
  position: absolute;
  z-index: 5;
  bottom: 30px;
  max-width: 70%;
  left: 0;
  -webkit-transition: all 200ms ease 0ms;
  -moz-transition: all 200ms ease 0ms;
  -o-transition: all 200ms ease 0ms;
  transition: all 200ms ease 0ms;
}
#destacadoInicio .item.next.active a.item-info,
#destacadoInicio .item.next.left a.item-info {
  bottom: 30px;
}
#destacadoInicio .item.next a.item-info,
#destacadoInicio .item.prev a.item-info,
#destacadoInicio .item a.item-info:hover,
#destacadoInicio .item.active.left a.item-info {
  bottom: 50px;
}
#destacadoInicio .item .item-info .tag-wrapper {
  float: left;
  width: 100%;
}
#destacadoInicio .item .item-info .tag-wrapper .tag.sector {
  padding: 1px 10px;
  margin-left: 0px;
}
#destacadoInicio .item .item-info h2 {
  font-size: 33px;
  font-weight: 700;
  color: #FAFAFA;
  line-height: 1.2;
  margin-top: -1px;
  padding: 15px 30px;
  float: left;
  width: auto;
  background: rgba(0, 174, 239, 0.8);
}
#destacadoInicio .item .item-info h2.titulo span {
  color: #FFF;
  padding: 0;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
#destacadoInicio .item .item-info .bajada {
  font-size: 14px;
  font-weight: 300;
  color: #FAFAFA;
  line-height: 1.5;
}
#destacadoInicio .item .item-info .bajada span {
  box-shadow: 10px 0 0 rgba(0, 0, 0, 0.8), -10px 0 0 rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  padding: 2px 0;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
#destacadoInicio .item .compartir {
  position: absolute;
  right: 30px;
  bottom: 15px;
  color: #FFF;
  cursor: pointer;
  z-index: 2;
}
/*** RULETA
******************************************/
#ruleta {
  width: calc(100% - 243px);
  height: 100%;
}
#ruleta .carousel-inner {
  width: calc(100% - 243px);
}
#ruleta .carousel-inner.preloading {
  height: 100%;
}
#ruleta .carousel-inner.preloading:after {
  content: "\f1ce";
  font-family: FontAwesome;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  font-size: 31px;
  line-height: 30px;
}
#ruleta .carousel-inner.preloading .item {
  display: none;
}
#ruleta .carousel-inner > .item,
#ruleta .carousel-inner > .item.active,
#ruleta .carousel-inner > .item.next.left {
  height: 500px;
  width: 100%;
}
#ruleta .carousel-inner > .item:after {
  content: "";
  position: absolute;
  box-shadow: inset 0 0 5em 1em #000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  z-index: 0;
}
#ruleta .carousel-inner > .item > img {
  height: 500px;
  width: 100%;
}
#ruleta .list-group {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 243px;
  opacity: 1;
}
#ruleta ul.list-group.preloading {
  height: 100%;
}
#ruleta ul.list-group.preloading:after {
  content: "\f1ce";
  font-family: FontAwesome;
  opacity: 0.3;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 30px;
  margin: -15px 0 0 -15px;
  -webkit-animation: spin 2s linear infinite;
  -moz-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
  font-size: 31px;
  line-height: 30px;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
#ruleta ul.list-group.preloading li {
  display: none;
}
#ruleta ul.list-group li {
  width: 100%;
  height: 110px;
  -webkit-transition: -webkit-transform 0.4s ease-in-out;
  -moz-transition: -moz-transform 0.4s ease-in-out;
  -o-transition: -o-transform 0.4s ease-in-out;
  transition: transform 0.4s ease-in-out;
}
#ruleta ul.list-group .active {
  background-color: #eee;
  padding: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition: opacity .4s linear;
}
#ruleta ul.list-group li.list-group-item {
  border-radius: 0;
  cursor: pointer;
  border: 0;
  margin: 0;
  border-top: solid 3px #FFF;
  border-left: solid 3px #FFF;
}
#ruleta ul.list-group li.list-group-item:first-child {
  border-top: 0;
}
#ruleta ul.list-group li.list-group-item:after {
  content: "";
  position: absolute;
  background-image: linear-gradient(to bottom, transparent 0, transparent 55%, rgba(0, 0, 0, 0.37) 82%, rgba(0, 0, 0, 0.62) 100%), linear-gradient(to right, transparent 0, transparent 55%, rgba(0, 0, 0, 0.37) 82%, rgba(0, 0, 0, 0.62) 100%), linear-gradient(to left, transparent 0, transparent 55%, rgba(0, 0, 0, 0.37) 82%, rgba(0, 0, 0, 0.62) 100%);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#ruleta ul.list-group li.list-group-item.active:before {
  content: "";
  position: absolute;
  background: rgba(0, 174, 239, 0.3);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#ruleta ul.list-group li.list-group-item.active:after {
  content: "\f104";
  font-family: "FontAwesome";
  position: absolute;
  color: #00aeef;
  background: #FFF;
  left: -15px;
  top: 80px;
  width: 15px;
  height: 20px;
  opacity: 1;
  padding: 0px 0 0px 5px;
  border-radius: 2px 0 0px 2px;
}
#ruleta ul.list-group li.list-group-item .item-info {
  position: absolute;
  z-index: 5;
  width: 90%;
  left: 15px;
  bottom: 15px;
  line-height: 0.8;
}
#ruleta ul.list-group li.list-group-item .titulo {
  color: #FFF;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 2px;
  -webkit-transition: color 200ms ease;
  -moz-transition: color 200ms ease;
  -o-transition: color 200ms ease;
  transition: color 200ms ease;
}
#ruleta ul.list-group li.list-group-item .meta.sector {
  color: #ffc700;
  font-size: 9px;
  font-weight: 500;
  text-transform: uppercase;
  background: transparent;
}
#ruleta ul.list-group li.list-group-item .meta.sector:after {
  content: ' / ';
}
#ruleta ul.list-group li.list-group-item span.meta.sector:last-child::after {
  content: '';
}
#ruleta ul.list-group li.list-group-item.active .titulo {
  color: rgba(255, 255, 255, 0.6);
}
#ruleta ul.list-group li.list-group-item.active .meta.sector {
  color: rgba(255, 255, 255, 0.6);
}
#ruleta ul.list-group li .href-goto {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
}
/*** AGENDA APP
******************************************/
#agendaApp {
  background: rgba(255, 0, 124, 0.55);
  height: 500px;
  width: 243px;
  overflow: hidden;
  position: absolute;
  -webkit-transition: all 200ms ease 0;
  -moz-transition: all 200ms ease 0;
  transition: all 200ms ease 0;
  top: 0;
  right: 0;
  border-left: solid 3px #FFF;
}
#agendaApp h3 {
  font-size: 40px;
  text-align: center;
  color: rgba(255, 255, 255, 0.77);
  font-weight: 700;
}
#agendaApp #carousel-agendaApp .carousel-indicators {
  position: relative;
  bottom: 10px;
}
#agendaApp #carousel-agendaApp .carousel-inner {
  height: 320px;
  margin-top: 10px;
  max-height: 320px;
}
#agendaApp #carousel-agendaApp .carousel-inner .caption {
  text-align: center;
  text-transform: uppercase;
  color: #FFF;
  font-size: 17px;
  line-height: 1.1;
  padding-top: 10px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
#agendaApp #carousel-agendaApp .carousel-inner .caption .meta.donde {
  font-size: 11px;
  margin-top: 15px;
}
#agendaApp #carousel-agendaApp .carousel-inner .foto-calada {
  text-align: center;
  background-repeat: no-repeat;
  background-position: 50%;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-size: cover;
  background-color: rgba(255, 255, 255, 0.3);
  margin: 0 auto;
}
#agendaApp .ver-toda-la-agenda{
  text-align: center;
  margin-top: 20px;
}
#agendaApp .ver-toda-la-agenda a{
  color: rgba(255, 255, 255, 0.77);
  font-weight: 700;
}
/*** FEED PRINCIPAL
******************************************/
#mosaico article > .post.caja {
  height: 450px;
  background: #f3f3f3;
  margin-bottom: 30px;
  overflow: hidden;
}
#mosaico article > .post > div.image-wrapper,
#mosaico article > .post > a > div.image-wrapper {
  position: relative;
  height: 170px;
  background-color: #e3e5ea;
  background-size: cover;
  background-position: center center;
  overflow: hidden;
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
#mosaico article.x2 > .post > div.image-wrapper::after,
#mosaico article.x2 > .post > a > div.image-wrapper::after,
#mosaico article.x4 > .post > div.image-wrapper::after,
#mosaico article.x4 > .post > a > div.image-wrapper::after,
section#convocatorias article.x2 > .post > div.image-wrapper::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 62%, rgba(0, 0, 0, 0.78) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 62%, rgba(0, 0, 0, 0.78) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 62%, rgba(0, 0, 0, 0.78) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#c7000000', GradientType=0);
}
#mosaico article.x4 > .post > div.image-wrapper:after,
#mosaico article.x4 > .post > a > div.image-wrapper:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../img/dot.fd582e8f0f7b.png") repeat;
  top: 0;
  left: 0;
  opacity: 0.7;
  z-index: 0;
}
#mosaico article > .post > div.image-wrapper:hover,
#mosaico article > .post > a > div.image-wrapper:hover,
#lo_mas_visto article > .post > .wrap > div.image-wrapper:hover {
  background-color: #222;
  opacity: .9;
}
#mosaico article > .post > div.image-wrapper a.goto,
#lo_mas_visto article > .post > .wrap > div.image-wrapper a.goto,
#mosaico article.half > .post > a.goto {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
}
#mosaico article > .post > div.image-wrapper .hashtag {
  position: absolute;
  top: 7px;
  right: 0;
  z-index: 2;
}
#mosaico article > .post > div.image-wrapper .hashtag a:hover {
  color: #FFF;
}
#mosaico article > .post > header,
#mosaico article > .post > a > header {
  padding-top: 15px;
}
#mosaico article > .post.caja > header,
#mosaico article > .post.caja > a > header {
  padding: 15px 15px 20px;
}
#mosaico article > .post > header h2,
#mosaico article > .post > a > header h2 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: 1.3;
}
#mosaico article.x2 > .post > header h3,
#mosaico article.x2 > .post > a > header h3 {
  font-size: 26px;
  margin-bottom: 40px;
}
#mosaico article > .post > header h3,
#mosaico article > .post > a > header h3 {
  font-size: 20px;
  font-weight: 700;
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: 1.3;
}
#mosaico article > .post > header .titulo a {
  color: #222;
}
#mosaico article > .post > header .titulo a:hover {
  text-decoration: none;
  color: #337ab7;
}
#mosaico article > .post > header .bajada,
#mosaico article > .post > a > header .bajada,
#videos article > .post > header .bajada {
  margin-top: 0px;
  line-height: 1.4em;
  color: #5f687b;
}
#mosaico article > .post > header .meta,
#convocatorias article > .post > header .meta,
#videos article > .post > header .meta,
#lo_mas_visto article > .post > header .meta {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 50px;
  color: #FFF;
  font-size: 9px;
}
#mosaico article > .post > header .compartir,
#mosaico article > .post > a > header .compartir,
#convocatorias article > .post > header .compartir,
#videos article > .post > header .compartir,
#lo_mas_visto article > .post > header .compartir {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #222;
  cursor: pointer;
}
#mosaico article > .post.caja > header .compartir,
#mosaico article > .post.caja > a > header .compartir,
#convocatorias article > .post.caja > header .compartir,
#videos article > .post.caja > header .compartir {
  bottom: 10px;
  right: 15px;
}
#feed_secundario,
#feed_principal {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}
#feed_secundario.list-cards > article[class*='col-'],
#feed_principal.list-cards > article[class*='col-'] {
  display: flex;
  flex: 1 0 auto;
}
#feed_secundario.list-cards > article .post.caja,
#feed_principal.list-cards > article .post.caja {
  height: auto!important;
  width: 100%;
}
/*** ARTICLE x2 ***/
#mosaico article.x2 {
  width: 50%;
  min-height: 450px;
}
#mosaico article.x2 > .post > div.image-wrapper {
  min-height: 450px;
}
/*#mosaico article.x2 > .post > div.image-wrapper::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0 0 15em 1em #000;
  opacity: 1;
}*/
#mosaico article.x2 > .post > header h2 {
  font-size: 30px;
  font-weight: 700;
  margin-top: 0px;
  line-height: 1.2;
  margin-bottom: 40px;
}
#mosaico article.x2 > .post > header .titulo a {
  color: #FAFAFA;
  text-shadow: 1px 1px 0 #222;
}
#mosaico article.x2 > .post > header {
  position: absolute;
  height: auto!important;
  bottom: 0;
}
#mosaico article.x2 > .post > header .bajada {
  font-size: 14px;
  color: #FAFAFA;
  text-shadow: 1px 1px 0 #222;
}
#mosaico article > .post.caja {
  position: relative;
}
#mosaico article.x2 > .post.caja a.goto {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#mosaico article.x2 > .post.caja:hover {
  background: #e3e5ea;
}
#mosaico article.x2 > .post.caja:hover > div.image-wrapper {
  opacity: 0.7;
}
#mosaico article.x2 > .post.caja .flag.geo {
  top: 7px;
  bottom: auto!important;
  z-index: 2;
}
/*** ARTICLE x3 ***/
#mosaico article.x3 > .post > header .titulo {
  font-size: 30px;
  font-weight: 700;
  margin-top: 0px;
  line-height: 1.2;
}
#mosaico article.x3 > .post > header .bajada {
  font-size: 14px;
}
/*** ARTICLE x4 ***/
#mosaico article.x4 {
  width: 100%;
}
#mosaico > .container > section#feed_secundario > div.row > article:first-of-type.x4 {
  width: 75%;
}
#mosaico article.x4 > .post.caja {
  position: relative;
  overflow: hidden;
}
#mosaico article.x4 > .post > div.image-wrapper {
  width: 100%;
  height: 450px;
  overflow: hidden;
  position: relative;
}
#mosaico article.x4 > .post > header {
  position: absolute;
  overflow: hidden;
  height: auto;
  bottom: 50px;
  text-align: left;
  width: auto;
  z-index: 2;
  padding-bottom: 0px;
  background: rgba(0, 174, 239, 0.8);
}
#mosaico article.x4 > .post > header .titulo a {
  font-size: 40px;
  font-weight: 700;
  margin-top: 0px;
  line-height: 1.1;
  color: #FFF;
  width: 80%;
}
#mosaico article.x4 > .post > header .titulo a:hover {
  color: rgba(255, 255, 255, 0.9);
}
#mosaico article.x4 > .post > header .bajada {
  font-size: 14px;
  margin-bottom: 15px;
  color: #FFF;
}
#mosaico article.x4 > .post > header .meta {
  right: 0;
  bottom: 0;
}
#mosaico article.x4 > .post > header .compartir {
  bottom: 5px;
}
#mosaico article.x4 > .post.caja .flag.geo {
  top: 10px;
  bottom: auto;
  z-index: 2;
}
#mosaico article.x4 > .post > header .compartir {
  color: #FFF;
}
/*** ARTICLE HALF ***/
#mosaico article.half {
  width: 100%;
}
#mosaico div.col-md-3.col-sm-6.col-xs-12 .row article.half > .post.caja {
  height: 170px;
  background: #f1f1f1;
  margin-bottom: 30px;
  overflow: hidden;
  position: relative;
}
#mosaico div.col-md-3.col-sm-6.col-xs-12 .row article.half:last-child > .post.caja {
  margin-bottom: 15px;
}
#mosaico article.half > .post.caja a .image-wrapper:before,
#mosaico article.half > .post.caja .image-wrapper:before,
#mosaico article.x4 > .post.caja .image-wrapper:before,
#mosaico article.x2 > .post.caja .image-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#mosaico article.half > .post > a > header,
#mosaico article.half > .post > header {
  position: absolute;
  overflow: hidden;
  height: auto;
  bottom: 0;
}
#mosaico article.half > .post > a > header .titulo,
#mosaico article.half > .post > header .titulo a {
  color: #FAFAFA;
  text-shadow: 1px 1px 0 #222;
}
#mosaico article.half > .post > a > header .bajada,
#mosaico article.half > .post > header .bajada,
#mosaico article.half > .post.app.youtube > a:hover > header .bajada,
#mosaico article.half > .post.app.youtube:hover > header .bajada {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  color: #FAFAFA;
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
#mosaico article.half > .post > a:hover > header .bajada,
#mosaico article.half > .post:hover > header .bajada {
  max-height: 65px;
  opacity: 1;
  padding-bottom: 15px;
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
#mosaico article.half > .post > a > header .compartir,
#mosaico article.half > .post > header .compartir,
#mosaico article.x2 > .post > a > header .compartir,
#mosaico article.x2 > .post > header .compartir {
  color: #FAFAFA;
}
/*** NO IMAGE
*****************************************/
#mosaico article.half > .post.caja #mosaico article > .post.caja.no-image,
#mosaico article.half > .post.caja.no-image {
  background: transparent;
  padding: 0;
}
#mosaico article > .post.caja.no-image > header h3 {
  padding: 0 !important;
}
#mosaico article > .post.caja.no-image header,
#mosaico article.half > .post.no-image > a > header {
  padding: 0;
  height: 100%;
  border-bottom: solid 1px #f1f1f1;
}
#mosaico article.half > .post.no-image > a > header .titulo,
#mosaico article.half > .post.no-image > header .titulo a,
#mosaico article.half > .post.no-image > header .compartir,
#mosaico article.half > .post.no-image > header .compartir .btn-group a {
  color: #222!important;
  text-shadow: 0 0 0 transparent;
}
#mosaico article.half > .post.no-image > header .compartir {
  right: 15px;
}
#mosaico article.half > .post.no-image > header .bajada {
  color: #5f687b;
  max-height: none;
  opacity: 1;
  padding: 0 15px;
}
#mosaico article > .post.no-image > header > .flag.geo {
  top: 10px;
  position: relative!important;
  float: left;
  background: transparent;
  padding: 1px;
}
.half .post.caja .flag.geo {
  position: relative;
  top: 10px;
  bottom: auto;
  float: left;
  background: none;
  padding: 1px;
}
#mosaico article.half > .post.no-image > .plain .hashtag {
  top: 0;
}
/*** APPS
*****************************************/
#mosaico article .top-wrap {
  height: 170px;
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}
#mosaico article.half .top-wrap {
  height: auto;
}
#mosaico article .top-wrap .row {
  margin: 30px 0 0 0;
}
#mosaico article.half .top-wrap .row {
  height: auto;
  margin: 0;
}
#mosaico article .top-wrap h4 {
  font-style: italic;
  font-size: 16px;
  font-weight: 700;
}
#mosaico article.half .top-wrap .arrow-down,
#mosaico article .top-wrap .arrow-down {
  position: absolute;
  bottom: 0;
  width: 100%;
}
/*** App YouTube ***/
#mosaico article > .post.caja.app.youtube,
#mosaico article > .post.caja.app.youtube > div.image-wrapper {
  background-color: #b31217;
  overflow: hidden;
}
#mosaico article > .post.caja.app.youtube .image-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(179, 18, 23, 0.3);
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
#mosaico article > .post.caja.app.youtube a:hover .image-wrapper:before {
  background-color: rgba(179, 18, 23, 0.3);
}
#mosaico article > .post.caja.app.youtube header h3.titulo a,
#mosaico article > .post.caja.app.youtube header h2.titulo a,
#mosaico article > .post.caja.app.youtube header .bajada,
#mosaico article > .post.caja.app.youtube > header .compartir,
#mosaico article > .post.caja.app.youtube > a > header .compartir {
  color: rgba(250, 250, 250, 0.9);
}
#mosaico article > .post.caja.app.youtube header h2.titulo a:hover {
  color: #222;
}
#mosaico article > .post.caja.app.youtube .image-wrapper .circle {
  position: relative;
  top: calc(50% - 30px);
  right: calc(-50% + 30px);
  width: 60px;
  height: 60px;
  cursor: pointer;
}
#mosaico article.half > .post.caja.app.youtube .image-wrapper .circle {
  position: relative;
  top: 15px;
  right: calc(-50% + 30px);
  width: 60px;
  height: 60px;
}
/*** App Twitter ***/
#mosaico article > .post.caja.app.twitter,
#mosaico article > .post.caja.app.twitter > div.image-wrapper,
#mosaico article > .post.caja.app.twitter > a > div.image-wrapper {
  background-color: #1da1f2!important;
}
#mosaico article > .post.caja.app.twitter .image-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(29, 161, 242, 0.5);
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
#mosaico article > .post.caja.app.twitter a:hover .image-wrapper:before {
  background-color: rgba(29, 161, 242, 0.3);
}
#mosaico article > .post.caja.app.twitter header h2.titulo a,
#mosaico article > .post.caja.app.twitter a header h2.titulo,
#mosaico article > .post.caja.app.twitter header .bajada,
#mosaico article > .post.caja.app.twitter > header .compartir,
#mosaico article > .post.caja.app.twitter > a > header .compartir {
  color: rgba(250, 250, 250, 0.9);
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
#mosaico article > .post.caja.app.twitter header h2.titulo a:hover,
#mosaico article > .post.caja.app.twitter > a:hover > header > h2.titulo {
  color: #222;
}
#mosaico article > .post.caja.app.twitter .image-wrapper .circle {
  position: relative;
  top: calc(50% - 30px);
  right: calc(-50% + 30px);
  width: 60px;
  height: 60px;
}
#mosaico article.half > .post.app.twitter > a:hover > header .bajada {
  max-height: 0;
  opacity: 0;
}
#mosaico article.half > .post.caja.app.twitter > a .image-wrapper:before {
  background-image: none;
}
#mosaico article.half > .post.caja.app.twitter .image-wrapper .circle {
  position: relative;
  top: 15px;
  right: calc(-50% + 30px);
  width: 60px;
  height: 60px;
}
#mosaico article > .post.caja.app.twitter .fa-stack .fa-circle:before {
  color: #FFF;
}
#mosaico article > .post.caja.app.twitter .fa-stack .fa-inverse {
  color: #1da1f2;
}
/*** App Whatsapp ***/
#mosaico article > .post.caja.app.whatsapp,
#mosaico article > .post.caja.app.whatsapp > div.image-wrapper,
#mosaico article > .post.caja.app.whatsapp > a > div.image-wrapper {
  background-color: #33d16b;
}
#mosaico article > .post.caja.app.whatsapp .image-wrapper:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(29, 161, 242, 0.5);
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
#mosaico article > .post.caja.app.whatsapp a:hover .image-wrapper:before {
  background-color: rgba(29, 161, 242, 0.3);
}
#mosaico article > .post.caja.app.whatsapp header h2.titulo a,
#mosaico article > .post.caja.app.whatsapp a header h2.titulo,
#mosaico article > .post.caja.app.whatsapp header .bajada,
#mosaico article > .post.caja.app.whatsapp > header .compartir,
#mosaico article > .post.caja.app.whatsapp > a > header .compartir {
  color: rgba(250, 250, 250, 0.9);
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
#mosaico article > .post.caja.app.whatsapp header h2.titulo a:hover,
#mosaico article > .post.caja.app.whatsapp > a:hover > header > h2.titulo {
  color: #222;
}
#mosaico article > .post.caja.app.whatsapp .image-wrapper .circle {
  position: relative;
  top: calc(50% - 30px);
  right: calc(-50% + 30px);
  width: 60px;
  height: 60px;
}
#mosaico article.half > .post.app.whatsapp > a:hover > header .bajada {
  max-height: 0;
  opacity: 0;
}
#mosaico article.half > .post.caja.app.whatsapp > a .image-wrapper:before {
  background-image: none;
}
#mosaico article.half > .post.caja.app.whatsapp .image-wrapper .circle {
  position: relative;
  top: 15px;
  right: calc(-50% + 30px);
  width: 60px;
  height: 60px;
}
#mosaico article > .post.caja.app.whatsapp .fa-stack .fa-circle:before {
  color: #FFF;
}
#mosaico article > .post.caja.app.whatsapp .fa-stack .fa-inverse {
  color: #33d16b;
}
article > .post.caja > header > h4.titulo {
  margin-top: 0px;
}
article > .post > header > h4.titulo {
  font-size: 14px;
  font-weight: 700;
  margin-top: 15px;
  line-height: 1.35;
}
/*** POST CAJA INSTAGRAM ***/
.post.caja.instagram figure {
  max-height: 990px;
  overflow: hidden;
}
.post.caja.instagram figure iframe {
  border-image-width: 0!important;
}
#mosaico article > .post.caja.instagram > header {
  position: absolute;
  overflow: hidden;
  height: 43px;
  bottom: 30px;
  left: 15px;
  right: 15px;
}
.post.caja.instagram .vermas a {
  position: absolute;
  left: 0;
  bottom: 0;
  background: #d9dadc;
  color: #717c95;
  padding: 2px 10px 0px;
}
/*** CONVOCATORIAS Y BECAS
******************************************/
section#convocatorias {
  background: #e3e5ea;
  padding: 30px 0;
}
section#convocatorias .page-header {
  border-bottom: 1px solid #00b9f1;
  position: relative;
}
/*section#convocatorias .page-header h3 {
    background: #00b9f1;
}*/
section#convocatorias .vermas.pull-right {
  position: absolute;
  right: 64px;
  bottom: -11px;
  padding: 0 1px 1px 0;
  z-index: 9;
}
section#convocatorias article > .post.caja {
  height: 370px;
  background: #FFF;
  margin-bottom: 15px;
}
section#convocatorias article > .post > div.image-wrapper,
section#convocatorias article > .post > a > div.image-wrapper {
  position: relative;
  height: 120px;
  background-color: #e3e5ea;
  background-size: cover;
  background-position: center center;
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
section#convocatorias article > .post > div.image-wrapper:hover,
section#convocatorias article > .post > a > div.image-wrapper:hover {
  background-color: #7e8188;
  opacity: .9;
}
section#convocatorias article > .post > div.image-wrapper a.goto {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
section#convocatorias article > .post > div.image-wrapper .hashtag {
  position: absolute;
  top: 10px;
  right: 0;
  z-index: 1;
}
section#convocatorias article > .post > header,
section#convocatorias article > .post > a > header {
  position: relative;
  overflow: hidden;
  height: 250px;
  padding: 15px;
}
section#convocatorias article > .post > header .bajada {
  font-size: 12px;
  margin-top: 0px;
  line-height: 1.4;
  color: #5f687b;
}
section#convocatorias article > .post > header .deadline {
  font-size: 12px;
  margin-top: 7px;
  line-height: 1.4;
  color: #5f687b;
  padding: 7px 0 15px;
  border-top: solid 1px #e3e5ea;
}
/*** YOUTUBE
******************************************/
section#videos {
  background: url("../img/fondo-ultimas-noticias.8e708b36c100.png") #fff4f4 repeat;
  background-size: 6%;
  padding: 30px 0;
}
section#videos .vermas.pull-right {
  position: absolute;
  right: 64px;
  bottom: -11px;
  padding: 0 1px 1px 0;
  z-index: 9;
}
section#videos header .page-header {
  border-bottom: 1px solid #b31217;
  position: relative;
}
section#videos .vermas,
section#videos .owl-controls .owl-nav div,
section#videos header .page-header h3 {
  background: #b31217;
}
section#videos article {
  margin: 15px 0;
}
section#videos article .post .image-wrapper,
section#videos article .post .wrap {
  height: 140px;
}
section#videos article > .post.app.youtube .wrap:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(179, 18, 23, 0.3);
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
section#videos .fa-stack {
  top: 15px;
  left: 0;
  z-index: 2;
}
section#videos .fa-circle:before {
  color: #b31217;
}
/*** AUDIO PLAYER
*****************************************/
.home #audios audio {
  width: 100%;
  margin-top: 15px;
}
.home #audios header .page-header {
  border-bottom: 1px solid #2db9ee;
  position: relative;
}
.home #audios header .page-header .fa-circle:before {
  color: #2db9ee;
}
.home #audios header .page-header h3 {
  background: #2db9ee;
}
.home #audios header .page-header .vermas {
  background: #2db9ee;
}
.home #audios article {
  margin: 0;
}
.home #audios article audio {
  width: 100%;
  margin-bottom: -5px;
}
.home #audios article .media {
  background: #e3e5ea;
}
.home #audios article .media .media-left {
  padding-right: 0;
  margin-right: 10px;
}
.home #audios article .media-body {
  padding: 0 15px;
  font-size: 13px;
}
.home #audios article .media-body .titulo {
  font-size: 14px;
  font-weight: 700;
}
.home #audios .owl-carousel .owl-stage-outer {
  margin-top: 0px;
  background: #e3e5ea;
  border-radius: 3px;
}
.home #audios .owl-carousel .owl-item {
  padding: 30px;
}
.home #audios .owl-carousel .owl-item img {
  width: 64px;
  border-radius: 3px;
}
.home #audios .owl-controls .owl-nav div {
  background: #2db9ee;
}
/*** EXPERIENCIAS
*****************************************/
#experiencias .flag.geo {
  color: #71838c;
  padding-bottom: 5px;
}
#experiencias .plain article {
  border-right: solid 1px #a9b0bf;
  min-height: 200px;
}
#experiencias .plain article:last-child {
  border-right: 0;
}
#experiencias article h4 {
  font-weight: 700;
  line-height: 1.2;
}
div#experiencias_destacadas {
  margin-top: 30px;
}
div#experiencias_destacadas article .wrap {
  height: 450px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
div#experiencias_destacadas .wrap .item-info {
  position: absolute;
  z-index: 5;
  bottom: 30px;
}
div#experiencias_destacadas .wrap a.item-info:hover,
div#lo_mas_visto .wrap a.item-info:hover {
  bottom: 50px;
}
div#experiencias_destacadas .wrap .item-info {
  right: 40px;
  left: 40px;
}
div#experiencias_destacadas .wrap .item-info .tag-wrapper {
  margin-left: -10px;
  width: 100%;
}
div#experiencias_destacadas .wrap .item-info .tag-wrapper .tag.sector {
  padding: 1px 10px 0;
}
div#experiencias_destacadas .wrap .item-info h2 {
  font-size: 33px;
  color: #FAFAFA;
  line-height: 1.2;
}
div#experiencias_destacadas .wrap .item-info h2.titulo span {
  box-shadow: 10px 0 0 rgba(0, 174, 239, 0.8), -10px 0 0 rgba(0, 174, 239, 0.8);
  background: rgba(0, 174, 239, 0.8);
  color: #FFF;
  padding: 0;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
div#experiencias_destacadas .wrap .item-info .bajada {
  font-weight: 300;
  color: #FAFAFA;
  line-height: 1.5;
}
div#experiencias_destacadas .wrap .item-info .bajada span {
  box-shadow: 10px 0 0 rgba(0, 0, 0, 0.8), -10px 0 0 rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  padding: 2px 0;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
/*** REDES
*****************************************/
section#redes {
  /*background: #e3e5ea;
    padding:30px 0;*/
}
section#redes .tab-content .tab-pane {
  height: 328px;
  min-height: 328px;
  background: #FFF;
  border-left: solid 1px #ddd;
  border-right: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  border-radius: 0 0 3px 3px;
  padding: 0;
  margin-bottom: 30px;
}
section#redes .nav-tabs > li > a {
  background: #F1F1F1;
}
section#redes .nav-tabs > li > a:hover {
  color: #222;
  background: #FFF;
}
section#redes .nav-tabs > li.active > a {
  background: #FFF;
}
/*** LO MAS VISTO
*****************************************/
section#redes #lo_mas_visto .page-header,
section#redes #lo_mas_visto .page-header h3 {
  margin-top: 0;
  padding-bottom: 3px;
}
section#redes #lo_mas_visto article {
  margin-bottom: 30px;
}
section#redes #lo_mas_visto article.main .wrap {
  height: 285px;
  background-size: cover;
  background-position: center center;
}
section#redes #lo_mas_visto article .post .image-wrapper,
section#redes #lo_mas_visto article .post .wrap {
  height: 120px;
}
section#redes #lo_mas_visto article h5 {
  font-weight: 700;
  line-height: 1.3;
}
section#redes #lo_mas_visto article .bajada {
  font-size: 0.9em;
}
section#redes #lo_mas_visto article .post {
  height: 285px;
  position: relative;
}
div#lo_mas_visto .wrap .item-info {
  position: absolute;
  right: 30px;
  left: 30px;
  bottom: 20px;
}
div#lo_mas_visto .wrap .item-info .tag.sector {
  padding: 1px 10px 0;
  margin-left: -10px;
}
div#lo_mas_visto .wrap .item-info h4 {
  font-size: 18px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1.2;
  margin-top: -1px;
}
div#lo_mas_visto .wrap .item-info h4.titulo span {
  box-shadow: 10px 0 0 rgba(255, 255, 255, 0.8), -10px 0 0 rgba(255, 255, 255, 0.8);
  background: rgba(255, 255, 255, 0.8);
  color: #222;
  padding: 0;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
}
div#lo_mas_visto .wrap .item-info .bajada {
  font-size: 12px;
  font-weight: 300;
  color: #FAFAFA;
}
div#lo_mas_visto .wrap .item-info .bajada span {
  box-shadow: 10px 0 0 rgba(0, 0, 0, 0.8), -10px 0 0 rgba(0, 0, 0, 0.8);
  background: rgba(0, 0, 0, 0.8);
  color: #FFF;
  padding: 1px 0;
}
/*** MUSEOS
*****************************************/
section#museos {
  padding: 30px 0;
}
section#museos .page-header {
  border-bottom: 1px solid #dc95b2;
  position: relative;
  padding-bottom: 9px;
  margin: 0 0 0px;
}
section#museos .vermas.pull-right {
  position: absolute;
  right: 64px;
  bottom: -11px;
  padding: 0 1px 2px 0;
  z-index: 9;
}
section#museos .vermas {
  background: #dc95b2;
}
section#museos article .post .image-wrapper {
  background-size: cover;
  margin-bottom: 15px;
  height: 125px;
  background-repeat: no-repeat;
}
section#museos article .post header {
  text-align: center;
}
section#museos article .post header .meta.geo {
  font-size: 0.9em;
  display: block;
}
section#museos .owl-controls .owl-nav div {
  background: #dc95b2;
}
/*** COMPONENTES
*****************************************/
article .wrap {
  background-color: #e3e5ea;
}
article .post .image-wrapper,
article .post .wrap {
  position: relative;
  height: 170px;
  background-color: #e3e5ea;
  background-size: cover;
  background-position: center center;
  -webkit-transition: all 200ms ease-out 0s;
  -moz-transition: all 200ms ease-out 0s;
  -o-transition: all 200ms ease-out 0s;
  transition: all 200ms ease-out 0s;
}
section#redes #lo_mas_visto article.main:before {
  content: '';
  background-color: #d0d2d8;
  top: 0;
  bottom: 0;
  left: 15px;
  right: 15px;
  position: absolute;
}
section#redes #lo_mas_visto article .post .image-wrapper {
  background-color: transparent;
}
section#redes #lo_mas_visto article .post .wrap,
section#redes #lo_mas_visto article .wrap {
  background-color: #d0d2d8;
}
.top5 .image-wrapper.lazy::before {
  background-image: url('//static.cultura.gob.ar/img/top5-counter.png');
  background-size: 140px 175px;
  display: inline-block;
  width: 140px;
  height: 175px;
  content: "";
  left: 5px;
  position: relative;
  top: 25px;
  opacity: 0.4;
}
.x2 .listado .top5 .image-wrapper.lazy::before,
#mosaico .top5 .image-wrapper.lazy::before {
  width: 140px!important;
  height: 175px!important;
  background-image: url('//static.cultura.gob.ar/img/top5-counter.png') !important;
}
/*** Tiene video ***/
.circle {
  position: absolute;
  width: 60px;
  height: 60px;
  right: 15px;
  bottom: 15px;
}
.circle a {
  cursor: pointer;
}
.circle.active:after {
  color: rgba(255, 255, 255, 0.8);
}
.circle svg {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
}
.circle svg.circleFill {
  z-index: 3;
  stroke-dasharray: 300;
  stroke-dashoffset: 300;
  -webkit-transition: all 1s linear;
  transition: all 1s linear;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.circle.active svg.circleFill {
  stroke-dashoffset: 50;
}
.circle svg.circleTrack {
  z-index: 2;
}
/*****  RESPONSIVE
***************************/
@media only screen and (max-width: 480px) {
  #ruleta .carousel-inner {
    width: 100%;
  }
  #experiencias .plain article {
    min-height: auto;
    border-bottom: solid 1px #e5e8ec;
    border-right: 0;
    padding-bottom: 15px;
  }
  #mosaico article > .post > header,
  #mosaico article > .post > a > header,
  #mosaico article > .post.caja {
    height: auto;
  }
}
@media all and (min-width: 768px) {
  #mosaico article.x2 {
    width: 50%;
  }
  #mosaico article.x2 > .post > div.image-wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
  }
  #mosaico article.x2 > .post > header {
    width: 100%;
    height: 450px;
    padding: 0 30px;
  }
  #mosaico article.x3 {
    width: 75%;
  }
  #mosaico article.x3 > .post > div.image-wrapper {
    width: 65%;
    height: 450px;
    float: left;
  }
  #mosaico article.x3 > .post > header {
    width: 35%;
    float: right;
    height: 450px;
    padding: 30px;
  }
}
@media screen and (max-width: 992px) {
  #mosaico article.x2,
  #mosaico article.x3,
  #mosaico article.x4,
  #mosaico > .container > section#feed_secundario > div.row > article:first-of-type.x4 {
    width: 100%;
  }
  #ruleta {
    width: 100%;
  }
  #agendaApp {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  #mega-menu .navbar .nav > li > a {
    padding: 4px 5px;
  }
  #mosaico article.col-sm-6 {
    width: 50%;
  }
  #mosaico article.x2 {
    width: 50%;
    margin-bottom: 30px;
  }
  #mosaico article.half {
    width: 100%;
  }
  #experiencias .plain article.col-md-3.col-sm-6.col-xs-12:nth-child(even) {
    border-right: 0;
  }
  #experiencias .plain article.col-md-3.col-sm-6.col-xs-12:nth-child(odd) {
    border-right: solid 1px #a9b0bf;
  }
}