body {
  font-family: "Lato", monospace, sans-serif;
  color: #515151;
  font-size: 1rem;
  font-weight: 400;
}

a {
  color: #777;
}

a:hover {
  color: #515151;
}

h1 {
  font-weight: 700;
  font-size: 2.5rem;
}
.h3 {
  font-size: 1.2rem;
}

.h4 {
  font-size: 1.2rem;
}

.heading {
  font-size: 1.1rem;
}
#header{
  background-color: #fff;
  box-shadow: 0 2px 5px rgba(0,0,0,.1);
  color: #777;
}
.section {
  padding: 7rem 0;
}
.seccion-espectaculo {
  background-color: #333333;
}
.btn-video {
  color: #fff;
  background-color: #ff0468;
  border-color: #ff0468;
  width: 100%;
  font-size: 1.2rem;
  font-weight: 700;
}
.btn-cerrar-video {
  color: #fff;
  background-color: #ff0468;
  border-color: #ff0468;
  font-size: 1.2rem;
  font-weight: 700;
}
.bkg-whitish {
  background: rgb(255,255,255);
  background: rgba(255,255,255,.5);
}
.espaciador {
  color: #333;
  font-size: 1.2rem;
  font-weight: 900;
  line-height: inherit;
  text-shadow: 1px 1px 2px #fff;
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #ff0468;
  text-shadow: none;
}
.nav-pills a {
  color: #333;
  font-size: 1.1rem;
  font-weight: 700;
  text-shadow: 1px 1px 2px #fff;
}
.nav-pills .nav-link.active a {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 700;
}

.nav-pills a:hover {
  color: #515151;
}
.white-bkg {
  background-color: #fff;
  border: #b3b2b2 solid 1px;  
  max-height: 650px;
  overflow-y: auto;
  scroll-behavior: auto;
}
.grey-bkg {
  background-color: #333;
}
.nav {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

#v-pills-tabContent h2 {
  color: #ff0468;
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
}

#v-pills-tabContent h3 {
  font-size: 1.2rem;
  font-weight: 700;
}
.prensa {
  color: #777;
  font-size: .9em;
  float:right;
}
.modal-title{
  color: #ff0468;
  font-size: 1.25rem;
  font-weight: 900;
  text-transform: uppercase;
}
.modal-header {
  border: none;
}

/* Carousel https://codepen.io/bechster/pen/jgYzrq */
.carousel {
  position: relative;
}
.carousel-item img {
  object-fit: cover;
}
#carousel-thumbs {
  background: rgba(255,255,255,.3);
  bottom: 0;
  left: 0;
  padding: 0 50px;
  right: 0;
}
#carousel-thumbs img {
  border: 5px solid transparent;
  cursor: pointer;
}
#carousel-thumbs img:hover {
  border-color: rgba(255,255,255,.3);
}
#carousel-thumbs .selected img {
  border-color: #fff;
}
.carousel-control-prev,
.carousel-control-next {
  width: 50px;
}
@media all and (max-width: 767px) {
  .carousel-container #carousel-thumbs img {
    border-width: 3px;
  }
}
@media all and (min-width: 576px) {
  .carousel-container #carousel-thumbs {
    position: absolute;
  }
}
@media all and (max-width: 576px) {
  .carousel-container #carousel-thumbs {
    background: #ccccce;
  }
}