/* =========================================================================== provas-home.css — as 4 ideias da seção "Não aplicado" do refino da home (fidelidade/home-refino/patches-r1.md), pro Anthony escolher VENDO. Ligadas por ?prova= (combináveis: ?prova=trilho,sticky); o base.js põe data-prova="…" no . Sem parâmetro NADA daqui se aplica. Carregado só na home. Pra apagar uma perdedora: o bloco dela aqui + nada mais (o JS das provas é um bloco só, marcado "PROVAS" no base.js). =========================================================================== */ /* --------------------------------------------------------------------------- 1. `trilho` — os três formatos em trilho horizontal no celular (≤767). O card seguinte aparece ~18% na borda; snap por card. Desktop igual. --------------------------------------------------------------------------- */ @media (max-width: 767px), (max-aspect-ratio: 1.25){ html[data-prova~="trilho"] .cards{ grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: 82%; gap: var(--e3); overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: var(--margem); margin-inline: calc(-1 * var(--margem)); padding-inline: var(--margem); scrollbar-width: none; } html[data-prova~="trilho"] .cards::-webkit-scrollbar{ display: none; } html[data-prova~="trilho"] .card{ scroll-snap-align: start; } } /* --------------------------------------------------------------------------- 2. `sticky` — na chamada final (≥1024) a coluna da esquerda gruda enquanto o formulário rola. --------------------------------------------------------------------------- */ @media (min-width: 1024px){ html[data-prova~="sticky"] .secao--final > .secao__coluna{ position: sticky; top: calc(var(--cab-altura-curta) + var(--e4)); } } /* --------------------------------------------------------------------------- 3. `passagem` e 4. `regua` — MUDARAM pra css/home.css §9b (refino r1, patch 34): o perfil §6 manda toda interna herdar a passagem, e este arquivo só a home carrega. Aqui ficam só o trilho e o sticky. --------------------------------------------------------------------------- */