/* Kromu — estudo local de padronização. A abertura e o cabeçalho da home não são alterados. */
:root{
  --kromu-ink:#1d1d1d;
  --kromu-paper:#f1f1f1;
  --kromu-white:#fff;
  --kromu-black:#111;
  --kromu-text-light:#555;
  --kromu-label-light:#606060;
  --kromu-text-dark:#c8c8c8;
  --kromu-label-dark:#bcbcbc;
  --kromu-accent:#ba846d;
  --kromu-accent-ink:#795442;
  --kromu-outline-light:#555;
  --kromu-outline-dark:#e5c5b6;
  --kromu-radius-control:10px;
  --kromu-radius-card:18px;
  --kromu-radius-panel:22px;
  --kromu-radius-pill:999px;
}

/* Marca: um pequeno fragmento gráfico sinaliza o início das seções. */
.kromu-home :is(.pillars-heading,.argila-catalog-heading,.torno-intro,.education-glass,.about-section) .eyebrow::before{
  content:"";display:inline-block;width:8px;height:8px;margin:0 10px 1px 0;
  background:var(--kromu-accent);clip-path:polygon(0 0,100% 0,0 100%);vertical-align:middle
}
.kromu-home :is(.pillars-heading,.argila-catalog-heading) .eyebrow{color:var(--kromu-label-light);font-size:11px;letter-spacing:.08em}
.kromu-home :is(.torno-intro,.education-glass,.about-section) .eyebrow{color:var(--kromu-label-dark);font-size:11px;letter-spacing:.08em}

