/* DelLimón — estilos complementarios a Tailwind */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;9..144,600;9..144,700&family=Poppins:wght@400;500;600;700&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Poppins', sans-serif;
}

.font-display {
  font-family: 'Fraunces', serif;
}

/* Reveal on scroll */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

/* Textura sutil de fondo tipo papel */
.bg-paper {
  background-color: #FFFBEE;
  background-image: radial-gradient(#e9d9a0 0.6px, transparent 0.6px);
  background-size: 18px 18px;
}

/* Blob decorativo cítrico */
.citrus-blob {
  border-radius: 62% 38% 55% 45% / 45% 55% 45% 55%;
}

/* Scrollbar sutil */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #FFFBEE;
}
::-webkit-scrollbar-thumb {
  background: #C7D66B;
  border-radius: 999px;
}

/* Placeholder de producto (a reemplazar por foto real) */
.product-placeholder {
  background: repeating-linear-gradient(
    135deg,
    rgba(255, 255, 255, 0.35),
    rgba(255, 255, 255, 0.35) 10px,
    rgba(255, 255, 255, 0.15) 10px,
    rgba(255, 255, 255, 0.15) 20px
  );
}