/* VOU — contenedor y márgenes laterales unificados en todo el sitio */

:root {
  --vou-gutter: 1rem;
  --vou-gutter-nav: 1rem;
  --vou-content-max: 1400px;
}

@media (min-width: 1024px) {
  :root {
    /* Replica home: container + lg:px-32 */
    --vou-gutter-nav: 8rem;
    --vou-gutter: 8rem;
  }
}

.casos-container,
.vou-container {
  box-sizing: border-box;
  width: 100%;
  margin-inline: auto;
  padding-inline: var(--vou-gutter);
}

@media (min-width: 1400px) {
  .casos-container,
  .vou-container {
    max-width: var(--vou-content-max);
  }
}