/* Hero height */
@media (max-width: 992px) {
  .hero {
    height: 70dvh;
  }
  .chip {
    width: 160px;
  }
  .product-scaler {
    transform: translateX(-50%) scale(0.5);
  }
}

@media (max-width: 768px) {
  .hero {
    height: 50dvh;
  }
  .chip {
    width: 120px;
  }
  .product-scaler {
    transform: translateX(-50%) scale(0.3);
  }
}

@media (max-width: 480px) {
  .hero {
    height: 40dvh;
  }
  .chip {
    width: 90px;
  }
  .product-scaler {
    transform: translateX(-50%) scale(0.2);
  }
}

@media (max-width: 1700px) {
  .product-scaler {
    transform: translateX(-50%) scale(0.8);
  }
}

@media (max-width: 1200px) {
  .product-scaler {
    transform: translateX(-50%) scale(0.5);
  }
}

@media (max-width: 992px) {
  .product-scaler {
    transform: translateX(-50%) scale(0.4);
  }
}

@media (max-width: 500px) {
  .product-scaler {
    transform: translateX(-50%) scale(0.25);
  }
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .pataticas-hero,
  .campesinas-hero {
    max-width: 400px;
    margin: 0;
  }

  .floating-patatas img,
  .floating-ingredientes img {
    width: 39% !important;
    max-width: 60px;
  }

  .text-oro,
  .text-campesina {
    width: 25% !important;
  }

  .sal {
    width: 18% !important;
  }
}

@media (max-width: 768px) {
  .content {
    transform: scale(0.8);
    transform-origin: center;
  }

  .sal {
    top: 20%;
    left: 60%;
    transform: scale(0.3);
  }

  .chip {
    animation: flyFromCenter 1s ease-out forwards,
      float-mobile 3s ease-in-out infinite;
  }
}

@media (max-width: 480px) {
  .pataticas-hero,
  .campesinas-hero {
    max-width: 300px;
    transform: scale(1.3);
  }

  .pataticas-hero {
    .bag {
      top: 2em;
    }
  }

  .floating-patatas img,
  .floating-ingredientes img {
    max-width: 60px;
  }

  .sal {
    width: 18% !important;
  }

  .campesinas-hero {
    .trufa-main {
      scale: 1 !important;
    }

    .text-campesina {
      top: 90% !important;
    }

    .chip {
      scale: 1 !important;
    }

    .pimienta {
      scale: 0.3 !important;
    }
  }
}

:root {
  --bag-scale: 1;
}

@media (max-width: 768px) {
  :root {
    --bag-scale: 0.7;
  }

  .pataticas-hero .content {
    transform: translateY(-15%);
  }
}

/* Custom styles for section-productos-papas-lista.php */
.chip-patata1 {
  top: 20%;
  left: 25%;
}
.chip-patata2 {
  top: 43%;
  right: 25%;
}
.chip-patata3 {
  top: 75%;
  left: 20%;
}

.sal {
  top: 20%;
  left: 66%;
  transform: scale(0.5);
}
.text-oro {
  top: 75%;
  left: 55%;
}

/* Estilos específicos para barritas-ketchup */
.chip-barrita1 {
  top: 6%;
  right: 67%;
  transform: scale(1);
}

.chip-barrita2 {
  top: 28%;
  right: 20%;
  transform: scale(1);
}

.chip-ketchup {
  bottom: 10%;
  right: 68%;
  transform: scale(2);
}

.chip-barrita3 {
  bottom: 10%;
  top: 45%;
  left: 20%;
  transform: scale(0.8);
}

.text-barritas-ketchup {
  top: 85%;
  left: 20%;
  transform: scale(1.2);
}

/* Ajustes responsivos para barritas-ketchup */
@media (max-width: 992px) {
  .chip-barrita1,
  .chip-barrita2,
  .chip-ketchup,
  .chip-barrita3 {
    transform: scale(0.8);
  }

  .ketshup1 img {
    position: absolute;
    width: 79px;
    z-index: 3;
  }

  .text-barritas-ketchup {
    transform: scale(1);
  }
}

@media (max-width: 768px) {
  .chip-barrita1,
  .chip-barrita2,
  .chip-ketchup,
  .chip-barrita3 {
    transform: scale(0.6);
  }

  .text-barritas-ketchup {
    transform: scale(0.9);
  }
}

@media (max-width: 480px) {
  .ketshup1 img {
    position: absolute !important;
    left: 20% !important;
    width: 66px !important;
    z-index: 3;
  }

  .floating-bbq img {
    width: 60px !important;
  }

  .floating-campesina img {
    width: 71px !important;
  }
}

@media (min-width: 480px) {
  .chip-barrita1,
  .chip-barrita2,
  .chip-ketchup,
  .chip-barrita3 {
    transform: scale(0.5);
  }

  .text-barritas-ketchup {
    transform: scale(0.8);
  }
}

/* Ajustes responsivos para la sección de papas */

@media (max-width: 900px) {
  .snack-span {
    display: none;
  }
}