/* General */
body {
  font-family: "Barlow", sans-serif;
  margin: 0;
  padding: 0;
}

.fullscreen img {
  width: 100%;
  height: 100%;
  background-size: cover;
}

.principales {
  background: url("/assets/img/menu/Back-Lines.png") no-repeat center center;
  background-size: cover;
}

.promos {
  margin: 0;
  background: url("/assets/img/menu/fondo-azul2.png") no-repeat center center;
  background-size: cover;
  width: 100%;
  height: auto;
}

.menu-section {
  padding: 0;
  width: 100%;
}

.menu-title {
  margin: 0;
  background-color: #b9000e;
}

.menu-title img {
  width: 80%;
  height: 80%;
}

.margenflotante {
  margin-top: -85%;
  margin-bottom: 81%;
}

.margenflotante1 {
  margin-top: 80%;
}

.menu-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.menu-options {
  width: 120%;
}

.menu-option-link {
  text-decoration: none;
}

.menu-option {
  max-width: 100%;
  height: auto;
  transition: transform 0.3s ease, opacity 0.3s ease;
  margin: 0 auto;
  display: block;
  cursor: pointer;
}

.menu-option:hover {
  transform: scale(1.05);
  opacity: 0.9;
}

.menu-promos img {
  width: 100%;
  height: 100%;
  margin-top: -0.3%;
  object-fit: cover;
}

.linea-roja {
  height: 35px;
  background-color: #c40000;
  margin-top: 20px;
}

/* Fondo Amarillo */
.fondo-amarillo {
  background-color: #f7d117;
  max-height: 680px;
  max-width: 500px;
  min-height: 630px;
  min-width: 400px;
  border-radius: 20px;
  padding: 20px;
}

.text-overlay {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
  text-align: center;
  color: #5e1f21;
  font-weight: bold;
  font-size: 1.5rem;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  line-height: 1.5;
}

/* Promociones */
.promo-header {
  margin-bottom: 7%;
}

.promo-stars,
.promo-title {
  margin-top: 2%;
}

.promo-img img {
  max-width: 100%;
}

.promo-desc {
  font-size: 20px;
  color: white;
  text-align: justify;
  margin-top: 15px;
}
.promo-list {
  max-width: 40%;
}

.lista {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 0;
  margin: 0 auto;
  color: white;
}

.lista li {
  display: flex;
  align-items: center;
  background: url("/assets/img/menu/estrella.png") no-repeat left center
    transparent;
  background-size: 25px;
  list-style-type: none;
  padding-left: 50px;
  font-size: 1.2rem;
}

/* Responsividad */
@media (max-width: 768px) {
  .menu-title img,
  .menu-image img,
  .menu-option {
    max-width: 100%;
    margin: 0 auto 1rem;
  }
  .menu-option-link {
    display: block;
    text-align: center;
  }

  .menu-options {
    padding: 20px 0;
  }

  .menu-promos img {
    max-width: 100%;
  }

  .text-overlay {
    font-size: 1rem;
  }

  .fondo-amarillo {
    max-width: 100%;
    min-width: auto;
    min-height: auto;
    padding: 15px;
    border-radius: 15px;
  }

  .promo-header img {
    width: 80%;
    margin: 0 auto;
  }

  .kilote-img {
    width: 90%;
    margin: 0 auto;
    display: block;
  }

  .promo-text {
    font-size: 0.8rem;
    text-align: center;
    line-height: 1.4;
  }
  .lista li {
    padding-left: 24px;
    background-size: 18px;
  }
  .promo-list {
    max-width: 100%;
  }
  .promo-desc {
    font-size: 1rem;
  }
  .lista h2 {
    font-size: 1.1rem;
  }
}