/* Espaçamento aprovado no mockup SOBRE-ESPACAMENTO-COMPACTO-V1 em 08/09/2026. */
html[data-direction="white"] .about {
  padding-top: clamp(64px, 6vw, 88px);
}
html[data-direction="white"] .about-top {
  padding-bottom: clamp(36px, 3.5vw, 50px);
}
html[data-direction="white"] .metric {
  min-height: 164px;
  padding: 26px 32px;
  gap: 16px;
  justify-content: flex-start;
}
@media (max-width: 900px) {
  html[data-direction="white"] .about { padding-top: 64px; }
  html[data-direction="white"] .about-copy { margin-top: 0; }
  html[data-direction="white"] .about-top { gap: 24px; }
}
@media (max-width: 560px) {
  html[data-direction="white"] .about { padding-top: 52px; }
  html[data-direction="white"] .about-top { gap: 20px; padding-bottom: 32px; }
  html[data-direction="white"] .metric { min-height: 0; padding: 22px 24px; gap: 12px; }
}