/* Configuración global de containers. El componente elegirá su transición real. */
.zedra-container {
    --zedra-container-max: var(--zedra-content-max);
    inline-size: min(
        calc(100% - 2 * var(--zedra-page-gutter, var(--zedra-gutter-mobile))),
        var(--zedra-container-max)
    );
    margin-inline: auto;
    min-inline-size: 0;
}

.zedra-container--wide {
    --zedra-container-max: var(--zedra-content-wide-max);
}