/* =========================================
   RESPONSIVE — Harinera de Trigo Natural
   ========================================= */

/* Tablet landscape: ≤ 1024px */
@media (max-width: 1024px) {
  .nosotros__grid {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }

  .nosotros__img-wrap {
    aspect-ratio: 16/9;
    max-height: 440px;
  }

  .proceso__timeline {
    grid-template-columns: repeat(2, 1fr);
  }

  .ubicacion__grid {
    grid-template-columns: 1fr;
    gap: var(--space-10);
  }

  .footer__inner {
    grid-template-columns: 1fr 1fr;
    gap: var(--space-8);
  }

  .footer__brand {
    grid-column: 1 / -1;
  }
}

/* Stats bar tablet */
@media (max-width: 900px) {
  .stats-bar__inner {
    gap: var(--space-4);
  }
  .stat-item__num { font-size: var(--size-2xl); }
}

/* Tablet portrait: ≤ 768px */
@media (max-width: 768px) {
  /* Header */
  .hamburger {
    display: flex;
  }

  .header__nav {
    position: fixed;
    top: 0;
    right: 0;
    height: 100dvh;
    width: min(320px, 85vw);
    background-color: var(--color-hueso);
    padding: 100px var(--space-8) var(--space-8);
    transform: translateX(100%);
    transition: transform var(--transition-slow);
    box-shadow: var(--shadow-lg);
    overflow-y: auto;
    z-index: var(--z-overlay);
  }

  .header__nav.is-open {
    transform: translateX(0);
  }

  .nav__list {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-6);
  }

  .nav__link {
    font-size: var(--size-lg);
    color: var(--color-oscuro) !important;
  }

  .nav__link--cta {
    margin-top: var(--space-4);
    padding: var(--space-3) var(--space-8);
  }

  /* Overlay del menú */
  .nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(44, 31, 14, 0.5);
    z-index: calc(var(--z-overlay) - 1);
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--transition-base);
  }

  .nav-overlay.is-visible {
    opacity: 1;
    pointer-events: all;
  }

  /* Blog */
  .blog__grid {
    grid-template-columns: 1fr;
    max-width: 480px;
    margin-inline: auto;
  }

  /* Formulario */
  .form-row {
    grid-template-columns: 1fr;
  }

  /* Footer */
  .footer__inner {
    grid-template-columns: 1fr;
    gap: var(--space-8);
  }

  .footer__bottom-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--space-4);
  }
}

/* Móvil: ≤ 480px */
@media (max-width: 480px) {
  .section { padding-block: var(--space-12); }

  .hero__content { padding-block: 100px var(--space-16); }

  .hero__actions { flex-direction: column; align-items: flex-start; }

  .productos__grid {
    grid-template-columns: 1fr;
  }

  .proceso__timeline {
    grid-template-columns: 1fr;
  }

  .nosotros__img-wrap {
    aspect-ratio: 4/3;
  }

  .valores__list {
    grid-template-columns: 1fr;
  }

  .whatsapp-float {
    bottom: var(--space-6);
    right: var(--space-6);
  }

  .mapa-wrap {
    aspect-ratio: 1/1;
  }
}

/* =========================================
   ACCESIBILIDAD — reducción de movimiento
   ========================================= */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }

  html { scroll-behavior: auto; }

  .fade-up {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

/* =========================================
   MODO OSCURO (base — opcional)
   ========================================= */

@media (prefers-color-scheme: dark) {
  /* Se puede activar en versión futura */
}