:root {
  /* Container */
  --container-padding: 1rem;
  --container-max-width: 1200px;
  --container-sm: 640px;
  --container-md: 768px;
  --container-lg: 1024px;
  --container-xl: 1280px;
  --container-2xl: 1536px;
}

/* Container base */
.container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
}

/* Container com largura máxima */
.container-max {
  max-width: var(--container-max-width);
}

/* Containers responsivos */
.container-sm {
  max-width: var(--container-sm);
}

.container-md {
  max-width: var(--container-md);
}

.container-lg {
  max-width: var(--container-lg);
}

.container-xl {
  max-width: var(--container-xl);
}

.container-2xl {
  max-width: var(--container-2xl);
}

/* Container sem padding */
.container-fluid {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 0;
  padding-right: 0;
}

/* Container centralizado */
.container-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Container com altura total */
.container-full {
  min-height: 100vh;
}