/* ===================================================
   utilities.css
   
   =================================================== */


/* ======================================
1. UTILIDADES DE GRID Y CONTAINERS
   ====================================== */

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

.row {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.col-50 {
  flex: 1 1 50%;
}

.col-33 {
  flex: 1 1 33.3333%;
}

/* ======================================
   2. UTILIDAD: CENTRADO
   (Mover a utilities.css)
   ====================================== */

.centrado {
  text-align: center;
  margin: 1.5rem auto;
}

.centrar-boton {
	text-align: center;
	margin-top: 10px;
}