/* Global baseline (safe defaults) */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body { margin: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: #fff; background: #000; }
img { max-width: 100%; height: auto; display: block; }
a { color: inherit; text-decoration: none; }


/* --- Mobile: Productos (home) orden imagen + texto --- */
@media (max-width: 768px) {
  #productos .row {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 16px;
  }
  #productos .column {
    flex: 0 0 auto !important;
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  /* En cada fila (4 columnas): invierte orden del 2do producto */
  #productos .row .column:nth-child(3) { order: 4 !important; }
  #productos .row .column:nth-child(4) { order: 3 !important; }
  #productos .content { padding: 16px !important; }
  #productos img { width: 100% !important; height: auto !important; display: block; }
}


/* --- Global hero alignment (unified) --- */
.hero{
  position: relative;
}
.hero-text{
  text-align: center !important;
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: min(92vw, 900px);
  padding: 0 16px;
}
.hero-text h1, .hero-text h2, .hero-text h3{
  margin: 0 0 8px;
}
.hero-text p{
  margin: 0;
}