/* Padrão de curvas da Kromu para as páginas internas. */
:root{--kromu-radius-control:10px;--kromu-radius-card:18px;--kromu-radius-panel:22px}
.catalog-header,.top-frame .top,.header-frame .header{
  width:min(1380px,calc(100% - 96px));height:64px;min-height:64px;
  margin:18px auto 0;padding:0 22px;gap:32px;
  border:1px solid #ffffff20;border-radius:999px;background:#ffffff04
}
.top-frame,.header-frame{display:flow-root;background:#111}
.top-frame .top,.header-frame .header{margin-top:18px}
.catalog-header .back-home,.top-frame .home-link{border-radius:999px}
.catalog-card,.erp-module,.trail-card,.course-card,.trail-course,.trail-resource,
.activity-card,.org-list button,.stage-list button{border-radius:var(--kromu-radius-card)}
.demand-demo,.work-demo,.bi-demo,.turn-preview,.client-preview,.page-preview,
.fleet-preview,.demand-preview,.work-preview,.knowledge-preview,.bi-preview,
.integration-preview,.agents-preview,.learning-preview,.hero-art,.trail-cover,
.type-demo,.card-preview{border-radius:var(--kromu-radius-panel)}
.turn-preview-screen,.client-preview-screen,.page-preview-canvas,.fleet-preview-screen,
.demand-preview-screen,.preview-board,.knowledge-preview-screen,.bi-preview-screen,
.integration-preview-screen,.agents-preview-screen,.hero-panel,.trail-course-cover,
.module-example,.demo-project,.swatch,.sample,.radius-box{border-radius:14px}
.course-thumb{border-radius:17px 17px 0 0}
.primary-link,.filters button,.demo-origin button,.course-footer button,
.lesson-arrows button,.button:not(.tertiary){border-radius:999px}
.lesson-list button,.trail-lessons a,.trail-lesson-thumb,.bi-tabs,.bi-tabs button,
.demo-project-icon,.dialog-top button{border-radius:var(--kromu-radius-control)}
.dialog-top button{border-radius:50%}
body:has(.top-frame) dialog{border-radius:20px}
/* A página de referência visual também acompanha a nova escala. */
body:has(.radii) header nav{border:1px solid #ffffff20;border-radius:999px;padding:14px 20px}
@media(max-width:850px){
 .catalog-header,.top-frame .top,.header-frame .header{width:calc(100% - 48px);gap:15px;padding:0 18px}
}
@media(max-width:560px){
 .catalog-header,.top-frame .top,.header-frame .header{width:calc(100% - 28px);height:58px;min-height:58px;margin-top:14px;padding:0 14px;gap:10px}
 .catalog-card,.erp-module,.trail-card,.course-card,.trail-course,.trail-resource{border-radius:16px}
 .demand-demo,.work-demo,.bi-demo,.turn-preview,.client-preview,.page-preview,.fleet-preview,.demand-preview,.work-preview,.knowledge-preview,.bi-preview,.integration-preview,.agents-preview,.hero-art,.trail-cover{border-radius:18px}
}
@media(max-width:380px){
 .top-frame .top .brand img{width:90px}
 .top-frame .top nav{gap:8px}
 .top-frame .top nav a{font-size:10px;white-space:nowrap}
}
.video-frame{width:100%;min-width:0;border-radius:var(--kromu-radius-card)}
.erp-visual{border-radius:var(--kromu-radius-panel)}
.visual-flow>div,.module-flow span{border-radius:var(--kromu-radius-control)}
.demand-grid article,.work-grid article,.capability-grid article,.bi-grid article,
.integration-services-grid article,.agents-catalog-grid article{border-radius:var(--kromu-radius-card)}
@media(max-width:560px){.erp-visual{border-radius:18px}}