/* CHOS_V203I_CLIENT_TOOL_HEADER_RELAXED_SPACING
   Portal de Clientes. Scoped clone of the approved new-service/plan-upgrade top block. */

html.cp-page-register-existing body,
html.cp-page-ticket-new body,
html.cp-page-email-request body,
html.cp-page-domain-check body,
html.cp-page-ssl-check body,
html.cp-page-billing body,
html.cp-page-web-quote body{
  overflow-x:hidden!important;
}

html.cp-page-register-existing .form-wrap.compact,
html.cp-page-ticket-new .form-wrap.compact,
html.cp-page-email-request .form-wrap.compact,
html.cp-page-domain-check .form-wrap.compact,
html.cp-page-ssl-check .form-wrap.compact,
html.cp-page-billing .form-wrap.compact,
html.cp-page-web-quote .form-wrap.compact{
  display:block!important;
  width:min(1180px, calc(100vw - 90px))!important;
  max-width:none!important;
  margin:0 auto!important;
}

html.cp-page-register-existing .form-card,
html.cp-page-ticket-new .form-card,
html.cp-page-email-request .form-card,
html.cp-page-domain-check .form-card,
html.cp-page-ssl-check .form-card,
html.cp-page-billing .form-card,
html.cp-page-web-quote .form-card{
  overflow:hidden!important;
  padding:34px 38px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:28px!important;
  background:
    radial-gradient(circle at 0 0, rgba(255,176,30,.13), transparent 28%),
    linear-gradient(180deg, rgba(25,26,31,.96), rgba(10,11,13,.98))!important;
  box-shadow:none!important;
}

html.cp-page-register-existing .form-card > .form-intro,
html.cp-page-ticket-new .form-card > .form-intro,
html.cp-page-email-request .form-card > .form-intro,
html.cp-page-domain-check .form-card > .form-intro,
html.cp-page-ssl-check .form-card > .form-intro,
html.cp-page-billing .form-card > .form-intro,
html.cp-page-web-quote .form-card > .form-intro{
  position:relative!important;
  width:100%!important;
  box-sizing:border-box!important;
  height:auto!important;
  min-height:288px!important;
  max-height:none!important;
  margin:0 0 28px 0!important;
  padding:40px 44px 46px!important;
  border:1px solid rgba(255,176,30,.34)!important;
  border-radius:28px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  background:
    radial-gradient(circle at 8% 0%, rgba(255,176,30,.18), transparent 34%),
    linear-gradient(135deg, rgba(255,176,30,.10), rgba(18,19,24,.94) 42%, rgba(10,11,14,.98))!important;
  box-shadow:0 22px 70px rgba(0,0,0,.34)!important;
}

html.cp-page-register-existing .form-card > .form-intro:after,
html.cp-page-ticket-new .form-card > .form-intro:after,
html.cp-page-email-request .form-card > .form-intro:after,
html.cp-page-domain-check .form-card > .form-intro:after,
html.cp-page-ssl-check .form-card > .form-intro:after,
html.cp-page-billing .form-card > .form-intro:after,
html.cp-page-web-quote .form-card > .form-intro:after{
  content:""!important;
  position:absolute!important;
  right:-58px!important;
  bottom:-72px!important;
  width:230px!important;
  height:230px!important;
  border-radius:50%!important;
  background:rgba(255,176,30,.08)!important;
  pointer-events:none!important;
}

