:root {
  --font-headers: "Lora", serif;
}
h1,
h2,
h3,
.h1,
.h2,
.h3 {
  font-family: var(--font-headers) !important;
}

a {
  text-decoration: none !important;
}

.deco-line {
  width: 150px;
}

.navbar-brand {
  color: var(--bs-primary) !important;
  font-family: var(--font-headers);
  font-weight: 700;
  font-size: 24px;
}
.navbar-brand div.bg {
  background-color: var(--bs-primary);
  width: 30px;
  height: 30px;
}

.content {
  position: absolute;
  top: 60px;
  bottom: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(#00000099 0%, transparent);
  width: 100%;
}

#hero {
  position: relative;
  height: 600px;
  overflow: hidden;
}
#hero video {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  object-position: center;
  object-fit: cover;
}

#divisor {
  background:
    linear-gradient(#00000099 0%, transparent), url(../assets/img/divisor.webp);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  position: relative;
}
#divisor .card:first-child {
  margin-block-start: 124px;
}
#divisor .card,
#go-up {
  background-color: #ffffff28;
  backdrop-filter: blur(12px);
}

.transform {
  transform: translateY(-20px);
  margin-top: -200px;
}
.transform img {
  box-shadow:
    rgba(6, 24, 44, 0.4) 0px 0px 0px 2px,
    rgba(6, 24, 44, 0.65) 0px 4px 6px -1px,
    rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
}

.wave-container {
  height: inherit;
  position: relative;
}
#hero .wave-container::before {
  content: "";
  width: 100%;
  height: 124px;
  position: absolute;
  bottom: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: bottom;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200  124' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M0 91L50 85C100 80 200 69 300 46C400 24 500 -9 600 2C700 13 800 69 900 91C1000 113 1100 102 1150 97L1200 91V124H1150C1100 124 1000 124 900 124C800 124 700 124 600 124C500 124 400 124 300 124C200 124 100 124 50 124H0V91Z' fill='%23FFFFFF'/></svg>");
}
#divisor .wave-container::after {
  content: "";
  width: 100%;
  height: 124px;
  position: absolute;
  top: -0.3%;
  left: 0;
  background-size: auto;
  background-repeat: repeat no-repeat;
  background-position: top;
  background-image: url("data:image/svg+xml;utf8,<svg viewBox='0 0 1200 124' fill='none' xmlns='http://www.w3.org/2000/svg'><g transform='rotate(180 600 62)'><path d='M0 91L50 85C100 80 200 69 300 46C400 24 500 -9 600 2C700 13 800 69 900 91C1000 113 1100 102 1150 97L1200 91V124H1150C1100 124 1000 124 900 124C800 124 700 124 600 124C500 124 400 124 300 124C200 124 100 124 50 124H0V91Z' fill='%23FFFFFF'/></g></svg>");
}

#platos img {
  height: 250px;
  object-fit: cover;
  object-position: center;
}

#equipo img {
  height: 400px;
  object-fit: cover;
  object-position: center;
}

footer iframe {
  width: 100%;
}

#go-up {
  position: fixed;
  left: 1rem;
  bottom: 1rem;
  width: 3rem;
  height: 3rem;
}

@media (min-width: 850px) {
  .w-md-75 {
    width: 75%;
  }
}