/* ==========================================================================
   Archivo: mto_utilities.css
   Fecha: 2026-01-31
   Template asociado: tienda.html
   Objetivo: utilidades mínimas y controladas (layout, spacing, texto)
   Validación realizada: sin duplicados, selectores simples, mobile-first
   Estándares: CSS moderno 2026+, accesible
   ========================================================================== */

.mto_contenedor{
  width: min(1200px, calc(100% - 2 * var(--mto_esp_5)));
  margin-inline: auto;
}

.mto_centrar{
  display: grid;
  place-items: center;
}

.mto_fila{
  display: flex;
  gap: var(--mto_esp_4);
  align-items: center;
}

.mto_columna{
  display: flex;
  flex-direction: column;
  gap: var(--mto_esp_3);
}

.mto_texto_centrado{
  text-align: center;
}

.mto_sombra_suave{
  box-shadow: 0 12px 34px var(--mto_color_sombra);
}

.mto_tarjeta{
  background: var(--mto_color_superficie);
  border: 1px solid var(--mto_color_borde);
  border-radius: var(--mto_radio_xl);
}