/* Variáveis (mantém a paleta usada no site) */
:root {
  --blascor-blue:   #3a56a3;
  --blascor-yellow: #fff212;
  --blascor-green:  #2e7d32;
  --blascor-beige:  #f1f5e3;
}

/* Utilitários de cor usados no HTML */
.bg-blascor-beige { background-color: var(--blascor-beige); }
.text-blascor-green { color: var(--blascor-green); }

/* Card sustentável */
.sust-card {
  background: #fff;
  border-left: 4px solid var(--blascor-green);
  border-radius: 0.75rem;          /* ~ rounded-xl */
  padding: 1.5rem;                 /* p-6 */
  box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}
.sust-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 10px 10px -5px rgb(0 0 0 / 0.04);
}

.sust-card__img {
  height: 4rem;     /* h-16 */
  margin: 0 auto 1rem;
  object-fit: contain;
}

.sust-card__title {
  font-size: 1.25rem;  /* text-xl */
  font-weight: 600;    /* font-semibold */
  color: var(--blascor-green);
}

/* Evita qualquer scroll horizontal acidental no conteúdo desta página */
section { max-width: 100%; overflow-x: hidden; }