/* CH OS v173 — padronização visual dos cabeçalhos de ferramentas + mobile/tablet seguro */
:root{
  --ch-yellow:#F8B21A;
  --ch-orange:#F4A300;
  --ch-ink:#08090c;
  --ch-panel:#111318;
  --ch-soft:#c9c9c9;
}
/* Header hero único para páginas internas/ferramentas */
.cp-service-hero-v79,
.cp-access-hero-v79,
.cp-dashboard-hero-v79,
.cp-tool-hero,
.cp-page-hero,
.cp-form-hero,
.page-hero,
.tool-hero,
.form-hero,
.service-hero,
.dashboard-hero{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:min(100%,1120px)!important;
  margin:0 auto 28px!important;
  padding:48px 56px!important;
  border:1px solid rgba(248,178,26,.42)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 10% 0%,rgba(248,178,26,.20),transparent 34%),
    radial-gradient(circle at 100% 78%,rgba(248,178,26,.13),transparent 24%),
    linear-gradient(135deg,rgba(24,25,31,.98),rgba(7,8,12,.96))!important;
  box-shadow:0 30px 90px rgba(0,0,0,.34)!important;
  text-align:center!important;
}
.cp-service-hero-v79:before,
.cp-access-hero-v79:before,
.cp-dashboard-hero-v79:before,
.cp-tool-hero:before,
.cp-page-hero:before,
.cp-form-hero:before,
.page-hero:before,
.tool-hero:before,
.form-hero:before,
.service-hero:before,
.dashboard-hero:before{
  content:""!important;
  position:absolute!important;
  top:34px!important;
  left:46px!important;
  width:44px!important;
  height:4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,var(--ch-yellow),var(--ch-orange))!important;
  opacity:1!important;
  z-index:0!important;
}
.cp-service-hero-v79:after,
.cp-access-hero-v79:after,
.cp-dashboard-hero-v79:after,
.cp-tool-hero:after,
.cp-page-hero:after,
.cp-form-hero:after,
.page-hero:after,
.tool-hero:after,
.form-hero:after,
.service-hero:after,
.dashboard-hero:after{
  content:""!important;
  position:absolute!important;
  right:-54px!important;
  bottom:-84px!important;
  width:250px!important;
  height:250px!important;
  border-radius:50%!important;
  background:rgba(248,178,26,.075)!important;
  z-index:0!important;
  pointer-events:none!important;
}
.cp-service-hero-v79 > *,
.cp-access-hero-v79 > *,
.cp-dashboard-hero-v79 > *,
.cp-tool-hero > *,
.cp-page-hero > *,
.cp-form-hero > *,
.page-hero > *,
.tool-hero > *,
.form-hero > *,
.service-hero > *,
.dashboard-hero > *{
  position:relative!important;
  z-index:1!important;
}
.cp-service-hero-v79 .kicker,
.cp-access-hero-v79 .kicker,
.cp-dashboard-hero-v79 .kicker,
.cp-tool-hero .kicker,
.cp-page-hero .kicker,
.cp-form-hero .kicker,
.page-hero .kicker,
.tool-hero .kicker,
.form-hero .kicker,
.service-hero .kicker,
.dashboard-hero .kicker,
.cp-service-hero-v79 small,
.cp-access-hero-v79 small,
.cp-dashboard-hero-v79 small,
.tool-eyebrow,
.page-eyebrow,
.hero-eyebrow{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px!important;
  margin:0 auto 16px!important;
  color:var(--ch-yellow)!important;
  font-size:12px!important;
  line-height:1.1!important;
  letter-spacing:.22em!important;
  text-transform:uppercase!important;
  font-weight:950!important;
  text-align:center!important;
}
.cp-service-hero-v79 .kicker:before,
.cp-access-hero-v79 .kicker:before,
.cp-dashboard-hero-v79 .kicker:before,
.cp-tool-hero .kicker:before,
.cp-page-hero .kicker:before,
.cp-form-hero .kicker:before,
.page-hero .kicker:before,
.tool-hero .kicker:before,
.form-hero .kicker:before,
.service-hero .kicker:before,
.dashboard-hero .kicker:before{
  display:none!important;
}
.cp-service-hero-v79 h1,
.cp-access-hero-v79 h1,
.cp-dashboard-hero-v79 h1,
.cp-tool-hero h1,
.cp-page-hero h1,
.cp-form-hero h1,
.page-hero h1,
.tool-hero h1,
.form-hero h1,
.service-hero h1,
.dashboard-hero h1{
  max-width:850px!important;
  margin:0 auto 18px!important;
  color:#fffaf0!important;
  font-family:var(--font-display,Inter,system-ui,sans-serif)!important;
  font-size:clamp(42px,5vw,72px)!important;
  line-height:.93!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
  text-transform:none!important;
  text-align:center!important;
}
.cp-service-hero-v79 p,
.cp-access-hero-v79 p,
.cp-dashboard-hero-v79 p,
.cp-tool-hero p,
.cp-page-hero p,
.cp-form-hero p,
.page-hero p,
.tool-hero p,
.form-hero p,
.service-hero p,
.dashboard-hero p{
  max-width:760px!important;
  margin:0 auto!important;
  color:rgba(255,255,255,.68)!important;
  font-size:18px!important;
  line-height:1.55!important;
  font-weight:750!important;
  text-align:center!important;
}
/* Remove diferenças visuais herdadas em algumas páginas */
.cp-public-body .form-wrap .panel{display:none!important;}
.cp-public-body .form-card,
.form-card,
.panel{
  border-radius:30px!important;
}
/* Botão/pílula superior tipo "Novo serviço" não deve quebrar layout */
.cp-service-hero-v79 .badge,
.cp-service-hero-v79 .pill,
.cp-tool-hero .badge,
.cp-tool-hero .pill,
.cp-page-hero .badge,
.cp-page-hero .pill,
.service-hero .badge,
.service-hero .pill{
  position:absolute!important;
  right:32px!important;
  top:32px!important;
  max-width:160px!important;
}
/* Multilíngue — garante clique e estado visual */
.cp-language-top a,
.cp-public-langs a{
  pointer-events:auto!important;
  cursor:pointer!important;
  text-decoration:none!important;
  user-select:none!important;
}
.cp-language-top a.active,
.cp-public-langs a.active{
  background:#fff!important;
  color:#0b0b0d!important;
}
/* Tablet / mobile: mesmo padrão, sem estourar título */
@media (max-width:980px){
  .cp-service-hero-v79,.cp-access-hero-v79,.cp-dashboard-hero-v79,.cp-tool-hero,.cp-page-hero,.cp-form-hero,.page-hero,.tool-hero,.form-hero,.service-hero,.dashboard-hero{
    padding:38px 28px!important;
    border-radius:28px!important;
    margin-bottom:22px!important;
  }
  .cp-service-hero-v79 h1,.cp-access-hero-v79 h1,.cp-dashboard-hero-v79 h1,.cp-tool-hero h1,.cp-page-hero h1,.cp-form-hero h1,.page-hero h1,.tool-hero h1,.form-hero h1,.service-hero h1,.dashboard-hero h1{
    font-size:clamp(36px,8vw,56px)!important;
  }
  .cp-service-hero-v79 p,.cp-access-hero-v79 p,.cp-dashboard-hero-v79 p,.cp-tool-hero p,.cp-page-hero p,.cp-form-hero p,.page-hero p,.tool-hero p,.form-hero p,.service-hero p,.dashboard-hero p{
    font-size:16px!important;
  }
  .cp-service-hero-v79 .badge,.cp-service-hero-v79 .pill,.cp-tool-hero .badge,.cp-tool-hero .pill,.cp-page-hero .badge,.cp-page-hero .pill,.service-hero .badge,.service-hero .pill{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    margin:16px auto 0!important;
  }
}
@media (max-width:560px){
  .cp-service-hero-v79,.cp-access-hero-v79,.cp-dashboard-hero-v79,.cp-tool-hero,.cp-page-hero,.cp-form-hero,.page-hero,.tool-hero,.form-hero,.service-hero,.dashboard-hero{
    padding:32px 20px!important;
    border-radius:24px!important;
  }
  .cp-service-hero-v79:before,.cp-access-hero-v79:before,.cp-dashboard-hero-v79:before,.cp-tool-hero:before,.cp-page-hero:before,.cp-form-hero:before,.page-hero:before,.tool-hero:before,.form-hero:before,.service-hero:before,.dashboard-hero:before{
    left:22px!important; top:24px!important; width:38px!important;
  }
}