/* KEPLIN: famílias visuais por área
   Mantém a linguagem de marca e altera o ritmo narrativo por intenção comercial. */

body.page-plataforma{
  --area-accent:#62a79e;
  --area-soft:#eaf5f2;
  --area-surface:#ffffff;
  --area-ink:#111512;
  --area-muted:#5f6862;
  --area-line:#cddbd6;
}
body.page-casos{
  --area-accent:#77b7ad;
  --area-soft:#eaf4f1;
  --area-surface:#f8fbfa;
  --area-ink:#101411;
  --area-muted:#58625d;
  --area-line:#bfcfc9;
}
body.page-solucoes{
  --area-accent:#6c66c9;
  --area-soft:#efeffb;
  --area-surface:#fbfbff;
  --area-ink:#151421;
  --area-muted:#625f70;
  --area-line:#cbc9df;
}
body.page-developers{
  --area-accent:#91d0c7;
  --area-soft:#101512;
  --area-surface:#151b17;
  --area-ink:#f1f5f2;
  --area-muted:#a6b0a9;
  --area-line:#354039;
}
body.page-empresa{
  --area-accent:#b98158;
  --area-soft:#f4eee6;
  --area-surface:#fcfaf7;
  --area-ink:#191713;
  --area-muted:#6b655c;
  --area-line:#d9ccbd;
}

html[data-theme="dark"] body.page-plataforma{
  --area-soft:#14201d;
  --area-surface:#101513;
  --area-ink:#eef4f0;
  --area-muted:#a7b2ab;
  --area-line:#33423c;
}
html[data-theme="dark"] body.page-casos{
  --area-soft:#101916;
  --area-surface:#141c18;
  --area-ink:#eef4f0;
  --area-muted:#a5b0a9;
  --area-line:#34443d;
}
html[data-theme="dark"] body.page-solucoes{
  --area-soft:#171623;
  --area-surface:#1b1a28;
  --area-ink:#f1f0f8;
  --area-muted:#aaa7ba;
  --area-line:#3e3b54;
}
html[data-theme="dark"] body.page-empresa{
  --area-soft:#1b1814;
  --area-surface:#211d18;
  --area-ink:#f4efe9;
  --area-muted:#b2a99f;
  --area-line:#4b4035;
}

