.f7-grade{display:grid;grid-template-columns:repeat(var(--colunas),minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--spacing-8);margin-top:var(--spacing-8)}.f7-grade>*{grid-column:1/-1}@media (min-width:768px){.f7-widget{grid-column:1/span 4}.f7-planos{grid-column:5/-1}}.porte-planos{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--gutter);align-content:start}@media (min-width:1024px){.porte-planos{grid-template-columns:repeat(2,minmax(0,1fr))}}.porte-individual,.porte-plano{position:relative;border-radius:var(--radius-card)}.porte-plano{background:var(--color-superficie-tingida);padding:var(--spacing-5)}[data-superficie=cinza] .porte-plano{background:var(--color-canvas);border:1px solid var(--color-hairline)}.porte-individual{grid-column:1/-1;padding:var(--spacing-4) var(--spacing-5);border:1px solid var(--color-hairline)}.porte-quadro{position:absolute;inset:0;border:2px solid var(--color-acao);border-radius:var(--radius-card);pointer-events:none}.porte-pagina{display:grid;grid-template-columns:repeat(var(--colunas),minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--spacing-8);margin-top:var(--spacing-8)}.porte-pagina .f7-planos,.porte-pagina .f7-widget,.porte-pagina>*{grid-column:1/-1}@media (min-width:768px){.porte-pagina .f7-widget{display:grid;grid-template-columns:repeat(var(--colunas),minmax(0,1fr));column-gap:var(--gutter);row-gap:var(--spacing-6);align-items:start}.porte-pagina .f7-widget>*{grid-column:1/span 5}.porte-pagina .f7-widget>.porte-resultado{grid-column:6/-1;grid-row:1/span 2;margin-top:0}.porte-pagina .f7-widget>:last-child{margin-top:0}.porte-pagina .porte-planos{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.porte-pagina .f7-widget>*{grid-column:1/span 4}.porte-pagina .f7-widget>.porte-resultado{grid-column:6/-1}}@media (min-width:1280px){.porte-pagina .porte-planos{grid-template-columns:repeat(4,minmax(0,1fr))}}[data-superficie=cinza] .porte-pagina .porte-plano{background:var(--color-canvas);border:1px solid var(--color-hairline)}[data-superficie=cinza] .porte-pagina .porte-individual{background:var(--color-canvas)}