/*
 * Primitives: Container
 * Responsável pela largura máxima segura e pading responsivo global.
 */

.ecos-container {
    width: 100%;
    max-width: var(--ecos-container-max);
    margin-left: auto;
    margin-right: auto;
    padding-left: var(--ecos-space-md);
    padding-right: var(--ecos-space-md);
}

.ecos-container--sm {
    max-width: 600px;
}

.ecos-container--md {
    max-width: 900px;
}

.ecos-container--fluid {
    max-width: 100%;
}

@media (min-width: 768px) {
    .ecos-container {
        padding-left: var(--ecos-space-xl);
        padding-right: var(--ecos-space-xl);
    }
}