/* Site institucional: ritmo editorial e contraste para conteúdos de leitura. */
.kromu-home .pillars-section{padding-top:clamp(78px,7.5vw,108px);padding-bottom:clamp(66px,6vw,88px)}
.kromu-home .pillars-heading h2,.kromu-home .argila-catalog-heading h2,.kromu-home .torno-intro h2,.kromu-home .education-glass h2,.kromu-home .about-section h2{font-weight:450;line-height:1.08;letter-spacing:-.045em}
.kromu-home .pillar-category{font-size:11px;color:var(--kromu-label-light);letter-spacing:.06em}
.kromu-home .pillar-copy>p:last-child{color:var(--kromu-text-light);line-height:1.65}
.kromu-home .pillar-art:before{background:radial-gradient(ellipse,#00000008,transparent 64%)}
.kromu-home .pillars-note,.kromu-home .argila-signoff{color:#505050}
.kromu-home #tese .manifesto-marker span{font-size:11px;color:#b5b5b5}
.kromu-home #tese .manifesto-marker{color:#d1d1d1}
.kromu-home #tese .manifesto-item p{font-size:15px;line-height:1.7;color:var(--kromu-text-dark)}
.kromu-home #tese .manifesto-copy .eyebrow{color:#d2d2d2}
.kromu-home .argila-catalog-bar h3{color:#4f4f4f;line-height:1.5}
.kromu-home .argila-symbol-legend{color:#555}
.kromu-home .argila-symbol-legend span{font-size:13px}
.kromu-home .argila-list button>.argila-card-meta{font-size:11px;color:#606060}
.kromu-home .argila-list button[aria-pressed=true]>.argila-card-meta{color:#d5d5d5}
.kromu-home .argila-list button strong,.kromu-home .argila-catalog-card strong{font-size:15px;line-height:1.35}
.kromu-home .argila-detail{border-radius:var(--kromu-radius-card);border-color:#e5e5e5}
.kromu-home .argila-detail-top{font-size:11px;color:#606060}
.kromu-home .argila-detail-top>span:last-child{color:var(--kromu-accent-ink)}
.kromu-home .argila-detail>p:not(.argila-detail-note){font-size:15px;color:#555;line-height:1.7}
.kromu-home .argila-detail-note{font-size:12px;color:#606060}
.kromu-home .torno-intro>p,.kromu-home .torno-feature p{color:var(--kromu-text-dark)}
.kromu-home .torno-feature p{font-size:15px;line-height:1.7}
.kromu-home .education-glass{border-radius:var(--kromu-radius-panel);border-color:#ffffff78}
.kromu-home .education-intro,.kromu-home .education-audiences p{color:#e4e4e4}
.kromu-home .about-copy>p+p{color:#c8c8c8}

/* Controles da página inicial depois da abertura: foco e estados explícitos. */
.kromu-home main>section:not(#inicio) :is(a,button,input,select,textarea):focus-visible{outline:2px solid var(--kromu-outline-light);outline-offset:4px}
.kromu-home :is(#tese,#torno,#esteca,#kromu) :is(a,button,input,select,textarea):focus-visible{outline-color:var(--kromu-outline-dark)}
.kromu-home .tn-workspace-tabs button[aria-pressed=true]{color:#fff;font-weight:550}
.kromu-home .tn-workspace-tabs button[aria-pressed=true]::after{height:2px;background:#dbb5a3}
.kromu-home .tn-workspace-tabs button,.kromu-home .tn-spend-tabs button{min-height:44px}
.kromu-home .argila-list button:focus-visible{outline-offset:4px}
.kromu-home .argila-catalog-card:focus-visible{outline:2px solid var(--kromu-outline-light);outline-offset:4px}

/* Páginas internas: os mesmos fundamentos, com densidade adequada ao contexto. */
.kromu-inner .catalog-kicker{font-size:11px;letter-spacing:.08em}
.kromu-inner :is(.catalog-hero,.erp-hero,.demand-hero,.work-hero,.goals-hero,.bi-hero) .catalog-kicker{color:#c2c2c2}
.kromu-inner :is(.catalog-body,.erp-content,.demand-content,.work-content,.goals-main,.bi-content) .catalog-kicker{color:#606060}
.kromu-inner :is(.catalog-card,.erp-module,.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);border-color:#e5e5e3}
.kromu-inner :is(.catalog-card>p,.erp-module .module-desc,.demand-grid article>p,.work-grid article>p,.capability-grid article>p,.bi-grid article>p,.integration-services-grid article>p,.agents-catalog-grid article>p){font-size:14px;line-height:1.65;color:var(--kromu-text-light)}
.kromu-inner :is(.catalog-card,.erp-module,.demand-grid article,.work-grid article,.capability-grid article,.bi-grid article) :is(h3,h4){font-weight:500;letter-spacing:-.035em}
.kromu-inner :is(.catalog-card,.erp-module) :is(.card-top,.module-top){font-size:11px;color:#606060}
.kromu-inner :is(.catalog-header .back-home,.top-frame .home-link,.primary-link,.filters button,.demo-origin button,.course-footer button){border-radius:var(--kromu-radius-pill)}
.kromu-inner :is(.trail-card,.course-card,.trail-course,.trail-resource){border-radius:var(--kromu-radius-card)}
.kromu-inner :is(.trail-card:not(.dark),.course-card) p{font-size:14px;line-height:1.6;color:#595959}
.kromu-inner .trail-card.dark p{color:#c7c4c0}
.kromu-inner :is(.catalog-header,.top-frame,.header-frame) :is(a,button):focus-visible{outline:2px solid var(--kromu-outline-dark);outline-offset:4px}
.kromu-inner main :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--kromu-outline-light);outline-offset:4px}
.kromu-inner :is(.trail-hero,.hero,.erp-hero,.demand-hero,.work-hero,.goals-hero,.bi-hero,.content) :is(a,button,input,select,textarea):focus-visible{outline-color:var(--kromu-outline-dark)}
.kromu-inner :is(button,input,select,textarea){accent-color:var(--kromu-accent-ink)}
.kromu-inner :is(button,input,select,textarea):disabled{cursor:not-allowed}

/* Os elementos em movimento mantêm uma alternativa estática. */
@media(prefers-reduced-motion:reduce){
  .kromu-home main>section:not(#inicio) *, .kromu-inner main *{scroll-behavior:auto;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}
@media(max-width:820px){
  .kromu-home .pillars-section{padding-top:72px;padding-bottom:60px}
  .kromu-home .argila-symbol-legend span{font-size:12px}
}
@media(max-width:560px){
  .kromu-home .pillars-section{padding-top:64px;padding-bottom:52px}
  .kromu-home :is(.pillars-heading,.argila-catalog-heading,.torno-intro,.education-glass,.about-section) .eyebrow{font-size:10px}
  .kromu-home .argila-list button strong,.kromu-home .argila-catalog-card strong{font-size:13px}
  .kromu-home #tese .manifesto-item p{font-size:14px}
  .kromu-inner :is(.catalog-card,.erp-module,.demand-grid article,.work-grid article,.capability-grid article,.bi-grid article,.trail-card,.course-card){border-radius:16px}
}
/* As verticais compartilham uma superfície; o gesto principal continua sendo o fragmento da marca. */
.kromu-home .pillar-grid{gap:12px;border-top:0}
.kromu-home .pillar,.kromu-home .pillar:last-child{padding:16px 24px 24px;border:1px solid #e2e2e2;border-radius:var(--kromu-radius-card);background:#fafafa}
.kromu-home .pillar:hover{border-color:#aaa;background:#fff}
.kromu-home .pillar-art:before{background:none}
@media(max-width:560px){
 .kromu-home .pillar-grid{gap:10px}
 .kromu-home .pillar,.kromu-home .pillar:last-child{padding:16px 14px!important;border:1px solid #e2e2e2;border-radius:16px}
 .kromu-home .pillar-art{height:115px}
}
@media(max-width:360px){
 .kromu-home .pillar,.kromu-home .pillar:last-child{grid-template-columns:78px minmax(0,1fr);gap:14px}
 .kromu-home .pillar-art{height:96px}
 .kromu-home .pillars-section .pillar-art img{width:88px}
 .kromu-home .pillar h3{font-size:23px;letter-spacing:-.04em}
}
@media(max-width:360px){
 .kromu-home .argila-symbol-legend{gap:8px}
 .kromu-home .argila-symbol-legend span{font-size:11px;gap:4px}
 .kromu-home .argila-symbol-legend svg{width:20px;height:20px}
}
@media(max-width:360px){
 .kromu-inner .catalog-header .back-home{white-space:nowrap;font-size:8.5px;padding:9px 8px}
}

/* Espaçamento mínimo entre a apresentação da Esteca e sua linha de apoio.
   A margem automática ainda alinha a linha à arte em telas largas. */
.kromu-inner .hero-copy .lead { margin-bottom: 48px; }
@media (max-width: 560px) {
  .kromu-inner .hero-copy .lead { margin-bottom: 40px; }
}
@media (max-width: 850px) {
  .kromu-inner .hero-copy .hero-note { margin-top: 0; }
}