/*PERSONAIZACION*/

 @import url("https://use.typekit.net/yxg6nub.css");


 body{
   font-family: museo-sans, sans-serif;
 }

.bg-nav{
  background-color: #000 !important;
}

.slider-hero{
  height: 100vh;
}

.navbar-nav .nav-link.active {
  font-style: italic;
  font-weight: bold;
}

.nav-link{
  color: #fff;
}

.navbar-brand{
  font-weight: bold;
  color: #E7DA97;
}

.carousel-item{
  height: 700px;
}

.bg-title-hero{
  background-color: #962821;
  padding: 30px 0px;
}

.bg-title-hero-2{
  background-color: #453661;
  padding: 30px 0px;
}

.bg-title-hero, .bg-title-hero-2 p{
  color: #E7DA97;
}

h1{
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  color: #E7DA97;
  font-size: 3rem;
}

.title{
  font-weight: 400;
  color: #fff;
}

.title-italic{
  font-style: italic;
}

.title-italic-purple{
  font-weight: 700;
  color: #453661;
  font-style: italic;
}

.day-event{
  font-weight: 700;
  font-size: 1rem;
  margin-left: 20px;
}

.reseña{
  color: #E7DA97;
}

.img-bloq-1{
  background-image:url(../images/oleos/03.jpg);
  background-size: cover;
  background-position: center left;
  height: 600px;
}

#hero .carousel-indicators{
  margin-bottom: 2rem;
}

#grafica .carousel-indicators{
  margin-bottom: 2rem;
}

#plomos .carousel-indicators{
  margin-bottom: 2rem;
}

.carousel-indicators{
  margin-bottom: 15rem;
}

.carousel-caption{
  background: rgb(0,0,0);
background: linear-gradient(360deg, rgba(0,0,0,0.5004595588235294) 0%, rgba(0,0,0,0.5508797268907564) 52%, rgba(0,0,0,0) 100%);
right: 0;
left: 0;
bottom:-0.75rem;
}

.carousel-caption h1{
  color:#fff;
}

.text-pie{
  font-size: 10px;
  font-style: italic;
  position: absolute;
  transform: rotate(-90deg);
  bottom: 250px;
  right:-150px;
}

.carousel-caption img{
  width:100%;
}

.carousel-inner #portada{
  object-fit: cover;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -100;
}

#expos h3{
  font-weight: bold;
  margin-top: 30px;
}
#expos p{
  padding:60px;
}
@media screen and (max-width:500px){
  .text-pie{
    font-size: 10px;
    font-style: italic;
    position:static;
    transform: rotate(0deg);

  }



  .carousel-inner img {
    width: 100%;
  }

  #expos h3{
    padding:15px;
  }
  #expos p{
    padding:30px;
  }
}