html.cp-page-register-existing .form-card > .form-intro:before,
html.cp-page-ticket-new .form-card > .form-intro:before,
html.cp-page-email-request .form-card > .form-intro:before,
html.cp-page-domain-check .form-card > .form-intro:before,
html.cp-page-ssl-check .form-card > .form-intro:before,
html.cp-page-billing .form-card > .form-intro:before,
html.cp-page-web-quote .form-card > .form-intro:before{
  content:""!important;
  position:absolute!important;
  left:36px!important;
  top:34px!important;
  width:42px!important;
  height:4px!important;
  border-radius:999px!important;
  background:linear-gradient(90deg,#ffae16,#ffd066)!important;
  pointer-events:none!important;
}

html.cp-page-register-existing .form-card > .form-intro > *,
html.cp-page-ticket-new .form-card > .form-intro > *,
html.cp-page-email-request .form-card > .form-intro > *,
html.cp-page-domain-check .form-card > .form-intro > *,
html.cp-page-ssl-check .form-card > .form-intro > *,
html.cp-page-billing .form-card > .form-intro > *,
html.cp-page-web-quote .form-card > .form-intro > *{
  position:relative!important;
  z-index:2!important;
}

html.cp-page-register-existing .form-card > .form-intro .eyebrow,
html.cp-page-register-existing .form-card > .form-intro .kicker,
html.cp-page-ticket-new .form-card > .form-intro .eyebrow,
html.cp-page-ticket-new .form-card > .form-intro .kicker,
html.cp-page-email-request .form-card > .form-intro .eyebrow,
html.cp-page-email-request .form-card > .form-intro .kicker,
html.cp-page-domain-check .form-card > .form-intro .eyebrow,
html.cp-page-domain-check .form-card > .form-intro .kicker,
html.cp-page-ssl-check .form-card > .form-intro .eyebrow,
html.cp-page-ssl-check .form-card > .form-intro .kicker,
html.cp-page-billing .form-card > .form-intro .eyebrow,
html.cp-page-billing .form-card > .form-intro .kicker,
html.cp-page-web-quote .form-card > .form-intro .eyebrow,
html.cp-page-web-quote .form-card > .form-intro .kicker{
  display:block!important;
  margin:0 0 14px 0!important;
  padding-left:0!important;
  width:auto!important;
  max-width:max-content!important;
  color:#ffb21b!important;
  font-size:13px!important;
  font-weight:900!important;
  letter-spacing:.18em!important;
  text-transform:uppercase!important;
  line-height:1.15!important;
  text-align:center!important;
}

html.cp-page-register-existing .form-card > .form-intro .eyebrow span,
html.cp-page-ticket-new .form-card > .form-intro .eyebrow span,
html.cp-page-email-request .form-card > .form-intro .eyebrow span,
html.cp-page-domain-check .form-card > .form-intro .eyebrow span,
html.cp-page-ssl-check .form-card > .form-intro .eyebrow span,
html.cp-page-billing .form-card > .form-intro .eyebrow span,
html.cp-page-web-quote .form-card > .form-intro .eyebrow span{
  display:none!important;
}

html.cp-page-register-existing .form-card > .form-intro .eyebrow:before,
html.cp-page-register-existing .form-card > .form-intro .kicker:before,
html.cp-page-ticket-new .form-card > .form-intro .eyebrow:before,
html.cp-page-ticket-new .form-card > .form-intro .kicker:before,
html.cp-page-email-request .form-card > .form-intro .eyebrow:before,
html.cp-page-email-request .form-card > .form-intro .kicker:before,
html.cp-page-domain-check .form-card > .form-intro .eyebrow:before,
html.cp-page-domain-check .form-card > .form-intro .kicker:before,
html.cp-page-ssl-check .form-card > .form-intro .eyebrow:before,
html.cp-page-ssl-check .form-card > .form-intro .kicker:before,
html.cp-page-billing .form-card > .form-intro .eyebrow:before,
html.cp-page-billing .form-card > .form-intro .kicker:before,
html.cp-page-web-quote .form-card > .form-intro .eyebrow:before,
html.cp-page-web-quote .form-card > .form-intro .kicker:before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
}

html.cp-page-register-existing .form-card > .form-intro h1,
html.cp-page-register-existing .form-card > .form-intro h2,
html.cp-page-ticket-new .form-card > .form-intro h1,
html.cp-page-ticket-new .form-card > .form-intro h2,
html.cp-page-email-request .form-card > .form-intro h1,
html.cp-page-email-request .form-card > .form-intro h2,
html.cp-page-domain-check .form-card > .form-intro h1,
html.cp-page-domain-check .form-card > .form-intro h2,
html.cp-page-ssl-check .form-card > .form-intro h1,
html.cp-page-ssl-check .form-card > .form-intro h2,
html.cp-page-billing .form-card > .form-intro h1,
html.cp-page-billing .form-card > .form-intro h2,
html.cp-page-web-quote .form-card > .form-intro h1,
html.cp-page-web-quote .form-card > .form-intro h2{
  position:relative!important;
  z-index:2!important;
  max-width:930px!important;
  margin:0 auto 16px auto!important;
  color:#f7f1e8!important;
  font-family:Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif!important;
  font-size:clamp(34px, 3.45vw, 52px)!important;
  line-height:.92!important;
  letter-spacing:-.065em!important;
  font-weight:950!important;
  text-align:center!important;
  text-wrap:balance!important;
}

html.cp-page-register-existing .form-card > .form-intro p,
html.cp-page-ticket-new .form-card > .form-intro p,
html.cp-page-email-request .form-card > .form-intro p,
html.cp-page-domain-check .form-card > .form-intro p,
html.cp-page-ssl-check .form-card > .form-intro p,
html.cp-page-billing .form-card > .form-intro p,
html.cp-page-web-quote .form-card > .form-intro p{
  position:relative!important;
  z-index:2!important;
  max-width:760px!important;
  margin:0 auto!important;
  color:rgba(247,241,232,.72)!important;
  font-size:clamp(15px, 1vw, 18px)!important;
  line-height:1.48!important;
  font-weight:600!important;
  text-align:center!important;
  text-wrap:balance!important;
}

html.cp-page-register-existing .form-card > .form-intro ~ h2,
html.cp-page-ticket-new .form-card > .form-intro ~ h2,
html.cp-page-email-request .form-card > .form-intro ~ h2,
html.cp-page-domain-check .form-card > .form-intro ~ h2,
html.cp-page-ssl-check .form-card > .form-intro ~ h2,
html.cp-page-billing .form-card > .form-intro ~ h2,
html.cp-page-web-quote .form-card > .form-intro ~ h2{
  display:none!important;
}

