/* css/home-salada.css
   Seção "Monte sua Salada" da home. Só ajustes de composição para este
   bloco específico — o visual (cards, selos, cores, tipografia) vem
   inteiramente reaproveitado de saladas.css / saladas-polish.css /
   saladas-experiencia.css / pensativa-visual.css, sem estilo novo.
*/

.home-salada {
  padding-top: clamp(1.5rem, 4vw, 3rem);
}

.home-salada__shell {
  margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
  padding: clamp(1.75rem, 3.5vw, 3rem);
}

/* .salada-hero-shell foi desenhado pra ser o único hero de uma página
   inteira (/saladas/); aqui é só uma seção entre várias na home, então
   o título precisa do mesmo tamanho das outras seções da home
   (.section-title base, em main.css), não do clamp gigante de
   saladas-polish.css. */
.home-salada .salada-hero .section-title {
  font-size: clamp(1.9rem, 4vw, 2.9rem);
  max-width: none;
  margin: .85rem auto 1rem;
}

.home-salada .salada-hero .section-subtitle {
  font-size: 1.02rem;
}

.home-salada__teaser {
  max-width: 62rem;
  margin: 0 auto;
}

.home-salada__teaser:has(> :only-child) {
  max-width: 26rem;
}

.home-salada__disclaimer {
  display: block;
  text-align: center;
  margin: 1.5rem auto 0;
}

.home-salada__placeholder p {
  margin: .55rem 0 0;
  font-size: .92rem;
  line-height: 1.5;
  color: rgba(44, 51, 38, .78);
}