/* Blendtail — Responsive
   Breakpoints reales por contenido, no solo por dispositivo:
   1180 (laptop pequeño) · 900 (tablet / menú móvil) · 600 (móvil) */

@media (max-width: 1180px) {
  :root {
    --space-2xl: 6rem;
  }

  .hero__grid {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .hero__visual {
    order: -1;
    max-width: 280px;
    margin-inline: auto;
  }

  .section--split,
  .section--offset,
  .product__grid,
  .experience__grid {
    grid-template-columns: 1fr;
  }

  .product__visual,
  .experience__visual {
    order: -1;
  }

  .section--offset {
    align-items: start;
  }

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

  .ritual-steps__item:nth-child(even) {
    transform: none;
  }

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

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

  .site-footer__grid {
    grid-template-columns: 1fr 1fr;
    row-gap: var(--space-lg);
  }
}

@media (max-width: 900px) {
  .primary-nav {
    box-shadow: -10px 0 30px color-mix(in srgb, var(--brand-ink) 30%, transparent);
  }
}

@media (max-width: 600px) {
  :root {
    --space-2xl: 4.25rem;
    --space-xl: 3.25rem;
  }

  .wrap {
    padding-inline: var(--space-sm);
  }

  .hero {
    padding-top: var(--space-xl);
    min-height: auto;
    padding-bottom: var(--space-2xl);
  }

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

  .hero__actions .btn {
    justify-content: center;
  }

  .ritual-steps {
    grid-template-columns: 1fr;
  }

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

  .precaution-panel ul {
    grid-template-columns: 1fr;
  }

  .site-footer__grid {
    grid-template-columns: 1fr;
    gap: var(--space-lg);
  }

  .site-footer__legal {
    flex-direction: column;
    text-align: left;
  }

  .wordmark__name {
    font-size: 1.25rem;
  }

  .statement-text {
    max-width: none;
  }
}

/* Pantallas grandes: aire adicional sin perder proporción */
@media (min-width: 1600px) {
  :root {
    --container-max: 1480px;
  }
}