@media (max-width:900px){
  html.cp-page-register-existing .form-wrap.compact,
  html.cp-page-ticket-new .form-wrap.compact,
  html.cp-page-email-request .form-wrap.compact,
  html.cp-page-domain-check .form-wrap.compact,
  html.cp-page-ssl-check .form-wrap.compact,
  html.cp-page-billing .form-wrap.compact,
  html.cp-page-web-quote .form-wrap.compact{
    width:min(100%, calc(100vw - 28px))!important;
  }
  html.cp-page-register-existing .form-card,
  html.cp-page-ticket-new .form-card,
  html.cp-page-email-request .form-card,
  html.cp-page-domain-check .form-card,
  html.cp-page-ssl-check .form-card,
  html.cp-page-billing .form-card,
  html.cp-page-web-quote .form-card{
    padding:24px 18px!important;
    border-radius:24px!important;
  }
  html.cp-page-register-existing .form-card > .form-intro,
  html.cp-page-ticket-new .form-card > .form-intro,
  html.cp-page-email-request .form-card > .form-intro,
  html.cp-page-domain-check .form-card > .form-intro,
  html.cp-page-ssl-check .form-card > .form-intro,
  html.cp-page-billing .form-card > .form-intro,
  html.cp-page-web-quote .form-card > .form-intro{
    height:auto!important;
    min-height:210px!important;
    max-height:none!important;
    padding:34px 24px!important;
    border-radius:24px!important;
  }
}


/* V203I hard kill: remove every internal line that can appear before/around the kicker.
   The only intentional decorative line is .form-intro:before in the top-left corner. */
html.cp-page-register-existing .form-card > .form-intro .eyebrow:before,
html.cp-page-register-existing .form-card > .form-intro .eyebrow:after,
html.cp-page-register-existing .form-card > .form-intro .eyebrow span,
html.cp-page-register-existing .form-card > .form-intro .eyebrow span:before,
html.cp-page-register-existing .form-card > .form-intro .eyebrow span:after,
html.cp-page-register-existing .form-card > .form-intro .kicker:before,
html.cp-page-register-existing .form-card > .form-intro .kicker:after,
html.cp-page-ticket-new .form-card > .form-intro .eyebrow:before,
html.cp-page-ticket-new .form-card > .form-intro .eyebrow:after,
html.cp-page-ticket-new .form-card > .form-intro .eyebrow span,
html.cp-page-ticket-new .form-card > .form-intro .eyebrow span:before,
html.cp-page-ticket-new .form-card > .form-intro .eyebrow span:after,
html.cp-page-ticket-new .form-card > .form-intro .kicker:before,
html.cp-page-ticket-new .form-card > .form-intro .kicker:after,
html.cp-page-email-request .form-card > .form-intro .eyebrow:before,
html.cp-page-email-request .form-card > .form-intro .eyebrow:after,
html.cp-page-email-request .form-card > .form-intro .eyebrow span,
html.cp-page-email-request .form-card > .form-intro .eyebrow span:before,
html.cp-page-email-request .form-card > .form-intro .eyebrow span:after,
html.cp-page-email-request .form-card > .form-intro .kicker:before,
html.cp-page-email-request .form-card > .form-intro .kicker:after,
html.cp-page-domain-check .form-card > .form-intro .eyebrow:before,
html.cp-page-domain-check .form-card > .form-intro .eyebrow:after,
html.cp-page-domain-check .form-card > .form-intro .eyebrow span,
html.cp-page-domain-check .form-card > .form-intro .eyebrow span:before,
html.cp-page-domain-check .form-card > .form-intro .eyebrow span:after,
html.cp-page-domain-check .form-card > .form-intro .kicker:before,
html.cp-page-domain-check .form-card > .form-intro .kicker:after,
html.cp-page-ssl-check .form-card > .form-intro .eyebrow:before,
html.cp-page-ssl-check .form-card > .form-intro .eyebrow:after,
html.cp-page-ssl-check .form-card > .form-intro .eyebrow span,
html.cp-page-ssl-check .form-card > .form-intro .eyebrow span:before,
html.cp-page-ssl-check .form-card > .form-intro .eyebrow span:after,
html.cp-page-ssl-check .form-card > .form-intro .kicker:before,
html.cp-page-ssl-check .form-card > .form-intro .kicker:after,
html.cp-page-billing .form-card > .form-intro .eyebrow:before,
html.cp-page-billing .form-card > .form-intro .eyebrow:after,
html.cp-page-billing .form-card > .form-intro .eyebrow span,
html.cp-page-billing .form-card > .form-intro .eyebrow span:before,
html.cp-page-billing .form-card > .form-intro .eyebrow span:after,
html.cp-page-billing .form-card > .form-intro .kicker:before,
html.cp-page-billing .form-card > .form-intro .kicker:after,
html.cp-page-web-quote .form-card > .form-intro .eyebrow:before,
html.cp-page-web-quote .form-card > .form-intro .eyebrow:after,
html.cp-page-web-quote .form-card > .form-intro .eyebrow span,
html.cp-page-web-quote .form-card > .form-intro .eyebrow span:before,
html.cp-page-web-quote .form-card > .form-intro .eyebrow span:after,
html.cp-page-web-quote .form-card > .form-intro .kicker:before,
html.cp-page-web-quote .form-card > .form-intro .kicker:after{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}