/* Espaçamento — escala base 4. Grid: 4 colunas no mobile, 8 no tablet, 12 no desktop, largura máxima 1200px. */
:root{
--esp-4:4px;--esp-8:8px;--esp-12:12px;--esp-16:16px;--esp-24:24px;--esp-32:32px;--esp-48:48px;--esp-64:64px;--esp-96:96px;
/* Uso */
--esp-dentro-min:var(--esp-4);--esp-dentro-max:var(--esp-24);
--esp-entre-blocos-min:var(--esp-32);--esp-entre-blocos-max:var(--esp-48);
--esp-entre-secoes-mobile:var(--esp-64);--esp-entre-secoes:var(--esp-96);
/* Grid */
--largura-maxima:1200px;--margem-lateral-mobile:var(--esp-16);--margem-lateral:var(--esp-24);
--colunas-mobile:4; /* @kind other */
--colunas-tablet:8; /* @kind other */
--colunas-desktop:12; /* @kind other */
/* Alvos de toque */
--altura-controle:48px;--padding-botao-h:var(--esp-24);--tamanho-flutuante:56px;--afastamento-flutuante:var(--esp-16)
}