/* Plataforma: produto claro, preciso e demonstrável */
.page-plataforma .product-hero{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 82% 22%,rgba(98,167,158,.18),transparent 30%),
    linear-gradient(135deg,var(--area-soft),#f8f8fd 68%);
}
.page-plataforma .product-hero:after{
  content:"";
  position:absolute;
  right:-7vw;
  bottom:-14vw;
  width:34vw;
  height:34vw;
  border:1px solid rgba(98,167,158,.25);
  border-radius:50%;
  pointer-events:none;
}
.page-plataforma .product-hero .detail-hero-grid{position:relative;z-index:1}
.page-plataforma .product-shot-hero:before{background:#8fd0c7}
.page-plataforma .product-editorial,
.page-plataforma .product-story,
.page-plataforma .product-wide-shot{background:var(--area-surface)}
.page-plataforma .product-sequence{background:var(--area-soft)}
.page-plataforma .related-links{background:var(--area-soft)}
.page-plataforma .detail-next{background:#e7e6fb}
.page-plataforma .detail-next small{color:#514bb9}
html[data-theme="dark"] .page-plataforma .product-hero{
  background:
    radial-gradient(circle at 82% 22%,rgba(98,167,158,.15),transparent 30%),
    linear-gradient(135deg,#111917,#11121a 68%);
}
html[data-theme="dark"] .page-plataforma .detail-next{background:#1b1a2a}

/* Casos de utilização: percurso do problema ao resultado */
.page-casos .detail-hero{
  position:relative;
  overflow:hidden;
  background:var(--area-soft);
}
.page-casos .detail-hero:after{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 0 64%;
  opacity:.45;
  background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,var(--area-line) 40px);
  pointer-events:none;
}
.page-casos .detail-hero-grid{position:relative;z-index:1}
.page-casos .detail-visual{padding:0;border:1px solid var(--area-line);background:transparent}
.page-casos .visual-canvas{border:0;border-radius:0;background:var(--area-surface);box-shadow:none}
.page-casos .content-section{position:relative;overflow:hidden;background:var(--area-surface)}
.page-casos .content-heading{grid-template-columns:190px minmax(0,1fr)}
.page-casos .content-heading>p{
  padding-top:12px;
  border-top:2px solid var(--area-accent);
  color:#4a7e76;
}
.page-casos .content-heading h2,
.page-casos .content-heading h2+p{color:var(--area-ink)}
.page-casos .content-heading h2+p{color:var(--area-muted)}
.page-casos .feature-mosaic{
  counter-reset:outcome;
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  grid-auto-rows:auto;
  gap:0;
  margin-top:72px;
  border-top:1px solid var(--area-line);
  border-bottom:1px solid var(--area-line);
}
.page-casos .feature-mosaic article:nth-child(n){
  counter-increment:outcome;
  grid-column:auto;
  grid-row:auto;
  min-height:350px;
  padding:28px 24px 32px;
  border:0;
  border-right:1px solid var(--area-line);
  border-radius:0;
  background:transparent!important;
  color:var(--area-ink);
}
.page-casos .feature-mosaic article:last-child{
  border-right:0;
  background:var(--area-accent)!important;
  color:#0d1714;
}
.page-casos .feature-mosaic article:before{
  content:"0" counter(outcome);
  display:block;
  margin-bottom:62px;
  color:#7a8580;
  font-size:11px;
  font-weight:750;
  letter-spacing:.12em;
}
.page-casos .feature-mosaic article:last-child:before,
.page-casos .feature-mosaic article:last-child small{color:#173b35}
.page-casos .feature-mosaic small{color:#4d7e77}
.page-casos .feature-mosaic h3,
.page-casos .feature-mosaic article:first-child h3{
  margin-top:13px;
  color:inherit;
  font-size:25px;
  line-height:1.1;
}
.page-casos .feature-mosaic p,
.page-casos .feature-mosaic .mosaic-dark p{
  margin-top:16px;
  color:var(--area-muted);
  font-size:13px;
}
.page-casos .feature-mosaic article:last-child p{color:#264740}
.page-casos .proof-band{background:var(--area-soft);color:var(--area-ink)}
.page-casos .proof-grid>div>p,
.page-casos .proof-metrics span{color:var(--area-muted)}
.page-casos .proof-metrics{
  border-color:var(--area-line);
  background:var(--area-surface);
}
.page-casos .proof-metrics div{border-color:var(--area-line)}
.page-casos .proof-metrics strong{color:#397b71}
.page-casos .related-links{background:var(--area-surface)}
.page-casos .related-grid{gap:0;border-top:1px solid var(--area-line)}
.page-casos .related-grid a{
  min-height:150px;
  border:0;
  border-right:1px solid var(--area-line);
  border-bottom:1px solid var(--area-line);
  border-radius:0;
  background:transparent;
}
.page-casos .related-grid a:last-child{border-right:0}
.page-casos .detail-next{background:#dcefe9}
.page-casos .detail-next small{color:#397b71}
html[data-theme="dark"] .page-casos .detail-next{background:#17251f}

/* Soluções: mapa de áreas ligado por um núcleo comum */
.page-solucoes .detail-hero{
  position:relative;
  overflow:hidden;
  background:var(--area-soft);
}
.page-solucoes .detail-hero:before{
  content:"";
  position:absolute;
  left:-12vw;
  top:-20vw;
  width:48vw;
  height:48vw;
  border:1px solid rgba(108,102,201,.22);
  border-radius:50%;
  box-shadow:0 0 0 70px rgba(108,102,201,.035),0 0 0 140px rgba(108,102,201,.025);
}
.page-solucoes .detail-hero-grid{position:relative;z-index:1}
.page-solucoes .detail-visual{background:#dcdaf8}
.page-solucoes .canvas-content strong{background:var(--area-accent)}
.page-solucoes .chip-b{color:#fff;background:var(--area-accent)}
.page-solucoes .content-section{background:var(--area-surface)}
.page-solucoes .content-heading{
  grid-template-columns:minmax(170px,.45fr) minmax(0,1.55fr);
  padding-bottom:44px;
  border-bottom:1px solid var(--area-line);
}
.page-solucoes .content-heading>p{color:#5c57b3}
.page-solucoes .content-heading h2{color:var(--area-ink)}
.page-solucoes .content-heading h2+p{color:var(--area-muted)}
.page-solucoes .feature-mosaic{
  position:relative;
  isolation:isolate;
  counter-reset:solution;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  grid-template-rows:repeat(2,minmax(250px,auto));
  gap:18px;
  margin-top:64px;
}
.page-solucoes .feature-mosaic:before,
.page-solucoes .feature-mosaic:after{display:none}
.page-solucoes .feature-mosaic article:nth-child(n){
  counter-increment:solution;
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  grid-column:auto;
  grid-row:auto;
  min-height:250px;
  padding:32px;
  border:1px solid var(--area-line);
  border-radius:2px;
  background:var(--area-surface)!important;
  color:var(--area-ink);
}
.page-solucoes .feature-mosaic article:nth-child(1){
  grid-column:2;
  grid-row:1 / span 2;
  justify-content:center;
  min-height:518px;
  padding:48px 38px;
  color:#f4f3fb;
  background:#282542!important;
  border-color:#282542;
}
.page-solucoes .feature-mosaic article:nth-child(2){grid-column:1;grid-row:1}
.page-solucoes .feature-mosaic article:nth-child(3){grid-column:3;grid-row:1}
.page-solucoes .feature-mosaic article:nth-child(4){grid-column:1;grid-row:2}
.page-solucoes .feature-mosaic article:nth-child(5){grid-column:3;grid-row:2}
.page-solucoes .feature-mosaic article:nth-child(3),
.page-solucoes .feature-mosaic article:nth-child(4){background:var(--area-soft)!important}
.page-solucoes .feature-mosaic article:before{
  content:"0" counter(solution);
  position:absolute;
  right:26px;
  top:24px;
  color:#77738d;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.page-solucoes .feature-mosaic article:nth-child(1):before{color:#aaa6cf}
.page-solucoes .feature-mosaic small{color:#5d57b6}
.page-solucoes .feature-mosaic h3,
.page-solucoes .feature-mosaic article:first-child h3{
  margin:18px 0 0;
  color:inherit;
  font-size:30px;
  line-height:1.08;
}
.page-solucoes .feature-mosaic article:first-child h3{font-size:42px}
.page-solucoes .feature-mosaic p,
.page-solucoes .feature-mosaic .mosaic-dark p{
  max-width:680px;
  margin:18px 0 0;
  color:var(--area-muted);
  font-size:14px;
  line-height:1.6;
}
.page-solucoes .feature-mosaic article:first-child p{color:#c6c4d7}
.page-solucoes .feature-mosaic article:first-child small{color:#aaa6ff}
.page-solucoes .proof-band{background:#242137}
.page-solucoes .proof-metrics strong{color:#aaa6ff}
.page-solucoes .related-links{background:var(--area-soft)}
.page-solucoes .related-grid a{
  border-color:var(--area-line);
  border-radius:2px;
  box-shadow:inset 0 3px 0 transparent;
}
.page-solucoes .related-grid a:hover{box-shadow:inset 0 3px 0 var(--area-accent)}
.page-solucoes .detail-next{background:#e6e4fa}
.page-solucoes .detail-next small{color:#514bb7}
html[data-theme="dark"] .page-solucoes .detail-next{background:#201e33}

/* Programadores: ambiente técnico, escuro e orientado ao produto */
.page-developers .product-hero{
  position:relative;
  overflow:hidden;
  color:var(--area-ink);
  background:
    linear-gradient(rgba(145,208,199,.055) 1px,transparent 1px),
    linear-gradient(90deg,rgba(145,208,199,.055) 1px,transparent 1px),
    #0c110e;
  background-size:38px 38px;
}
.page-developers .product-hero:after{
  content:"";
  position:absolute;
  right:7%;
  top:15%;
  width:270px;
  height:270px;
  border:1px solid rgba(145,208,199,.2);
  border-radius:50%;
  box-shadow:0 0 0 52px rgba(145,208,199,.025),0 0 0 104px rgba(145,208,199,.018);
}
.page-developers .product-hero .detail-hero-grid{position:relative;z-index:1}
.page-developers .breadcrumb,
.page-developers .breadcrumb a{color:#9aa69e}
.page-developers .kicker{color:var(--area-accent)}
.page-developers .detail-intro{color:var(--area-muted)}
.page-developers .text-action{color:#dbe5df}
.page-developers .product-shot-frame,
.page-developers .product-shot>img{
  border-color:#36423a;
  background:#141a16;
  box-shadow:0 30px 70px rgba(0,0,0,.42);
}
.page-developers .product-shot-hero:before{background:#5f64ca}
.page-developers .product-shot figcaption{color:#9eaaa2}
.page-developers .product-row-copy>small,
.page-developers .spotlight-notes small,
.page-developers .wide-note small,
.page-developers .editorial-features small,
.page-developers .sequence-head>p,
.page-developers .editorial-intro>p{
  color:var(--area-accent);
  font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.page-developers .product-statement{
  color:#0d1511;
  background:#9bd1ca;
}
.page-developers .product-statement p,
.page-developers .product-statement span{color:#24433d}
.page-developers .product-story,
.page-developers .product-sequence,
.page-developers .product-wide-shot,
.page-developers .product-editorial{
  color:var(--area-ink);
  background:var(--area-surface);
}
.page-developers .product-sequence{background:#101713}
.page-developers .product-row-copy>p,
.page-developers .product-inline-points span,
.page-developers .sequence-head>span,
.page-developers .sequence-grid p,
.page-developers .editorial-intro span,
.page-developers .editorial-features p{color:var(--area-muted)}
.page-developers .product-inline-points,
.page-developers .product-inline-points span,
.page-developers .sequence-grid,
.page-developers .sequence-grid article,
.page-developers .editorial-features,
.page-developers .editorial-features article{border-color:var(--area-line)}
.page-developers .product-inline-points b{color:#e8efe9}
.page-developers .product-proof{background:#080d0a}
.page-developers .related-links{color:var(--area-ink);background:#101512}
.page-developers .related-links h2{color:var(--area-ink)}
.page-developers .related-grid a{
  color:var(--area-ink);
  border-color:var(--area-line);
  background:#151b17;
}
.page-developers .related-grid small{color:var(--area-accent)}
.page-developers .detail-next{color:#0d1511;background:#9bd1ca}
.page-developers .detail-next small{color:#285048}
.page-developers .detail-next a{color:#0d1511;border-color:#548b82}

/* Empresa e Parceiros: grelha editorial institucional */
.page-empresa .detail-hero{
  position:relative;
  overflow:hidden;
  background:var(--area-soft);
}
.page-empresa .detail-hero:after{
  content:"";
  position:absolute;
  right:-5vw;
  top:10%;
  width:34vw;
  height:34vw;
  opacity:.55;
  background:radial-gradient(circle,var(--area-line) 1.5px,transparent 1.7px);
  background-size:22px 22px;
  transform:rotate(-8deg);
}
.page-empresa .detail-hero-grid{position:relative;z-index:1}
.page-empresa .detail-visual{background:#eadfd2}
.page-empresa .chip-b{background:#d2a27f}
.page-empresa .content-section{background:var(--area-surface)}
.page-empresa .content-heading{
  grid-template-columns:190px minmax(0,1fr);
  padding-bottom:36px;
}
.page-empresa .content-heading>p{color:#9a633d}
.page-empresa .content-heading h2{color:var(--area-ink)}
.page-empresa .content-heading h2+p{color:var(--area-muted)}
.page-empresa .feature-mosaic{
  counter-reset:relationship;
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-auto-rows:auto;
  gap:0;
  margin-top:64px;
  border-top:1px solid var(--area-line);
  border-left:1px solid var(--area-line);
}
.page-empresa .feature-mosaic article:nth-child(n){
  counter-increment:relationship;
  position:relative;
  grid-column:auto;
  grid-row:auto;
  width:auto;
  min-height:300px;
  margin:0;
  padding:38px;
  border:0;
  border-right:1px solid var(--area-line);
  border-bottom:1px solid var(--area-line);
  border-radius:0;
  background:transparent!important;
  color:var(--area-ink);
}
.page-empresa .feature-mosaic article:nth-child(1){
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:130px minmax(280px,1.05fr) minmax(280px,.95fr);
  gap:42px;
  align-items:center;
  min-height:270px;
  padding:46px;
  color:#f5f1ec;
  background:#1c1b18!important;
}
.page-empresa .feature-mosaic article:nth-child(2),
.page-empresa .feature-mosaic article:nth-child(5){background:var(--area-soft)!important}
.page-empresa .feature-mosaic article:before{
  content:"0" counter(relationship);
  position:absolute;
  right:30px;
  top:28px;
  color:#a89480;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.page-empresa .feature-mosaic article:nth-child(1):before{color:#8f877e}
.page-empresa .feature-mosaic small{color:#97613e}
.page-empresa .feature-mosaic h3,
.page-empresa .feature-mosaic article:first-child h3{
  max-width:760px;
  margin:18px 0 0;
  color:inherit;
  font-size:34px;
  line-height:1.07;
}
.page-empresa .feature-mosaic p,
.page-empresa .feature-mosaic .mosaic-dark p{
  max-width:650px;
  margin-top:18px;
  color:var(--area-muted);
  font-size:15px;
  line-height:1.65;
}
.page-empresa .feature-mosaic article:nth-child(1) small{grid-column:1;color:#d7a681}
.page-empresa .feature-mosaic article:nth-child(1) h3{
  grid-column:2;
  margin:0;
  font-size:clamp(38px,4vw,55px);
}
.page-empresa .feature-mosaic article:nth-child(1) p{
  grid-column:3;
  margin:0;
  color:#bbb4ab;
}
.page-empresa .proof-band{background:#1c1b18}
.page-empresa .proof-metrics strong{color:#d7a681}
.page-empresa .related-links{background:var(--area-soft)}
.page-empresa .related-grid{gap:22px}
.page-empresa .related-grid a{
  min-height:205px;
  border-color:var(--area-line);
  border-radius:0;
  background:var(--area-surface);
}
.page-empresa .related-grid small{color:#97613e}
.page-empresa .detail-next{background:#e9ddd0}
.page-empresa .detail-next small{color:#97613e}
html[data-theme="dark"] .page-empresa .detail-next{background:#2b241d}

html[data-theme="dark"] .page-solucoes .feature-mosaic article:nth-child(n){
  background:var(--area-surface)!important;
}
html[data-theme="dark"] .page-solucoes .feature-mosaic article:nth-child(1){
  background:#282542!important;
}
html[data-theme="dark"] .page-solucoes .feature-mosaic article:nth-child(3),
html[data-theme="dark"] .page-solucoes .feature-mosaic article:nth-child(4){
  background:var(--area-soft)!important;
}
html[data-theme="dark"] .page-empresa .feature-mosaic article:nth-child(n){
  background:var(--area-surface)!important;
}
html[data-theme="dark"] .page-empresa .feature-mosaic article:nth-child(1){
  background:#1c1b18!important;
}
html[data-theme="dark"] .page-empresa .feature-mosaic article:nth-child(2),
html[data-theme="dark"] .page-empresa .feature-mosaic article:nth-child(5){
  background:var(--area-soft)!important;
}

/* Tema escuro: superfícies e texto das famílias não técnicas */
html[data-theme="dark"] .page-casos .content-heading h2,
html[data-theme="dark"] .page-solucoes .content-heading h2,
html[data-theme="dark"] .page-empresa .content-heading h2{color:var(--area-ink)}
html[data-theme="dark"] .page-casos .visual-canvas,
html[data-theme="dark"] .page-solucoes .visual-canvas,
html[data-theme="dark"] .page-empresa .visual-canvas{background:var(--area-surface)}
html[data-theme="dark"] .page-casos .related-grid a,
html[data-theme="dark"] .page-solucoes .related-grid a,
html[data-theme="dark"] .page-empresa .related-grid a{
  color:var(--area-ink);
  background:var(--area-surface);
}
html[data-theme="dark"] .page-casos .proof-band{background:var(--area-soft)}

/* Ajustes responsivos das novas famílias */
@media(max-width:1100px){
  .page-casos .feature-mosaic{grid-template-columns:repeat(2,minmax(0,1fr))}
  .page-casos .feature-mosaic article:nth-child(n){min-height:290px;border-bottom:1px solid var(--area-line)}
  .page-casos .feature-mosaic article:nth-child(2n){border-right:0}
  .page-casos .feature-mosaic article:last-child{grid-column:1/-1}
  .page-solucoes .feature-mosaic{
    grid-template-columns:1fr 1fr;
    grid-template-rows:auto;
  }
  .page-solucoes .feature-mosaic:before,
  .page-solucoes .feature-mosaic:after{display:none}
  .page-solucoes .feature-mosaic article:nth-child(n){
    grid-column:auto;
    grid-row:auto;
    min-height:280px;
  }
  .page-solucoes .feature-mosaic article:nth-child(1){
    grid-column:1 / -1;
    min-height:330px;
  }
  .page-empresa .feature-mosaic article:nth-child(1){
    grid-template-columns:110px 1fr;
  }
  .page-empresa .feature-mosaic article:nth-child(1) p{
    grid-column:2;
    margin-top:0;
  }
}

@media(max-width:720px){
  .page-plataforma .product-hero:after,
  .page-developers .product-hero:after,
  .page-empresa .detail-hero:after{display:none}
  .page-casos .detail-hero:after{inset:58% 0 0}
  .page-casos .content-heading,
  .page-solucoes .content-heading,
  .page-empresa .content-heading{display:block}
  .page-casos .content-heading>p,
  .page-solucoes .content-heading>p,
  .page-empresa .content-heading>p{margin-bottom:22px}
  .page-casos .feature-mosaic{
    display:block;
    margin-top:48px;
    border-bottom:0;
  }
  .page-casos .feature-mosaic article:nth-child(n){
    position:relative;
    min-height:0;
    margin:0;
    padding:28px 22px 32px 62px;
    border-right:0;
    border-bottom:1px solid var(--area-line);
  }
  .page-casos .feature-mosaic article:before{
    position:absolute;
    left:0;
    top:31px;
    margin:0;
  }
  .page-solucoes .feature-mosaic{
    display:block;
    margin-top:34px;
  }
  .page-solucoes .feature-mosaic article:nth-child(n){
    display:block;
    min-height:0;
    margin-top:14px;
    padding:30px 24px;
  }
  .page-solucoes .feature-mosaic article:nth-child(1){
    min-height:0;
    padding:38px 26px;
  }
  .page-solucoes .feature-mosaic article:before{
    position:static;
    display:block;
    margin-bottom:40px;
  }
  .page-solucoes .feature-mosaic h3,
  .page-solucoes .feature-mosaic article:first-child h3{margin-top:14px;font-size:30px}
  .page-solucoes .feature-mosaic p{margin-top:18px}
  .page-empresa .feature-mosaic{
    display:block;
    margin-top:40px;
    border-left:0;
  }
  .page-empresa .feature-mosaic article:nth-child(n){
    display:block;
    width:100%;
    min-height:0;
    margin:0;
    padding:30px 0 34px;
    border-right:0;
  }
  .page-empresa .feature-mosaic article:nth-child(1){
    padding:36px 28px;
  }
  .page-empresa .feature-mosaic article:nth-child(1) h3,
  .page-empresa .feature-mosaic h3{margin-top:15px;font-size:32px}
  .page-empresa .feature-mosaic article:nth-child(1) p{margin-top:18px}
  .page-developers .product-hero{background-size:26px 26px}
  .page-developers .detail-next-grid{gap:30px}
  .page-casos .detail-copy,
  .page-casos .content-heading>div,
  .page-casos .feature-mosaic article,
  .page-casos .proof-grid>div,
  .page-casos .proof-metrics,
  .page-casos .proof-metrics>div,
  .page-solucoes .detail-copy,
  .page-solucoes .content-heading>div,
  .page-solucoes .feature-mosaic article,
  .page-solucoes .proof-grid>div,
  .page-solucoes .proof-metrics,
  .page-solucoes .proof-metrics>div,
  .page-empresa .detail-copy,
  .page-empresa .content-heading>div,
  .page-empresa .feature-mosaic article,
  .page-empresa .proof-grid>div,
  .page-empresa .proof-metrics,
  .page-empresa .proof-metrics>div{min-width:0}
  .page-casos main h1,
  .page-casos main h2,
  .page-casos main h3,
  .page-casos .proof-metrics strong,
  .page-casos .proof-metrics span,
  .page-solucoes main h1,
  .page-solucoes main h2,
  .page-solucoes main h3,
  .page-solucoes .proof-metrics strong,
  .page-solucoes .proof-metrics span,
  .page-empresa main h1,
  .page-empresa main h2,
  .page-empresa main h3,
  .page-empresa .proof-metrics strong,
  .page-empresa .proof-metrics span,
  .page-plataforma main h1,
  .page-plataforma main h2,
  .page-plataforma main h3,
  .page-developers main h1,
  .page-developers main h2,
  .page-developers main h3{
    overflow-wrap:anywhere;
    hyphens:auto;
  }
}



/* Empresa e Parceiros: formato editorial contínuo */
.page-empresa .content-section{
  overflow:hidden;
  padding-bottom:0;
  background:var(--area-surface);
}
.page-empresa .content-heading{
  display:block;
  max-width:920px;
  padding-bottom:0;
}
.page-empresa .content-heading>p{
  margin-bottom:24px;
  color:#97613e;
}
.page-empresa .content-heading>div>p{
  max-width:790px;
  margin-top:26px;
  color:var(--area-muted);
  font-size:20px;
  line-height:1.7;
}
.page-empresa .company-editorial-intro{
  display:flex;
  align-items:flex-start;
  gap:clamp(44px,7vw,100px);
  max-width:1100px;
  padding-top:58px;
  padding-bottom:94px;
}
.page-empresa .company-editorial-intro p{
  flex:1 1 0;
  margin:0;
  color:var(--area-muted);
  font-size:18px;
  line-height:1.82;
}
.page-empresa .company-editorial-intro p:first-child{
  color:var(--area-ink);
  font-size:21px;
  line-height:1.7;
}
.page-empresa .feature-mosaic.company-story{
  display:block;
  overflow:visible;
  margin-top:0;
  padding-top:0;
  padding-bottom:0;
  border:0;
}
.page-empresa .feature-mosaic.company-story article:nth-child(n){
  display:block;
  position:relative;
  grid-column:auto;
  grid-row:auto;
  width:100%;
  max-width:860px;
  min-height:0;
  margin:0 auto;
  padding:78px 0 86px;
  border:0;
  border-radius:0;
  color:var(--area-ink);
  background:var(--area-surface)!important;
  box-shadow:0 0 0 100vmax var(--area-surface);
  clip-path:inset(0 -100vmax);
}
.page-empresa .feature-mosaic.company-story article:nth-child(odd){
  background:var(--area-soft)!important;
  box-shadow:0 0 0 100vmax var(--area-soft);
}
.page-empresa .feature-mosaic.company-story article:before{display:none}
.page-empresa .feature-mosaic.company-story small,
.page-empresa .feature-mosaic.company-story article:first-child small{
  display:block;
  grid-column:auto;
  margin:0 0 16px;
  color:#97613e;
}
.page-empresa .feature-mosaic.company-story h3,
.page-empresa .feature-mosaic.company-story article:first-child h3{
  grid-column:auto;
  max-width:820px;
  margin:0;
  color:var(--area-ink);
  font-size:clamp(40px,4.2vw,62px);
  line-height:1.03;
}
.page-empresa .feature-mosaic.company-story p,
.page-empresa .feature-mosaic.company-story .mosaic-dark p,
.page-empresa .feature-mosaic.company-story article:first-child p{
  grid-column:auto;
  max-width:760px;
  margin:26px 0 0;
  color:var(--area-muted);
  font-size:18px;
  line-height:1.78;
}
.page-empresa .proof-band{
  padding-top:120px;
  padding-bottom:120px;
  background:#1c1b18;
}
.page-empresa .proof-grid{
  display:block;
  max-width:980px;
}
.page-empresa .proof-grid>div:first-child{
  max-width:840px;
}
.page-empresa .proof-grid>div:first-child h2{
  font-size:clamp(48px,6vw,78px);
  line-height:1;
}
.page-empresa .proof-grid>div:first-child p{
  max-width:760px;
  margin-top:28px;
  font-size:19px;
  line-height:1.75;
}
.page-empresa .proof-metrics{
  display:flex;
  gap:44px;
  margin-top:62px;
  padding:0;
  border:0;
  background:transparent;
}
.page-empresa .proof-metrics div{
  flex:1 1 0;
  min-width:0;
  padding:0;
  border:0;
}
.page-empresa .proof-metrics strong{
  font-size:28px;
}
.page-empresa .proof-metrics span{
  margin-top:8px;
}
.page-empresa .related-links{
  background:var(--area-surface);
}
.page-empresa .related-grid{
  display:block;
  margin-top:34px;
  border-top:1px solid var(--area-line);
}
.page-empresa .related-grid a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:0;
  padding:28px 0;
  border:0;
  border-bottom:1px solid var(--area-line);
  background:transparent!important;
}
.page-empresa .related-grid a small{
  flex:0 0 150px;
}
.page-empresa .related-grid a strong{
  flex:1 1 auto;
  font-size:25px;
}
.page-empresa .related-grid a span{
  position:static;
}

@media(max-width:720px){
  .page-empresa .company-editorial-intro{
    display:block;
    padding-top:40px;
    padding-bottom:64px;
  }
  .page-empresa .company-editorial-intro p{
    font-size:17px;
    line-height:1.75;
  }
  .page-empresa .company-editorial-intro p:first-child{
    font-size:19px;
  }
  .page-empresa .company-editorial-intro p+p{
    margin-top:28px;
  }
  .page-empresa .feature-mosaic.company-story{
    display:block;
    margin-top:0;
    border:0;
  }
  .page-empresa .feature-mosaic.company-story article:nth-child(n){
    width:100%;
    max-width:none;
    padding:54px 0 60px;
  }
  .page-empresa .feature-mosaic.company-story h3,
  .page-empresa .feature-mosaic.company-story article:first-child h3{
    font-size:36px;
    line-height:1.05;
  }
  .page-empresa .feature-mosaic.company-story p,
  .page-empresa .feature-mosaic.company-story article:first-child p{
    margin-top:22px;
    font-size:17px;
    line-height:1.7;
  }
  .page-empresa .proof-band{
    padding-top:76px;
    padding-bottom:76px;
  }
  .page-empresa .proof-grid>div:first-child h2{
    font-size:40px;
  }
  .page-empresa .proof-metrics{
    display:block;
    margin-top:48px;
  }
  .page-empresa .proof-metrics div+div{
    margin-top:24px;
  }
  .page-empresa .related-grid a{
    display:grid;
    grid-template-columns:1fr auto;
    gap:8px 18px;
    padding:24px 0;
  }
  .page-empresa .related-grid a small{
    grid-column:1;
  }
  .page-empresa .related-grid a strong{
    grid-column:1;
    font-size:22px;
  }
  .page-empresa .related-grid a span{
    grid-column:2;
    grid-row:1 / span 2;
    align-self:center;
  }
}


/* Empresa e Parceiros: artigo de coluna única */
.page-empresa .company-article-section{
  padding:clamp(92px,10vw,150px) 0;
  background:var(--area-surface);
}
.page-empresa .company-article{
  width:100%;
  max-width:820px;
  margin-right:auto;
  margin-left:auto;
}
.page-empresa .company-article>.kicker{
  margin:0 0 26px;
  color:#97613e;
}
.page-empresa .company-article>h2{
  max-width:800px;
  margin:0;
  color:var(--area-ink);
  font-size:clamp(50px,6vw,78px);
  line-height:.98;
  letter-spacing:-.04em;
}
.page-empresa .company-article-lead{
  max-width:760px;
  margin:34px 0 0;
  color:var(--area-muted);
  font-size:22px;
  line-height:1.65;
}
.page-empresa .company-prose{
  display:block;
  max-width:730px;
  margin-top:68px;
}
.page-empresa .company-prose p{
  margin:0;
  color:var(--area-ink);
  font-size:19px;
  line-height:1.82;
}
.page-empresa .company-prose p+p{
  margin-top:30px;
}
.page-empresa .company-chapter{
  display:block;
  max-width:760px;
  margin-top:104px;
  padding:0;
  border:0;
}
.page-empresa .company-chapter small{
  display:block;
  margin:0 0 20px;
  color:#97613e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.page-empresa .company-chapter h3{
  max-width:740px;
  margin:0;
  color:var(--area-ink);
  font-size:clamp(38px,4.4vw,56px);
  line-height:1.04;
  letter-spacing:-.035em;
}
.page-empresa .company-chapter p{
  max-width:730px;
  margin:28px 0 0;
  color:var(--area-muted);
  font-size:19px;
  line-height:1.82;
}
.page-empresa .company-chapter p strong{
  color:var(--area-ink);
  font-weight:700;
}
.page-empresa .company-article-closing{
  padding:clamp(96px,10vw,150px) 0;
  color:#f4efe9;
  background:#1c1b18;
}
.page-empresa .company-article-closing h2{
  max-width:780px;
  margin:0;
  color:#f4efe9;
  font-size:clamp(48px,6vw,76px);
  line-height:1;
  letter-spacing:-.04em;
}
.page-empresa .company-article-closing p{
  max-width:720px;
  margin:34px 0 0;
  color:#bdb5ab;
  font-size:20px;
  line-height:1.75;
}
.page-empresa .detail-next-grid{
  display:block;
  max-width:820px;
}
.page-empresa .detail-next-grid>a{
  display:inline-flex;
  margin-top:34px;
}

@media(max-width:720px){
  .page-empresa .company-article-section{
    padding:72px 0 84px;
  }
  .page-empresa .company-article>h2{
    font-size:42px;
    line-height:1.02;
  }
  .page-empresa .company-article-lead{
    margin-top:26px;
    font-size:19px;
    line-height:1.65;
  }
  .page-empresa .company-prose{
    margin-top:48px;
  }
  .page-empresa .company-prose p,
  .page-empresa .company-chapter p{
    font-size:17px;
    line-height:1.76;
  }
  .page-empresa .company-prose p+p{
    margin-top:24px;
  }
  .page-empresa .company-chapter{
    margin-top:74px;
  }
  .page-empresa .company-chapter h3{
    font-size:36px;
    line-height:1.06;
  }
  .page-empresa .company-chapter p{
    margin-top:22px;
  }
  .page-empresa .company-article-closing{
    padding:78px 0 84px;
  }
  .page-empresa .company-article-closing h2{
    font-size:40px;
  }
  .page-empresa .company-article-closing p{
    margin-top:26px;
    font-size:18px;
  }
}


/* Parceiros: percurso visual em largura total */
.page-empresa .partner-story-section{
  overflow:hidden;
  padding:clamp(96px,9vw,140px) 0 0;
  background:var(--area-surface);
}
.page-empresa .partner-story-intro{
  display:block;
}
.page-empresa .partner-story-intro>.kicker{
  margin:0 0 26px;
  color:#97613e;
}
.page-empresa .partner-story-intro>h2{
  max-width:1040px;
  margin:0;
  color:var(--area-ink);
  font-size:clamp(56px,7vw,88px);
  line-height:.97;
  letter-spacing:-.045em;
}
.page-empresa .partner-story-lead{
  max-width:820px;
  margin:34px 0 0;
  color:var(--area-muted);
  font-size:22px;
  line-height:1.65;
}
.page-empresa .partner-story-copy{
  display:block;
  max-width:900px;
  margin-top:66px;
}
.page-empresa .partner-story-copy p{
  margin:0;
  color:var(--area-ink);
  font-size:19px;
  line-height:1.82;
}
.page-empresa .partner-story-copy p+p{
  margin-top:30px;
}
.page-empresa .partner-models{
  position:relative;
  display:flex;
  gap:clamp(44px,6vw,82px);
  margin-top:108px;
  padding-top:120px;
  padding-bottom:130px;
}
.page-empresa .partner-flow-line{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:180px;
  overflow:visible;
}
.page-empresa .partner-flow-line>path{
  fill:none;
  stroke:#b98158;
  stroke-width:2.5;
  stroke-linecap:round;
}
.page-empresa .partner-flow-line marker path{
  fill:#b98158;
}
.page-empresa .partner-model{
  position:relative;
  flex:1 1 0;
  min-width:0;
  padding:0;
  border:0;
}
.page-empresa .partner-model>span{
  position:absolute;
  top:-50px;
  left:50%;
  display:grid;
  width:40px;
  height:40px;
  border-radius:50%;
  color:#17130f;
  background:#d7a681;
  font-size:11px;
  font-weight:800;
  place-items:center;
  transform:translateX(-50%);
}
.page-empresa .partner-model small{
  display:block;
  margin:0 0 16px;
  color:#97613e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.page-empresa .partner-model h3{
  margin:0;
  color:var(--area-ink);
  font-size:clamp(30px,3.2vw,43px);
  line-height:1.04;
  letter-spacing:-.035em;
}
.page-empresa .partner-model p{
  margin:24px 0 0;
  color:var(--area-muted);
  font-size:17px;
  line-height:1.75;
}
.page-empresa .partner-growth-section{
  padding:clamp(96px,9vw,132px) 0;
  background:var(--area-soft);
}
.page-empresa .partner-growth{
  display:block;
}
.page-empresa .partner-growth small{
  display:block;
  margin:0 0 20px;
  color:#97613e;
  font-size:11px;
  font-weight:800;
  letter-spacing:.12em;
}
.page-empresa .partner-growth h2{
  max-width:900px;
  margin:0;
  color:var(--area-ink);
  font-size:clamp(48px,6vw,76px);
  line-height:1;
  letter-spacing:-.04em;
}
.page-empresa .partner-growth p{
  max-width:880px;
  margin:32px 0 0;
  color:var(--area-muted);
  font-size:20px;
  line-height:1.75;
}
.page-empresa .partner-growth p strong{
  color:var(--area-ink);
}
.page-empresa .partner-closing>.shell{
  display:block;
}
.page-empresa .partner-closing h2{
  max-width:980px;
}
.page-empresa .partner-closing p{
  max-width:860px;
}

@media(max-width:980px){
  .page-empresa .partner-flow-line{display:none}
  .page-empresa .partner-models{
    display:block;
    margin-top:72px;
    padding-top:0;
    padding-bottom:90px;
  }
  .page-empresa .partner-model{
    max-width:760px;
    padding:48px 0;
  }
  .page-empresa .partner-model+.partner-model{
    border-top:1px solid var(--area-line);
  }
  .page-empresa .partner-model>span{
    position:static;
    display:grid;
    margin-bottom:26px;
    transform:none;
  }
}
@media(max-width:720px){
  .page-empresa .partner-story-section{
    padding-top:72px;
  }
  .page-empresa .partner-story-intro>h2{
    font-size:44px;
    line-height:1.02;
  }
  .page-empresa .partner-story-lead{
    margin-top:26px;
    font-size:19px;
  }
  .page-empresa .partner-story-copy{
    margin-top:48px;
  }
  .page-empresa .partner-story-copy p{
    font-size:17px;
    line-height:1.76;
  }
  .page-empresa .partner-models{
    margin-top:48px;
    padding-bottom:70px;
  }
  .page-empresa .partner-model h3{
    font-size:36px;
  }
  .page-empresa .partner-model p{
    font-size:17px;
  }
  .page-empresa .partner-growth-section{
    padding:78px 0 84px;
  }
  .page-empresa .partner-growth h2{
    font-size:40px;
  }
  .page-empresa .partner-growth p{
    margin-top:26px;
    font-size:18px;
  }
}


/* Casos de utilização: seis mapas e percursos distintos */
.page-casos .feature-mosaic.case-flow{
  position:relative;
  isolation:isolate;
  display:block;
  counter-reset:outcome;
  margin-top:76px;
  border:0;
  overflow:visible;
}
.page-casos .case-flow-lines{
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
}
.page-casos .case-flow-lines path,
.page-casos .case-flow-lines ellipse{
  fill:none;
  stroke:var(--area-accent);
  stroke-width:3;
  stroke-linecap:round;
  stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.page-casos .case-flow-lines marker path{
  fill:var(--area-accent);
  stroke:0;
}
.page-casos .case-flow-lines .flow-secondary{
  opacity:.45;
  stroke-dasharray:7 10;
  stroke-width:2;
}
.page-casos .feature-mosaic.case-flow article:nth-of-type(n){
  counter-increment:outcome;
  position:absolute;
  z-index:1;
  display:block;
  grid-column:auto;
  grid-row:auto;
  width:28%;
  min-height:300px;
  margin:0;
  padding:28px;
  border:0;
  border-radius:24px;
  color:var(--area-ink);
  background:var(--area-surface)!important;
  box-shadow:0 18px 50px rgba(30,48,42,.11);
}
.page-casos .feature-mosaic.case-flow article:before{
  content:"0" counter(outcome);
  position:static;
  display:grid;
  width:36px;
  height:36px;
  margin:0 0 30px;
  border-radius:50%;
  color:#173b35;
  background:#b9ded7;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  place-items:center;
}
.page-casos .feature-mosaic.case-flow small{
  display:block;
  color:#4d7e77;
}
.page-casos .feature-mosaic.case-flow h3,
.page-casos .feature-mosaic.case-flow article:first-child h3{
  margin:14px 0 0;
  color:inherit;
  font-size:27px;
  line-height:1.08;
}
.page-casos .feature-mosaic.case-flow p,
.page-casos .feature-mosaic.case-flow .mosaic-dark p{
  margin:18px 0 0;
  color:var(--area-muted);
  font-size:14px;
  line-height:1.62;
}
.page-casos .feature-mosaic.case-flow article:last-child p{
  color:var(--area-muted);
}

.page-casos .flow-hub{height:900px}
.page-casos .flow-hub article:nth-of-type(1){left:35%;top:225px;width:30%;background:#91c8bf!important}
.page-casos .flow-hub article:nth-of-type(2){left:0;top:20px}
.page-casos .flow-hub article:nth-of-type(3){left:72%;top:20px}
.page-casos .flow-hub article:nth-of-type(4){left:0;top:500px}
.page-casos .flow-hub article:nth-of-type(5){left:72%;top:500px}

.page-casos .flow-stream{height:740px}
.page-casos .flow-stream article:nth-of-type(n){width:19%!important}
.page-casos .flow-stream article:nth-of-type(1){left:0;top:30px}
.page-casos .flow-stream article:nth-of-type(2){left:20.25%;top:300px}
.page-casos .flow-stream article:nth-of-type(3){left:40.5%;top:40px}
.page-casos .flow-stream article:nth-of-type(4){left:60.75%;top:320px}
.page-casos .flow-stream article:nth-of-type(5){left:81%;top:60px;background:#91c8bf!important}

.page-casos .flow-layers{height:860px}
.page-casos .flow-layers article:nth-of-type(n){width:19%!important}
.page-casos .flow-layers article:nth-of-type(1){left:0;top:460px}
.page-casos .flow-layers article:nth-of-type(2){left:20.25%;top:280px}
.page-casos .flow-layers article:nth-of-type(3){left:40.5%;top:110px;color:#f0f5f2;background:#1c2824!important}
.page-casos .flow-layers article:nth-of-type(4){left:60.75%;top:280px}
.page-casos .flow-layers article:nth-of-type(5){left:81%;top:460px;background:#91c8bf!important}
.page-casos .flow-layers article:nth-of-type(3) p{color:#b7c3bc}

.page-casos .flow-orbit{height:880px}
.page-casos .flow-orbit article:nth-of-type(1){left:35%;top:270px;width:30%;color:#f0f5f2;background:#1c2824!important}
.page-casos .flow-orbit article:nth-of-type(2){left:0;top:10px}
.page-casos .flow-orbit article:nth-of-type(3){left:72%;top:10px}
.page-casos .flow-orbit article:nth-of-type(4){left:0;top:530px}
.page-casos .flow-orbit article:nth-of-type(5){left:72%;top:530px;background:#91c8bf!important}
.page-casos .flow-orbit article:nth-of-type(1) p{color:#b7c3bc}

.page-casos .flow-constellation{height:900px}
.page-casos .flow-constellation article:nth-of-type(1){left:0;top:80px}
.page-casos .flow-constellation article:nth-of-type(2){left:72%;top:20px}
.page-casos .flow-constellation article:nth-of-type(3){left:36%;top:260px;color:#f0f5f2;background:#1c2824!important}
.page-casos .flow-constellation article:nth-of-type(4){left:3%;top:540px}
.page-casos .flow-constellation article:nth-of-type(5){left:70%;top:520px;background:#91c8bf!important}
.page-casos .flow-constellation article:nth-of-type(3) p{color:#b7c3bc}

.page-casos .flow-branch{height:940px}
.page-casos .flow-branch article:nth-of-type(1){left:36%;top:10px;color:#f0f5f2;background:#1c2824!important}
.page-casos .flow-branch article:nth-of-type(2){left:7%;top:280px}
.page-casos .flow-branch article:nth-of-type(3){left:65%;top:280px}
.page-casos .flow-branch article:nth-of-type(4){left:0;top:580px;background:var(--area-soft)!important}
.page-casos .flow-branch article:nth-of-type(5){left:72%;top:580px;background:#91c8bf!important}
.page-casos .flow-branch article:nth-of-type(1) p{color:#b7c3bc}

html[data-theme="dark"] .page-casos .feature-mosaic.case-flow article:nth-of-type(n){
  color:var(--area-ink);
  background:var(--area-surface)!important;
  box-shadow:0 18px 60px rgba(0,0,0,.28);
}
html[data-theme="dark"] .page-casos .feature-mosaic.case-flow article:before{
  color:#dff2ed;
  background:#31574f;
}
html[data-theme="dark"] .page-casos .flow-hub article:nth-of-type(1),
html[data-theme="dark"] .page-casos .flow-stream article:nth-of-type(5),
html[data-theme="dark"] .page-casos .flow-layers article:nth-of-type(5),
html[data-theme="dark"] .page-casos .flow-orbit article:nth-of-type(5),
html[data-theme="dark"] .page-casos .flow-constellation article:nth-of-type(5),
html[data-theme="dark"] .page-casos .flow-branch article:nth-of-type(5){
  color:#10201b;
  background:#78b7ad!important;
}
html[data-theme="dark"] .page-casos .flow-layers article:nth-of-type(3),
html[data-theme="dark"] .page-casos .flow-orbit article:nth-of-type(1),
html[data-theme="dark"] .page-casos .flow-constellation article:nth-of-type(3),
html[data-theme="dark"] .page-casos .flow-branch article:nth-of-type(1){
  color:#f0f5f2;
  background:#1c2824!important;
}
html[data-theme="dark"] .page-casos .flow-layers article:nth-of-type(3) p,
html[data-theme="dark"] .page-casos .flow-orbit article:nth-of-type(1) p,
html[data-theme="dark"] .page-casos .flow-constellation article:nth-of-type(3) p,
html[data-theme="dark"] .page-casos .flow-branch article:nth-of-type(1) p{
  color:#b7c3bc;
}

@media(max-width:1120px){
  .page-casos .feature-mosaic.case-flow{
    display:block;
    height:auto;
    margin-top:56px;
  }
  .page-casos .case-flow-lines{display:none}
  .page-casos .feature-mosaic.case-flow article:nth-of-type(n){
    position:relative;
    left:auto;
    top:auto;
    width:100%;
    min-height:0;
    margin:16px 0 0;
    padding:30px;
    border-radius:20px;
  }
  .page-casos .feature-mosaic.case-flow article:first-of-type{
    margin-top:0;
  }
}

/* Empresa: largura editorial alinhada com a pagina */
.page-empresa[data-template="/company/"] .company-article,
.page-empresa[data-template="/company/"] .detail-next-grid{
  width:100%;
  max-width:1180px;
  margin-right:auto;
  margin-left:auto;
}
.page-empresa[data-template="/company/"] .company-article>h2{
  max-width:1040px;
}
.page-empresa[data-template="/company/"] .company-article-lead{
  max-width:930px;
}
.page-empresa[data-template="/company/"] .company-prose{
  max-width:940px;
}
.page-empresa[data-template="/company/"] .company-chapter{
  max-width:980px;
  margin-right:0;
  padding-top:74px;
  border-top:1px solid var(--area-line);
}
.page-empresa[data-template="/company/"] .company-chapter h3{
  max-width:900px;
}
.page-empresa[data-template="/company/"] .company-chapter p{
  max-width:920px;
}
.page-empresa[data-template="/company/"] .company-article-closing h2{
  max-width:1040px;
}
.page-empresa[data-template="/company/"] .company-article-closing p{
  max-width:900px;
}

/* Casos de utilizacao: diagramas com relacoes funcionais */
body[data-template^="/use-cases/"] .content-section>.feature-mosaic{
  position:relative;
  isolation:isolate;
  counter-reset:case-step;
  display:block;
  height:auto;
  min-height:760px;
  margin-top:76px;
  border:0;
  overflow:visible;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>.case-flow-lines{
  display:none;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(n){
  counter-increment:case-step;
  position:absolute;
  z-index:2;
  display:block;
  left:auto;
  top:auto;
  width:30%!important;
  min-height:0;
  margin:0;
  padding:28px;
  border:1px solid var(--area-line);
  border-radius:18px;
  color:var(--area-ink);
  background:var(--area-surface)!important;
  box-shadow:0 16px 45px rgba(30,48,42,.08);
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:before{
  content:"0" counter(case-step);
  position:static;
  display:grid;
  width:36px;
  height:36px;
  margin:0 0 26px;
  border-radius:50%;
  color:#173b35;
  background:#b9ded7;
  font-size:10px;
  font-weight:850;
  letter-spacing:.08em;
  place-items:center;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article small{
  display:block;
  color:#4d7e77;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article h3,
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:first-child h3{
  margin:14px 0 0;
  color:inherit;
  font-size:27px;
  line-height:1.08;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article p,
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>.mosaic-dark p{
  margin:18px 0 0;
  color:var(--area-muted);
  font-size:14px;
  line-height:1.62;
}

/* Mapa de entradas: cinco necessidades ligadas ao nucleo KEPLIN */
body[data-template="/use-cases/"] .content-section>.feature-mosaic{
  min-height:980px;
}
body[data-template="/use-cases/"] .content-section>.feature-mosaic:before{
  content:"KEPLIN";
  position:absolute;
  z-index:1;
  top:430px;
  left:50%;
  display:grid;
  width:180px;
  height:180px;
  border:2px solid var(--area-accent);
  border-radius:50%;
  color:var(--area-ink);
  background:var(--area-soft);
  font-size:20px;
  font-weight:850;
  letter-spacing:.12em;
  place-items:center;
  transform:translate(-50%,-50%);
}
body[data-template="/use-cases/"] .content-section>.feature-mosaic:after{
  content:"";
  position:absolute;
  z-index:0;
  top:145px;
  left:150px;
  width:880px;
  height:610px;
  opacity:.75;
  background:
    linear-gradient(58deg,transparent 49.7%,var(--area-accent) 49.9%,var(--area-accent) 50.1%,transparent 50.3%),
    linear-gradient(-58deg,transparent 49.7%,var(--area-accent) 49.9%,var(--area-accent) 50.1%,transparent 50.3%),
    linear-gradient(20deg,transparent 49.7%,var(--area-accent) 49.9%,var(--area-accent) 50.1%,transparent 50.3%),
    linear-gradient(-20deg,transparent 49.7%,var(--area-accent) 49.9%,var(--area-accent) 50.1%,transparent 50.3%);
}
body[data-template="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(1){left:35%;top:0}
body[data-template="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(2){right:0;top:190px}
body[data-template="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(3){right:7%;top:650px}
body[data-template="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(4){left:7%;top:650px}
body[data-template="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(5){left:0;top:190px}

/* Eficiencia operacional: ciclo continuo de execucao e melhoria */
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic{
  min-height:1020px;
}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:120px 160px 120px;
  border:3px solid var(--area-accent);
  border-radius:50%;
}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic:after{
  content:"";
  position:absolute;
  z-index:1;
  right:146px;
  top:440px;
  width:0;
  height:0;
  border-top:10px solid transparent;
  border-bottom:10px solid transparent;
  border-left:16px solid var(--area-accent);
  transform:rotate(28deg);
}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic>article:nth-of-type(1){left:35%;top:0}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic>article:nth-of-type(2){right:0;top:220px}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic>article:nth-of-type(3){right:12%;top:650px}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic>article:nth-of-type(4){left:12%;top:650px}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic>article:nth-of-type(5){left:0;top:220px;background:#91c8bf!important}

/* Modernizacao ERP: migracao por dominios com integracao e governo transversais */
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:1.55fr .75fr;
  grid-template-rows:repeat(3,auto) auto;
  gap:18px;
  min-height:0;
}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(n){
  position:relative;
  width:auto!important;
}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(1){grid-column:1;grid-row:1}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(2){grid-column:1;grid-row:2;margin-left:7%}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(3){grid-column:1;grid-row:3;margin-left:14%;color:#f0f5f2;background:#1c2824!important}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(3) p{color:#b7c3bc}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(4){grid-column:2;grid-row:1 / span 3;display:flex;flex-direction:column;justify-content:center;background:var(--area-soft)!important}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(5){grid-column:1 / span 2;grid-row:4;background:#91c8bf!important}

/* Portais: a experiencia inicia e acompanha o processo real */
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:1fr .9fr 1fr;
  grid-template-rows:auto auto auto;
  gap:46px 70px;
  min-height:0;
  background:
    linear-gradient(35deg,transparent 49.85%,var(--area-line) 49.95%,var(--area-line) 50.05%,transparent 50.15%) center/82% 82% no-repeat,
    linear-gradient(-35deg,transparent 49.85%,var(--area-line) 49.95%,var(--area-line) 50.05%,transparent 50.15%) center/82% 82% no-repeat;
}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(n){position:relative;width:auto!important}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(1){grid-column:1;grid-row:1}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(2){grid-column:3;grid-row:1}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(3){grid-column:2;grid-row:2;color:#f0f5f2;background:#1c2824!important}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(3) p{color:#b7c3bc}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(4){grid-column:1;grid-row:3}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(5){grid-column:3;grid-row:3;background:#91c8bf!important}

/* Aplicacoes empresariais: experiencia sobre servicos, dados e ciclo de vida */
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:1fr 1fr .72fr;
  grid-template-rows:auto auto auto;
  gap:18px;
  min-height:0;
}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(n){position:relative;width:auto!important}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(1){grid-column:1 / span 2;grid-row:1;background:#91c8bf!important}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(2){grid-column:1 / span 2;grid-row:3}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(3){grid-column:1;grid-row:2}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(4){grid-column:2;grid-row:2}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(5){grid-column:3;grid-row:1 / span 3;display:flex;flex-direction:column;justify-content:center;color:#f0f5f2;background:#1c2824!important}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(5) p{color:#b7c3bc}

/* Aprovacoes: pedido, regra, decisao, escalamento e registo */
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-template-rows:auto auto;
  gap:32px 42px;
  min-height:0;
  padding-top:110px;
  background:
    linear-gradient(var(--area-accent),var(--area-accent)) center 61%/76% 2px no-repeat,
    linear-gradient(var(--area-accent),var(--area-accent)) 71% 28%/2px 34% no-repeat;
}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(n){position:relative;width:auto!important}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(1){grid-column:1;grid-row:2}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(2){grid-column:2;grid-row:2}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(3){grid-column:3;grid-row:2;color:#f0f5f2;background:#1c2824!important}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(3) p{color:#b7c3bc}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(4){grid-column:3;grid-row:1;background:var(--area-soft)!important}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(5){grid-column:4;grid-row:2;background:#91c8bf!important}

/* Solucoes: uma composicao propria para cada area */
body[data-template^="/solutions/"] .content-section>.feature-mosaic{
  counter-reset:solution-step;
  position:relative;
  isolation:isolate;
  margin-top:76px;
  border:0;
  overflow:visible;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(n){
  counter-increment:solution-step;
  position:relative;
  display:block;
  grid-column:auto;
  grid-row:auto;
  min-height:0;
  padding:30px;
  border:1px solid var(--area-line);
  border-radius:16px;
  color:var(--area-ink);
  background:var(--area-surface)!important;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:before{
  content:"0" counter(solution-step);
  display:block;
  margin:0 0 24px;
  color:#4d7e77;
  font-size:11px;
  font-weight:850;
  letter-spacing:.12em;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article h3,
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:first-child h3{
  margin:14px 0 0;
  color:inherit;
  font-size:28px;
  line-height:1.08;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article p,
body[data-template^="/solutions/"] .content-section>.feature-mosaic>.mosaic-dark p{
  margin:18px 0 0;
  color:var(--area-muted);
  font-size:15px;
  line-height:1.66;
}

/* Visao geral: mapa de areas sobre uma base comum */
body[data-template="/solutions/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:1fr .9fr 1fr;
  grid-template-rows:auto auto auto;
  gap:38px 64px;
  background:
    linear-gradient(35deg,transparent 49.85%,var(--area-line) 49.95%,var(--area-line) 50.05%,transparent 50.15%) center/80% 80% no-repeat,
    linear-gradient(-35deg,transparent 49.85%,var(--area-line) 49.95%,var(--area-line) 50.05%,transparent 50.15%) center/80% 80% no-repeat;
}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1;grid-row:1}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:3;grid-row:1}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:1;grid-row:3}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:3;grid-row:3}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:2;grid-row:2;color:#f0f5f2;background:#1c2824!important}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(5) p{color:#b7c3bc}

/* Operacoes: controlo transversal sobre o percurso operacional */
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:.95fr repeat(4,1fr);
  gap:18px;
  padding-top:84px;
  background:linear-gradient(var(--area-accent),var(--area-accent)) 60% 51%/72% 2px no-repeat;
}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1;min-height:430px;display:flex;flex-direction:column;justify-content:center;color:#f0f5f2;background:#1c2824!important}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(1) p{color:#b7c3bc}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(n+2){align-self:center}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(5){background:#91c8bf!important}

/* Financeiro: visao, fluxos de controlo e rasto auditavel */
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:.9fr 1.25fr;
  grid-template-rows:repeat(3,auto) auto;
  gap:18px;
}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1;grid-row:1 / span 3;display:flex;flex-direction:column;justify-content:center;color:#f0f5f2;background:#1c2824!important}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(1) p{color:#b7c3bc}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:2;grid-row:1}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:2;grid-row:2}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:2;grid-row:3}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:1 / span 2;grid-row:4;background:#91c8bf!important}

/* Comercial: percurso continuo da oportunidade ao servico */
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
  padding-top:92px;
  background:linear-gradient(var(--area-accent),var(--area-accent)) center 57%/86% 2px no-repeat;
}
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic>article:nth-child(n){min-height:360px}
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic>article:nth-child(3){color:#f0f5f2;background:#1c2824!important;transform:translateY(-48px)}
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic>article:nth-child(3) p{color:#b7c3bc}
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic>article:nth-child(5){background:#91c8bf!important}

/* Recursos Humanos: dados comuns no centro da experiencia interna */
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:1fr .9fr 1fr;
  grid-template-rows:auto auto auto;
  gap:44px 70px;
  background:
    linear-gradient(35deg,transparent 49.85%,var(--area-line) 49.95%,var(--area-line) 50.05%,transparent 50.15%) center/80% 80% no-repeat,
    linear-gradient(-35deg,transparent 49.85%,var(--area-line) 49.95%,var(--area-line) 50.05%,transparent 50.15%) center/80% 80% no-repeat;
}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1;grid-row:1}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:3;grid-row:1}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:2;grid-row:2;color:#f0f5f2;background:#1c2824!important}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(3) p{color:#b7c3bc}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:1;grid-row:3}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:3;grid-row:3;background:#91c8bf!important}

/* Industria: fluxo produtivo, disciplinas de suporte e integracao */
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1;grid-row:1;color:#f0f5f2;background:#1c2824!important}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(1) p{color:#b7c3bc}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:2;grid-row:1;background:#91c8bf!important}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:1;grid-row:2}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:2;grid-row:2}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:1 / span 2;grid-row:3;background:var(--area-soft)!important}

/* Servicos: compromisso, execucao e resultado do trabalho */
body[data-template="/solutions/services/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1 / span 3;min-height:260px;color:#f0f5f2;background:#1c2824!important}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(1) p{color:#b7c3bc}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:1}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:2}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:3}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:1 / span 3;background:#91c8bf!important}

/* Retalho: operacao central ligada a loja, encomenda, catalogo e cliente */
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:1fr .9fr 1fr;
  grid-template-rows:auto auto auto;
  gap:44px 70px;
  background:
    linear-gradient(35deg,transparent 49.85%,var(--area-line) 49.95%,var(--area-line) 50.05%,transparent 50.15%) center/80% 80% no-repeat,
    linear-gradient(-35deg,transparent 49.85%,var(--area-line) 49.95%,var(--area-line) 50.05%,transparent 50.15%) center/80% 80% no-repeat;
}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1;grid-row:1}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:3;grid-row:1}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:1;grid-row:3}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:3;grid-row:3}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:2;grid-row:2;color:#f0f5f2;background:#1c2824!important}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(5) p{color:#b7c3bc}

/* Ajustes de diferenciacao entre Operacoes, Pessoas e Comercial */
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic{
  grid-template-columns:1fr .92fr 1fr;
  grid-template-rows:auto auto auto;
  gap:42px 72px;
  min-height:0;
  padding-top:0;
  background:
    linear-gradient(var(--area-line),var(--area-line)) center/2px 78% no-repeat,
    linear-gradient(90deg,var(--area-line),var(--area-line)) center/78% 2px no-repeat;
}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:2;grid-row:2;min-height:0;display:block;color:#f0f5f2;background:#1c2824!important}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:2;grid-row:1}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:3;grid-row:2}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:2;grid-row:3}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:1;grid-row:2;background:#91c8bf!important}

body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic{
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto auto;
  gap:18px;
  min-height:0;
  background:linear-gradient(var(--area-line),var(--area-line)) center/2px 100% no-repeat;
}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1;grid-row:1}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:2;grid-row:1}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:1 / span 2;grid-row:2;color:#f0f5f2;background:#1c2824!important}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:1;grid-row:3}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:2;grid-row:3;background:#91c8bf!important}

body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic{
  grid-template-rows:auto;
  min-height:0;
}

/* Setor publico: percurso do pedido com governo transversal */
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  padding-top:84px;
  background:linear-gradient(var(--area-accent),var(--area-accent)) center 43%/80% 2px no-repeat;
}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:2;color:#f0f5f2;background:#1c2824!important}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(2) p{color:#b7c3bc}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:3}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:4;background:#91c8bf!important}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:1 / span 4;background:var(--area-soft)!important}

@media(max-width:1120px){
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic,
  body[data-template^="/solutions/"] .content-section>.feature-mosaic{
    display:block;
    min-height:0;
    height:auto;
    margin-top:56px;
    padding-top:0;
    background:none;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic:before,
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic:after{
    display:none;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(n),
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(n){
    position:relative;
    left:auto;
    right:auto;
    top:auto;
    width:100%;
    min-height:0;
    margin:16px 0 0;
    padding:30px;
    transform:none;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:first-of-type,
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:first-child{
    margin-top:0;
  }
}

@media(max-width:720px){
  .page-empresa[data-template="/company/"] .company-chapter{
    padding-top:54px;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article h3,
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article h3{
    font-size:25px;
  }
}

/* Correcoes finais: fotografias reais, composicoes editoriais e uma unica CTA */

/* Quando a pagina ja tem uma CTA contextual, a CTA generica do rodape nao se repete */
body:has(main .detail-next) .site-footer>.footer-cta{
  display:none;
}

/* Parceiros: a CTA usa a mesma largura editorial do restante conteudo */
body[data-template="/company/partners/"] .detail-next-grid{
  display:grid;
  grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
  gap:clamp(42px,7vw,96px);
  align-items:end;
  width:100%;
  max-width:1180px;
  margin-right:auto;
  margin-left:auto;
}
body[data-template="/company/partners/"] .detail-next-grid>a{
  display:flex;
  width:100%;
  margin-top:0;
}

/* Modernizacao ERP: mapa radial de transicao, sem escada e sem setas */
@media(min-width:1121px){
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers{
    position:relative;
    display:block;
    height:930px;
    min-height:930px;
    padding:0;
    background:none;
    overflow:visible;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>.case-flow-lines{
    display:none;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers:before{
    content:"";
    position:absolute;
    z-index:0;
    top:82px;
    left:50%;
    width:72%;
    height:700px;
    border:2px solid rgba(119,183,173,.52);
    border-radius:50%;
    transform:translateX(-50%) rotate(-7deg);
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers:after{
    content:"";
    position:absolute;
    z-index:0;
    top:174px;
    left:50%;
    width:50%;
    height:520px;
    border:1px dashed rgba(119,183,173,.7);
    border-radius:50%;
    transform:translateX(-50%) rotate(12deg);
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:nth-of-type(n){
    position:absolute;
    z-index:2;
    width:28%!important;
    min-height:270px;
    padding:34px;
    border:1px solid var(--area-line);
    border-radius:58px 22px 58px 22px;
    box-shadow:0 22px 60px rgba(30,48,42,.1);
    transform:none;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:nth-of-type(1){
    top:95px;
    left:0;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:nth-of-type(2){
    top:48px;
    right:0;
    left:auto;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:nth-of-type(3){
    top:316px;
    left:36%;
    color:#f0f5f2;
    background:#1c2824!important;
    border-radius:50%;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:nth-of-type(3) p{
    color:#b7c3bc;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:nth-of-type(4){
    top:610px;
    left:4%;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:nth-of-type(5){
    top:592px;
    right:2%;
    left:auto;
    color:#10201b;
    background:#91c8bf!important;
  }
}

/* Solucoes: cada area recebe uma fotografia real e uma composicao editorial */
body[data-template="/solutions/"]{
  --solution-photo:url("/assets/solutions/overview.webp?v=20260824-1");
  --solution-focus:center 48%;
}
body[data-template="/solutions/operations/"]{
  --solution-photo:url("/assets/solutions/operations.webp?v=20260824-1");
  --solution-focus:center 46%;
}
body[data-template="/solutions/finance/"]{
  --solution-photo:url("/assets/solutions/finance.webp?v=20260824-1");
  --solution-focus:center 52%;
}
body[data-template="/solutions/sales-service/"]{
  --solution-photo:url("/assets/solutions/sales-service.webp?v=20260824-1");
  --solution-focus:center 44%;
}
body[data-template="/solutions/human-resources/"]{
  --solution-photo:url("/assets/solutions/human-resources.webp?v=20260824-1");
  --solution-focus:center 46%;
}
body[data-template="/solutions/industry/"]{
  --solution-photo:url("/assets/solutions/industry.webp?v=20260824-1");
  --solution-focus:center 52%;
}
body[data-template="/solutions/services/"]{
  --solution-photo:url("/assets/solutions/services.webp?v=20260824-1");
  --solution-focus:center 48%;
}
body[data-template="/solutions/retail/"]{
  --solution-photo:url("/assets/solutions/retail.webp?v=20260824-1");
  --solution-focus:center 48%;
}
body[data-template="/solutions/public-sector/"]{
  --solution-photo:url("/assets/solutions/public-sector.webp?v=20260824-1");
  --solution-focus:center 50%;
}

body[data-template^="/solutions/"] .content-section>.feature-mosaic{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:auto;
  gap:0;
  width:min(1180px,calc(100% - 48px));
  min-height:0;
  height:auto;
  margin:76px auto 0;
  padding:0;
  border:0;
  background:none!important;
  overflow:visible;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic:before{
  content:"";
  position:relative;
  z-index:0;
  display:block;
  min-height:560px;
  background-image:linear-gradient(180deg,rgba(16,20,17,.02),rgba(16,20,17,.16)),var(--solution-photo);
  background-position:var(--solution-focus);
  background-repeat:no-repeat;
  background-size:cover;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic:after{
  display:none;
  content:none;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(n){
  position:relative;
  z-index:1;
  display:block;
  align-self:stretch;
  width:auto!important;
  min-height:0;
  margin:0!important;
  padding:44px;
  border:0!important;
  border-radius:0;
  color:var(--area-ink);
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:before{
  display:none!important;
  content:none!important;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article small{
  display:block;
  margin:0 0 18px;
  color:#5d57b6;
  font-size:11px;
  font-weight:850;
  letter-spacing:.13em;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article h3,
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:first-child h3{
  max-width:620px;
  margin:0;
  color:inherit;
  font-size:clamp(30px,3.2vw,43px);
  line-height:1.04;
  letter-spacing:-.035em;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article p,
body[data-template^="/solutions/"] .content-section>.feature-mosaic>.mosaic-dark p{
  max-width:650px;
  margin:22px 0 0;
  color:var(--area-muted);
  font-size:17px;
  line-height:1.72;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(1){
  color:#f4f3fb;
  background:#242137!important;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(1) small{
  color:#aaa6ff;
}
body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(1) p{
  color:#cac8d8;
}

/* Visao geral: panorama e caderno de areas */
body[data-template="/solutions/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 13;
  grid-row:1;
  min-height:540px;
}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1 / 8;grid-row:2;padding:58px}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:8 / 13;grid-row:2;background:var(--area-soft)!important}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:1 / 5;grid-row:3;padding-left:0}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:5 / 9;grid-row:3}
body[data-template="/solutions/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:9 / 13;grid-row:3;padding-right:0}

/* Operacoes: a equipa em contexto e a leitura de controlo ao lado */
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 9;
  grid-row:1 / 3;
  min-height:690px;
}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(1){
  grid-column:8 / 13;
  grid-row:1;
  align-self:start;
  margin:72px 0 0 -54px!important;
  padding:56px;
}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(2){
  grid-column:9 / 13;
  grid-row:2;
  padding-right:0;
}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:1 / 7;grid-row:3;padding-left:0}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:7 / 13;grid-row:3;padding-right:0}
body[data-template="/solutions/operations/"] .content-section>.feature-mosaic>article:nth-child(5){
  grid-column:2 / 12;
  grid-row:4;
  margin-top:28px!important;
  background:#dcdaf8!important;
}

/* Financeiro: fotografia a direita e narrativa de controlo a esquerda */
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic:before{
  grid-column:5 / 13;
  grid-row:1 / 3;
  min-height:670px;
}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(1){
  grid-column:1 / 6;
  grid-row:1;
  align-self:start;
  margin:58px -48px 0 0!important;
  padding:56px;
}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:1 / 5;grid-row:2;padding-left:0}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:1 / 5;grid-row:3;padding-left:0}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:5 / 9;grid-row:3}
body[data-template="/solutions/finance/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:9 / 13;grid-row:3;padding-right:0}

/* Comercial e servico: fotografia panoramica com narrativa sobreposta */
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 13;
  grid-row:1;
  min-height:620px;
}
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic>article:nth-child(1){
  grid-column:1 / 7;
  grid-row:1;
  align-self:end;
  margin:0 0 48px 48px!important;
  padding:56px;
}
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:1 / 7;grid-row:2;padding-left:0}
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:7 / 13;grid-row:2;padding-right:0}
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:1 / 7;grid-row:3;padding-left:0}
body[data-template="/solutions/sales-service/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:7 / 13;grid-row:3;padding-right:0;background:var(--area-soft)!important}

/* Recursos humanos: pessoas em primeiro plano e experiencia interna */
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 13;
  grid-row:1;
  min-height:650px;
}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(1){
  grid-column:6 / 13;
  grid-row:1;
  align-self:end;
  margin:0 48px 42px 0!important;
  padding:56px;
}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:1 / 7;grid-row:2;padding-left:0}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:7 / 13;grid-row:2;padding-right:0}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:1 / 7;grid-row:3;padding-left:0}
body[data-template="/solutions/human-resources/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:7 / 13;grid-row:3;padding-right:0;background:var(--area-soft)!important}

/* Industria: imagem dominante e caderno de producao */
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 9;
  grid-row:1 / 3;
  min-height:720px;
}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:9 / 13;grid-row:1;padding:54px 44px}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:9 / 13;grid-row:2;padding-right:0}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:1 / 5;grid-row:3;padding-left:0}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:5 / 9;grid-row:3}
body[data-template="/solutions/industry/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:9 / 13;grid-row:3;padding-right:0;background:var(--area-soft)!important}

/* Servicos: fotografia de trabalho com manifesto central */
body[data-template="/solutions/services/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 13;
  grid-row:1;
  min-height:640px;
}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(1){
  grid-column:2 / 12;
  grid-row:1;
  align-self:end;
  margin:0 0 42px!important;
  padding:58px;
}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:1 / 7;grid-row:2;padding-left:0}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:7 / 13;grid-row:2;padding-right:0}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:1 / 7;grid-row:3;padding-left:0}
body[data-template="/solutions/services/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:7 / 13;grid-row:3;padding-right:0;background:#dcdaf8!important}

/* Retalho: experiencia de loja a direita e contexto operacional a esquerda */
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic:before{
  grid-column:6 / 13;
  grid-row:1 / 3;
  min-height:680px;
}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(1){
  grid-column:1 / 7;
  grid-row:1;
  align-self:start;
  margin:62px -46px 0 0!important;
  padding:56px;
}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:1 / 6;grid-row:2;padding-left:0}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:1 / 5;grid-row:3;padding-left:0}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:5 / 9;grid-row:3}
body[data-template="/solutions/retail/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:9 / 13;grid-row:3;padding-right:0}

/* Setor publico: arquitectura aberta e narrativa institucional */
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 13;
  grid-row:1;
  min-height:570px;
}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(1){grid-column:1 / 8;grid-row:2;padding:58px}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(2){grid-column:8 / 13;grid-row:2;background:var(--area-soft)!important}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(3){grid-column:1 / 7;grid-row:3;padding-left:0}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(4){grid-column:7 / 13;grid-row:3;padding-right:0}
body[data-template="/solutions/public-sector/"] .content-section>.feature-mosaic>article:nth-child(5){grid-column:3 / 11;grid-row:4;background:#dcdaf8!important}

/* Tema escuro para as novas composicoes */
html[data-theme="dark"] body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(n){
  color:var(--area-ink);
  background:transparent!important;
}
html[data-theme="dark"] body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(1){
  color:#f4f3fb;
  background:#242137!important;
}
html[data-theme="dark"] body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(1) p{
  color:#cac8d8;
}
html[data-theme="dark"] body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(2),
html[data-theme="dark"] body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(5){
  background:var(--area-soft)!important;
}

@media(max-width:1120px){
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    min-height:0;
    height:auto;
    padding:0;
    background:none;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers:before,
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers:after,
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>.case-flow-lines{
    display:none;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:nth-of-type(n){
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    width:auto!important;
    min-height:0;
    margin:0;
    border-radius:28px 12px 28px 12px;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:nth-of-type(3){
    grid-column:1 / 3;
    color:#f0f5f2;
    background:#1c2824!important;
  }

  body[data-template^="/solutions/"] .content-section>.feature-mosaic{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:min(100% - 40px,1180px);
    margin-top:56px;
  }
  body[data-template^="/solutions/"] .content-section>.feature-mosaic:before{
    grid-column:1 / 3!important;
    grid-row:auto!important;
    min-height:470px;
  }
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(n){
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:stretch;
    min-height:0;
    margin:0!important;
    padding:36px;
  }
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(1){
    grid-column:1 / 3!important;
  }
}

@media(max-width:720px){
  body[data-template="/company/partners/"] .detail-next-grid{
    display:block;
  }
  body[data-template="/company/partners/"] .detail-next-grid>a{
    margin-top:30px;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers{
    display:block;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:nth-of-type(n){
    margin-top:16px;
  }
  body[data-template="/use-cases/erp-modernisation/"] .content-section>.flow-layers>article:first-of-type{
    margin-top:0;
  }
  body[data-template^="/solutions/"] .content-section>.feature-mosaic{
    display:block;
    width:min(100% - 32px,1180px);
  }
  body[data-template^="/solutions/"] .content-section>.feature-mosaic:before{
    min-height:300px;
  }
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(n){
    padding:34px 0;
    border-top:1px solid var(--area-line)!important;
    background:transparent!important;
  }
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(1){
    padding:38px 30px;
    border-top:0!important;
    background:#242137!important;
  }
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:nth-child(5){
    padding-right:30px;
    padding-left:30px;
    background:var(--area-soft)!important;
  }
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article h3,
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article:first-child h3{
    font-size:30px;
  }
  body[data-template^="/solutions/"] .content-section>.feature-mosaic>article p{
    font-size:16px;
  }
}

/* Casos de utilizacao: fotografia real e composicao editorial */
body[data-template="/use-cases/"]{
  --usecase-photo:url("/assets/use-cases/overview.webp?v=20260824-1");
  --usecase-focus:center 50%;
}
body[data-template="/use-cases/operational-efficiency/"]{
  --usecase-photo:url("/assets/use-cases/operational-efficiency.webp?v=20260824-1");
  --usecase-focus:center 45%;
}
body[data-template="/use-cases/erp-modernisation/"]{
  --usecase-photo:url("/assets/use-cases/erp-modernisation.webp?v=20260824-1");
  --usecase-focus:center 48%;
}
body[data-template="/use-cases/portals-experiences/"]{
  --usecase-photo:url("/assets/use-cases/portals-experiences.webp?v=20260824-1");
  --usecase-focus:center 50%;
}
body[data-template="/use-cases/enterprise-applications/"]{
  --usecase-photo:url("/assets/use-cases/enterprise-applications.webp?v=20260824-1");
  --usecase-focus:center 52%;
}
body[data-template="/use-cases/approval-workflows/"]{
  --usecase-photo:url("/assets/use-cases/approval-workflows.webp?v=20260824-1");
  --usecase-focus:center 50%;
}

body[data-template^="/use-cases/"] .content-section>.feature-mosaic{
  position:relative;
  isolation:isolate;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:auto;
  gap:0;
  width:min(1180px,calc(100% - 48px));
  min-height:0;
  height:auto;
  margin:76px auto 0;
  padding:0;
  border:0;
  background:none!important;
  overflow:visible;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>.case-flow-lines{
  display:none!important;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic:before{
  content:"";
  position:relative;
  z-index:0;
  display:block;
  min-height:560px;
  background-image:linear-gradient(180deg,rgba(10,19,16,.02),rgba(10,19,16,.18)),var(--usecase-photo);
  background-position:var(--usecase-focus);
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-width:0!important;
  margin:0!important;
  inset:auto!important;
  border:0!important;
  border-radius:0!important;
  clip-path:none!important;
  transform:none!important;
  justify-self:stretch;
  align-self:stretch;
  box-shadow:none!important;
  background-repeat:no-repeat;
  background-size:cover;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic:after{
  display:none;
  content:none;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(n){
  position:relative;
  z-index:1;
  display:block;
  align-self:stretch;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:0;
  margin:0!important;
  inset:auto!important;
  top:auto!important;
  right:auto!important;
  bottom:auto!important;
  left:auto!important;
  padding:44px;
  overflow:visible!important;
  border:0!important;
  border-radius:0;
  color:var(--area-ink);
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:before{
  display:none!important;
  content:none!important;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article small{
  display:block;
  margin:0 0 18px;
  color:#397b71;
  font-size:11px;
  font-weight:850;
  letter-spacing:.13em;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article h3,
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:first-child h3{
  max-width:620px;
  margin:0;
  color:inherit;
  font-size:clamp(30px,3.2vw,43px);
  line-height:1.04;
  letter-spacing:-.035em;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article p,
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>.mosaic-dark p{
  max-width:650px;
  margin:22px 0 0;
  color:var(--area-muted);
  font-size:17px;
  line-height:1.72;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(1){
  color:#f1f6f3;
  background:#17251f!important;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(1) small{
  color:#8ec9bf;
}
body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(1) p{
  color:#c5d2cc;
}

/* Visao geral */
body[data-template="/use-cases/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 13;
  grid-row:1;
  min-height:540px;
}
body[data-template="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(1){grid-column:1 / 8;grid-row:2;padding:58px}
body[data-template="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(2){grid-column:8 / 13;grid-row:2;background:var(--area-soft)!important}
body[data-template="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(3){grid-column:1 / 5;grid-row:3;padding-left:0}
body[data-template="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(4){grid-column:5 / 9;grid-row:3}
body[data-template="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(5){grid-column:9 / 13;grid-row:3;padding-right:0}

/* Eficiencia operacional */
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 8;
  grid-row:1 / 3;
  min-height:720px;
}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic>article:nth-of-type(1){
  grid-column:7 / 13;
  grid-row:1;
  align-self:start;
  margin:64px 0 0 -48px!important;
  padding:56px;
}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic>article:nth-of-type(2){grid-column:8 / 13;grid-row:2;padding-right:0}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic>article:nth-of-type(3){grid-column:1 / 5;grid-row:3;padding-left:0}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic>article:nth-of-type(4){grid-column:5 / 9;grid-row:3}
body[data-template="/use-cases/operational-efficiency/"] .content-section>.feature-mosaic>article:nth-of-type(5){grid-column:9 / 13;grid-row:3;padding-right:0;background:var(--area-soft)!important}

/* Modernizacao ERP */
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic:before{
  grid-column:5 / 13;
  grid-row:1 / 3;
  min-height:700px;
}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(1){
  grid-column:1 / 6;
  grid-row:1;
  align-self:start;
  margin:60px -48px 0 0!important;
  padding:56px;
}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(2){grid-column:1 / 5;grid-row:2;padding-left:0}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(3){grid-column:1 / 5;grid-row:3;padding-left:0}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(4){grid-column:5 / 9;grid-row:3}
body[data-template="/use-cases/erp-modernisation/"] .content-section>.feature-mosaic>article:nth-of-type(5){grid-column:9 / 13;grid-row:3;padding-right:0;background:var(--area-soft)!important}

/* Portais e experiencias */
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 13;
  grid-row:1;
  min-height:630px;
}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(1){
  grid-column:1 / 7;
  grid-row:1;
  align-self:end;
  margin:0 0 46px 48px!important;
  padding:56px;
}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(2){grid-column:1 / 7;grid-row:2;padding-left:0}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(3){grid-column:7 / 13;grid-row:2;padding-right:0}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(4){grid-column:1 / 7;grid-row:3;padding-left:0}
body[data-template="/use-cases/portals-experiences/"] .content-section>.feature-mosaic>article:nth-of-type(5){grid-column:7 / 13;grid-row:3;padding-right:0;background:var(--area-soft)!important}

/* Aplicacoes empresariais */
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 9;
  grid-row:1 / 3;
  min-height:720px;
}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(1){grid-column:9 / 13;grid-row:1;padding:54px 44px}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(2){grid-column:9 / 13;grid-row:2;padding-right:0}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(3){grid-column:1 / 5;grid-row:3;padding-left:0}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(4){grid-column:5 / 9;grid-row:3}
body[data-template="/use-cases/enterprise-applications/"] .content-section>.feature-mosaic>article:nth-of-type(5){grid-column:9 / 13;grid-row:3;padding-right:0;background:var(--area-soft)!important}

/* Fluxos de aprovacao */
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic:before{
  grid-column:1 / 8;
  grid-row:1 / 3;
  min-height:700px;
}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(1){
  grid-column:7 / 13;
  grid-row:1;
  align-self:start;
  margin:66px 0 0 -48px!important;
  padding:56px;
}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(2){grid-column:8 / 13;grid-row:2;padding-right:0}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(3){grid-column:1 / 5;grid-row:3;padding-left:0}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(4){grid-column:5 / 9;grid-row:3}
body[data-template="/use-cases/approval-workflows/"] .content-section>.feature-mosaic>article:nth-of-type(5){grid-column:9 / 13;grid-row:3;padding-right:0;background:var(--area-soft)!important}

html[data-theme="dark"] body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(n){
  color:var(--area-ink);
  background:transparent!important;
}
html[data-theme="dark"] body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(1){
  color:#f1f6f3;
  background:#17251f!important;
}
html[data-theme="dark"] body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(1) p{
  color:#c5d2cc;
}
html[data-theme="dark"] body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(5){
  background:var(--area-soft)!important;
}

@media(max-width:1120px){
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic{
    display:grid;
    grid-template-columns:1fr 1fr;
    width:min(100% - 40px,1180px);
    margin-top:56px;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic:before{
    grid-column:1 / 3!important;
    grid-row:auto!important;
    min-height:470px;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(n){
    grid-column:auto!important;
    grid-row:auto!important;
    align-self:stretch;
    min-height:0;
    margin:0!important;
    padding:36px;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(1){
    grid-column:1 / 3!important;
  }
}

@media(max-width:720px){
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic{
    display:block;
    width:min(100% - 32px,1180px);
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic:before{
    min-height:300px;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(n){
    padding:34px 0;
    background:transparent!important;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(1){
    padding:38px 30px;
    background:#17251f!important;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:nth-of-type(5){
    padding-right:30px;
    padding-left:30px;
    background:var(--area-soft)!important;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article h3,
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article:first-child h3{
    font-size:30px;
  }
  body[data-template^="/use-cases/"] .content-section>.feature-mosaic>article p{
    font-size:16px;
  }
}