/* ofertas.css: o que o estúdio faz, em cartões que deslizam de lado, no molde do "Do roteiro à entrega. Tudo no mesmo
   lugar." da Airflow: cada cartão branco tem o desenho num quadrado mostarda (o mesmo de cada tipo de gravação do
   estudio.css, pelo data-servico), o nome e duas ou três linhas do que vem. Mora numa seção cinza; a .faixa
   (faixa.css) cuida do deslizar e das setas.
   Depende de: base.css, secoes-do-estudio.css, faixa.css e estudio.css (os desenhos). Telefone nas regras soltas,
   computador no @media do fim. */

.oferta { display: grid; align-content: start; gap: 10px; height: 100%; padding: 22px; border-radius: var(--raio); background: var(--branco); }

/* o mesmo círculo mostarda dos cartões do início, aqui um quadrado de cantos redondos */
.oferta .servico__icone { width: 44px; height: 44px; border-radius: 12px; }

.oferta__nome { margin-top: 6px; font-size: 17px; font-weight: 800; letter-spacing: -0.01em; }

.oferta__texto { font-size: 14px; line-height: 1.55; color: var(--texto-suave); }

@media (min-width: 900px) {
  .oferta { padding: 26px; }
  .oferta__nome { font-size: 18px; }
}