body{
	background: var(--claro);
}
#top{
	position: relative;
	height: 100vh;
	color: var(--claro);
	background-color: var(--rojo);
	background: linear-gradient(322deg, rgba(177,44,57,1) 0%, rgba(249,83,100,1) 100%);
	z-index: -1;
}
#top h1{
	font-size: 50px;
}
#top svg{
	fill: var(--claro);
	width: 100px;
	margin-bottom: 10px;
}
#top_text{
	opacity: 0;
	animation: fadeInUp 2s;
	animation-delay: 0.2s;
	animation-fill-mode: forwards;
}
.galeria{
	display: none;
}
.menuSuperior{
	text-align: center;
    color: white;
    position: relative;
}
.menuSuperior div, .menuSuperior{
	height: 500px;
}
.menuSuperior h2{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    letter-spacing: 10px;
    font-size: 30px;
    font-weight: bold;
    user-select: none;
}
.backgroundImg{
	content: "";
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    filter: grayscale(30%) brightness(50%) sepia(10%);
	-webkit-filter: grayscale(30%) brightness(50%) sepia(10%);
	-moz-filter: grayscale(30%) brightness(50%) sepia(10%);
	transition:filter ease 0.3s;
}
.backgroundImg:hover{
	filter: grayscale(30%) brightness(30%) sepia(10%);
	-webkit-filter: grayscale(30%) brightness(30%) sepia(10%);
	-moz-filter: grayscale(30%) brightness(30%) sepia(10%);
}
.menuSuperior > .img-bg1{
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	object-fit: cover;
	filter: brightness(.3);
}
.carousel{
	height: 1000px !important;
  max-height: 200vw;
}
.carousel .carousel-inner{
  height: 100%;
  overflow: hidden;
}
.carousel .carousel-item{
  user-select: none;
  height: 100%;
}
.carousel .carousel-item img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.carousel .carousel-item h3, .carousel .carousel-item p{
	position: absolute;
    width: 100%;
    color: white;
    text-shadow: 3px 2px 4px rgb(0 0 0 / 50%);
}
.carousel .carousel-item h3{
	bottom: 25px;
}
.carousel .carousel-item p{
	bottom: 0;
}
@keyframes fadeInUp {
    from {
      opacity: 0;
      top:55%;
    }
    to {
      opacity: 1;
      top:50%;
    }
}