/* Ajuste pontual da pagina /cores/: remove intro duplicada e melhora radius. */
.color-page .page-main {
  padding-top: clamp(30px, 4vw, 54px);
}

.color-page .acor-color-page-module {
  margin-top: 0;
  border-radius: 22px;
  overflow: hidden;
}

.color-page .acor-color-journey,
.color-page .acor-color-toolbar,
.color-page .acor-color-fgroup,
.color-page .acor-color-type-slot,
.color-page .acor-color-type-card,
.color-page .acor-color-advanced-actions,
.color-page .acor-color-ambients,
.color-page .acor-color-palettes,
.color-page .acor-color-cta-final,
.color-page .page-card {
  border-radius: 18px;
}

.color-page .acor-color-card-main,
.color-page .acor-color-empty,
.color-page .acor-color-compare-inner {
  border-radius: 20px;
}

.color-page .acor-color-jbtn,
.color-page .acor-color-quick-btn,
.color-page .acor-color-clear,
.color-page .acor-color-btn,
.color-page .btn {
  border-radius: 999px;
}

.color-page .acor-color-spectrum {
  border-radius: 16px;
  overflow: hidden;
}

.color-page .acor-color-swatch {
  border-radius: 14px;
}

@media (max-width: 760px) {
  .color-page .page-main {
    padding-top: 24px;
  }

  .color-page .acor-color-page-module {
    border-radius: 18px;
    margin-inline: 0;
  }

  .color-page .acor-color-journey,
  .color-page .acor-color-toolbar,
  .color-page .acor-color-fgroup,
  .color-page .acor-color-advanced-actions,
  .color-page .acor-color-ambients,
  .color-page .acor-color-palettes,
  .color-page .acor-color-cta-final,
  .color-page .page-card {
    border-radius: 16px;
  }
}
