@media (max-width: 768px) {


	
  /* Layout lateral consistente */
  .amnu-home-hero,
  .amnu-home-bestsellers,
  .amnu-home-steps,
  .amnu-home-newsletter {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }

  /* HERO background + overlay */
  .amnu-home-hero .amnu-hero-image { display: none !important; }

  .amnu-home-hero {
    position: relative !important;
    height: 85vh;
    padding: 20px 16px !important;

    background-image: url("https://amnualfajores.com/wp-content/uploads/2026/01/ediatada-6-scaled.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;

    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;

    overflow: hidden !important;
  }

  .amnu-home-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to top,
      rgba(0,0,0,0.28) 0%,
      rgba(0,0,0,0.10) 15%,
      rgba(0,0,0,0.00) 80%
    );
    pointer-events: none;
    z-index: 1;
  }

  .amnu-hero-overlay {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 420px;
    text-align: center !important;
  }

  .amnu-hero-title {
    color: #FDF7E5 !important;
    text-align: center !important;
    font-size: 26px !important;
    line-height: 1.1 !important;
    margin: 0 0 6px 0 !important;
  }

  .amnu-hero-overlay p,
  .amnu-hero-overlay .amnu-hero-text {
    color: #FDF7E5 !important;
    text-align: center !important;
    margin: 0 0 10px 0 !important;
  }

  .amnu-hero-ctas {
    display: grid !important;
    gap: 10px !important;
    margin: 0 !important;
  }

  .amnu-hero-ctas .wp-block-button,
  .amnu-hero-ctas .wp-block-button__link {
    width: 100% !important;
  }

  .amnu-hero-ctas .wp-block-button__link {
    display: block !important;
    text-align: center !important;
    padding: 12px 16px !important;
    border-radius: 999px !important;
    font-size: 15px !important;
  }

  .amnu-cta-secondary .wp-block-button__link { opacity: 0.92 !important; }

  /* Best sellers 2 columnas */
  .amnu-bestsellers-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
  }

  .amnu-bestsellers-grid img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

  /* Newsletter en columna (form HTML) */
  .amnu-home-newsletter form {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .amnu-home-newsletter input,
  .amnu-home-newsletter button {
    width: 100% !important;
  }

  

  .amnu-step-card{
    display: grid !important;
    grid-template-columns: 1fr clamp(120px, 34vw, 180px) !important; /* izquierda | ilust */
    column-gap: 14px !important;
    align-items: start !important;
  }

  /* aplanamos wrappers Gutenberg */
  .amnu-step-card > *,
  .amnu-step-card .wp-block-group,
  .amnu-step-card .wp-block-group__inner-container,
  .amnu-step-card .wp-block-columns,
  .amnu-step-card .wp-block-column{
    display: contents !important;
  }

  /* número: queda dentro de la columna izquierda */
  .amnu-step-num{
  grid-column: 1 !important;
  width: 46px !important;
  float: left;
  margin: 0 18px 0 0 !important;
}

  /* título y texto: columna izquierda, compactos */
  .amnu-step-card h1,
  .amnu-step-card h2,
  .amnu-step-card h3,
  .amnu-step-card h4,
  .amnu-step-card h5,
  .amnu-step-card h6{
    grid-column: 1 !important;
    margin: 0 !important;
    line-height: 1.1 !important;
  }

  .amnu-step-card p{
    grid-column: 1 !important;
    margin: 6px 0 0 0 !important;
  }

  /* ilustración: columna derecha, arriba */
  .amnu-step-illust{
    grid-column: 2 !important;
    align-self: start !important;
    justify-self: end !important;
    width: 100% !important;
    margin: 0 !important;
  }

  .amnu-step-illust img{
    width: 100% !important;
    height: auto !important;
    display: block !important;
  }

}


/* =========================
AMNU – ANIMACIONES GENERALES
Agregar al final del CSS
========================= */

/* Scroll suave */
html {
  scroll-behavior: smooth;
}

/* Reveal base */
.amnu-reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.8s ease, transform 0.8s ease;
  will-change: opacity, transform;
}

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

/* Variantes */
.amnu-reveal--left {
  transform: translateX(-24px);
}

.amnu-reveal--left.is-visible {
  transform: translateX(0);
}

.amnu-reveal--right {
  transform: translateX(24px);
}

.amnu-reveal--right.is-visible {
  transform: translateX(0);
}

.amnu-reveal--scale {
  transform: scale(0.96);
}

.amnu-reveal--scale.is-visible {
  transform: scale(1);
}

/* Stagger para grids/listas */
.amnu-stagger > * {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.7s ease, transform 0.7s ease;
  will-change: opacity, transform;
}

.amnu-stagger.is-visible > * {
  opacity: 1;
  transform: translateY(0);
}

.amnu-stagger.is-visible > *:nth-child(1) { transition-delay: 0ms; }
.amnu-stagger.is-visible > *:nth-child(2) { transition-delay: 100ms; }
.amnu-stagger.is-visible > *:nth-child(3) { transition-delay: 200ms; }
.amnu-stagger.is-visible > *:nth-child(4) { transition-delay: 300ms; }
.amnu-stagger.is-visible > *:nth-child(5) { transition-delay: 400ms; }
.amnu-stagger.is-visible > *:nth-child(6) { transition-delay: 500ms; }

/* Hover sutil para cards */
.amnu-step-card,
.amnu-bestsellers-grid > *,
.amnu-home-newsletter,
.amnu-home-bestsellers .wp-block-group,
.amnu-home-steps .wp-block-group {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.amnu-step-card:hover,
.amnu-bestsellers-grid > *:hover,
.amnu-home-newsletter:hover {
  transform: translateY(-4px);
}

/* Botones más premium */
.wp-block-button__link,
button,
.amnu-home-newsletter button {
  transition: transform 0.25s ease, opacity 0.25s ease, box-shadow 0.25s ease;
}

.wp-block-button__link:hover,
button:hover,
.amnu-home-newsletter button:hover {
  transform: translateY(-2px);
}

/* Imagenes con entrada más suave */
.amnu-step-illust img,
.amnu-bestsellers-grid img,
.amnu-hero-image img {
  transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Respeta accesibilidad */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  .amnu-reveal,
  .amnu-stagger > *,
  .amnu-step-card,
  .amnu-bestsellers-grid > *,
  .wp-block-button__link,
  button,
  .amnu-home-newsletter button,
  .amnu-step-illust img,
  .amnu-bestsellers-grid img,
  .amnu-hero-image img {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}