/* Base mínima propia de las tiendas. En Shopify esto lo ponía el theme base (Horizon), que no se
   copia (licencia): naturalie.css y las nat-* asumen box-sizing border-box, body sin margen e
   imágenes fluidas. scroll-lock lo pone tienda.js al abrir el cajón mobile. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
html[scroll-lock] { overflow: hidden; }
body { margin: 0; background: #fff; color: var(--nat-tinta, #1d2b22); font-family: var(--nat-sans, system-ui, sans-serif); }
img, svg { max-width: 100%; }
img { height: auto; }
/* Link para saltar al contenido: oculto hasta que recibe foco con el teclado. */
.nat-saltar {
  position: absolute; top: 8px; left: 8px; z-index: 1000; padding: 10px 16px;
  background: #fff; color: #1d2b22; font: 600 14px/1.2 system-ui, sans-serif;
  transform: translateY(-200%);
}
.nat-saltar:focus { transform: none; outline: 2px solid currentColor; outline-offset: 2px; }