/* Conteúdo do modal de promoção. A casca (véu, caixa, fechar) está em
   css/modal.css, compartilhada com o aviso de atendimento. */

.promo-foto {
  display: block; width: 100%;
  aspect-ratio: 16 / 9; object-fit: cover;
  background: var(--nuvem);
}

.promo-texto { padding: 26px 28px 28px; }

.promo-selo {
  display: inline-block; margin-bottom: 12px;
  padding: 4px 9px;
  background: var(--laranja); color: #fff;
  font-size: .66rem; font-weight: 800;
  font-variation-settings: "wdth" 112;
  letter-spacing: .06em; text-transform: uppercase;
}

.promo-texto h2 {
  font-size: clamp(1.5rem, 3.4vw, 2.1rem);
  margin: 0 0 10px;
}

.promo-texto p {
  margin: 0 0 20px;
  color: var(--texto-medio);
  line-height: 1.5;
}

.promo-cta { width: 100%; }

@media (max-width: 430px) {
  .promo-texto { padding: 20px 20px 22px; }
}