@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@font-face {
  font-family: "Gambarino-Regular";
  src: url("../fonts/Gambarino-Regular.woff2") format("woff2"), url("../fonts/Gambarino-Regular.woff") format("woff"), url("../fonts/Gambarino-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
* {
  font-family: "Gambarino-Regular", serif;
}

html {
  font-size: 62.5%;
}

body {
  background-color: rgba(2, 41, 14, 0.9058823529);
  background-image: url(../img/bg-001.webp);
  background-repeat: repeat;
  background-blend-mode: soft-light;
}

.navbar {
  background-color: #052b15;
}
.navbar a {
  margin-top: 5px;
}
.navbar a .logo {
  width: 40px;
  margin-right: 10px;
}

.nav-link {
  font-size: 2rem;
  margin-top: 10px;
}

.navbar__btn {
  background-color: #e6e6e6;
}

.slide__nav {
  background-image: url(../img/bg-001.webp);
}

/* Inicio Caroulsel */
.hero__carousel {
  width: 100%;
}
.hero__carousel .hero {
  width: 100%;
}

.hero__img {
  filter: brightness(0.5);
  object-fit: contain;
}
.hero__img img {
  border: #fafafa solid 1px;
}

.hero__text h2 {
  font-size: 8vw;
}
.hero__text p {
  font-size: 3vw;
  text-wrap: pretty;
}

/* Fin Caroulsel */
/* Inicio del menu */
.menu {
  width: 100%;
}

.card__menu {
  width: 100%;
  background-color: #e6e6e6;
  margin-bottom: 20px;
  box-shadow: #e6e6e6;
  gap: 8px;
}

.btn__menu {
  padding: 10px 40px;
}

.card__img {
  height: 100px;
}
.card__img img {
  object-fit: contain;
  transition: transform 0.25s, visibility 0.25s ease-in;
}
.card__img img:hover {
  cursor: pointer;
  transform: scale(1.5);
}

.card__menu h4 {
  font-size: 4vw;
  font-weight: bold;
  text-align: start;
}
.card__menu p {
  font-size: 2.5vw;
  color: #e6e6e6;
}

/* Fin del menu */
/* Inicio Cards de menu */
.card__menu {
  color: #fafafa;
  border: #fafafa solid 1px;
  background-color: rgba(241, 241, 241, 0.0941176471);
}
.card__menu:hover {
  box-shadow: -3px 3px 3px 0px rgba(136, 136, 136, 0.3647058824);
}

.card__img {
  object-fit: cover;
  overflow: hidden;
  height: 125px;
}

/* Fin Cards de menu */
/* Inicio titulos del article */
.title__menu {
  margin-top: 4px;
  font-size: 3rem;
}
.title__menu h3 {
  font-size: 5rem;
}

.title__entrada span {
  position: relative;
}
.title__entrada p span::before {
  content: "";
  background-color: #fafafa;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 80%;
  height: 5%;
  margin: 0px 200px 15px 140px;
  border-radius: 2px;
  z-index: 1;
}
.title__entrada p span::after {
  content: "";
  background-color: #fafafa;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 80%;
  height: 5%;
  margin: 0px 140px 15px 200px;
  border-radius: 2px;
  z-index: 1;
}

.titulo__web {
  color: #fafafa;
  margin-top: 100px;
}
.titulo__web h1 {
  font-size: clamp(4rem, 5vw, 8rem);
  align-items: center;
  text-align: center;
}

/* Fin Nombre del menu  */
/* Menu especial */
.card__especial {
  color: #fafafa;
  border: #fafafa solid 1px;
  background-color: rgba(241, 241, 241, 0.0941176471);
  object-fit: cover;
  transform-origin: 0 0;
  overflow: hidden;
}
.card__especial h4 {
  font-size: 4rem;
}
.card__especial p {
  font-size: 2rem;
  color: #e6e6e6;
}
.card__especial p small {
  font-size: 2rem;
  color: #e6e6e6;
}

.cardsp__img {
  object-fit: contain;
  transform-origin: 0 0;
  overflow: hidden;
}
.cardsp__img img {
  transition: transform 0.25s, visibility 0.25s ease-in;
}
.cardsp__img img:hover {
  cursor: pointer;
  transform: scale(1.5);
}

/* Menu especial */
/* Inicio platos del menu */
.conatiner__platos {
  width: 100%;
}

.card__platos {
  display: flex;
  justify-content: start;
  align-items: center;
  height: 140px;
  background-color: rgba(241, 241, 241, 0.0941176471);
  padding: 10px 0px;
  margin: 0px 0px 10px 0px;
  border: #fafafa solid 1px;
}

.platos__img {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 30%;
}
.platos__img img {
  width: 80px;
}

.platos__descripcion {
  width: 90%;
  margin-left: 10px;
}
.platos__descripcion h3 {
  font-size: 4vw;
  font-weight: bolder;
  text-align: start;
  color: #fafafa;
}
.platos__descripcion p {
  font-size: 14px;
  color: #e6e6e6;
  text-align: start;
}

.card__platos span {
  background-color: #e6e6e6;
  color: black;
  padding: 2px 12px;
  border-radius: 20px;
  font-size: 14px;
}

/* Fin platos del menu */
.whatsapp {
  position: fixed;
  bottom: 40px;
  right: 30px;
  z-index: 100;
  transition: 0.2s linear;
}

.whatsapp:hover {
  transform: scale(1.2);
}

/* Inicio footer */
.footer__container {
  width: 100%;
  background-color: #052b15;
}

.redes__icon {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Fin footer */
@media (width >= 768px) {
  .titulo__web {
    margin-top: 100px;
  }
  .hero {
    width: 90%;
  }
  .hero__c img {
    height: 400px;
    object-fit: cover;
  }
  .hero h1 {
    font-size: 7vw;
  }
  .hero h2 {
    font-size: 7vw;
  }
  .hero p {
    font-size: 2.2vw;
  }
  .menu {
    width: 80%;
  }
  .card__menu h4 {
    font-size: 2vw;
  }
  .card__menu p {
    font-size: 1vw;
  }
  .card__menu img {
    width: 100%;
  }
  .platos__descripcion h3 {
    font-size: 1.5vw;
  }
  .platos__descripcion p {
    font-size: 1vw;
  }
}
@media (width >= 1024px) {
  .hero__carousel {
    height: 500px;
  }
  .hero__c img {
    height: 500px;
    object-fit: cover;
  }
}
@keyframes show {
  from {
    opacity: 0;
    translate: -100px 0px;
  }
  to {
    opacity: 1;
    translate: 0 0px;
  }
}
.card__animated {
  view-timeline-name: --card__animated;
  view-timeline-axis: block;
  animation-timeline: --card__animated;
  animation-name: show;
  animation-range: entry 25% cover 30%;
  animation-fill-mode: both;
}

button:active {
  cursor: pointer;
  animation: jelly 0.5s;
}

@keyframes jelly {
  0%, 100% {
    transform: scale(1, 1);
  }
  25% {
    transform: scale(0.9, 1.1);
  }
  50% {
    transform: scale(1.1, 0.9);
  }
  75% {
    transform: scale(0.95, 1.05);
  }
}

/*# sourceMappingURL=style.css.map */