/* Seção de soluções prontas (v2): alinhamento por estrutura, sem subgrid.
   Os três cartões têm a mesma anatomia (ilustração, título, linha de subtítulo, descrição, botão). Onde não há subtítulo,
   uma linha "fantasma" invisível ocupa o mesmo espaço; o botão fica no fim do cartão (margin-top:auto do CSS original).
   v1 usava subgrid, que alguns navegadores dimensionam de outro jeito (colunas mais largas que o cartão). */
/* título em duas linhas: a frase de abertura em branco e a continuação em cinza */
.products .section-heading h2 span { display: block; }
.products .product { min-width: 0; }
.products .product > * { min-width: 0; max-width: 100%; }
.products .product > p { overflow-wrap: break-word; }
.products .product-ghost { visibility: hidden; pointer-events: none; user-select: none; }
@media (width <= 760px) { .products .product-ghost { display: none; } }