/* Ateliê Claro — camada visual independente. Sem dependências externas. */
:root {
 --atelier-paper:#ffffff; --atelier-ink:#0d2340; --atelier-muted:#5b6d84;
 --atelier-line:#dbe4ef; --atelier-accent:#0074ee; --atelier-pale:#eef7fd;
 --primary:#0d2340; --secondary:#0668e8; --tertiary:#0074ee;
 --main-background:var(--atelier-paper); --surface:#fff; --foreground:var(--atelier-ink);
 --font__pri-clr:var(--atelier-ink); --font__sec-clr:var(--atelier-muted);
 --link__pri-clr:#0668e8; --link__pri-hover-clr:#0d2340;
 --link__sec-clr:#0074ee; --link__sec-hover-clr:#0052b4;
}
body.cust-help {background:var(--atelier-paper); color:var(--atelier-ink)}
.cust-help .wrapper {font-family:Lato,'Segoe UI',sans-serif; background:var(--atelier-paper); margin-top:0; font-size:15px; line-height:1.65}
.cust-help .main {min-height:100vh}
.cust-help .contr {width:100%;max-width:1160px;margin-inline:auto;padding-inline:32px;box-sizing:border-box}
.cust-help .header {position:relative;background:var(--atelier-paper); border-bottom:1px solid var(--atelier-line);box-shadow:none; min-height:88px}
.cust-help .header__inner {min-height:88px;gap:20px;flex-wrap:wrap;padding-block:16px}
.cust-help .header__logo {color:var(--atelier-ink);font-size:21px;font-weight:700;letter-spacing:-.6px;line-height:1.3}
.cust-help .header__logo:before {content:'';display:inline-block;width:15px;height:15px;border:5px solid var(--atelier-accent);border-radius:50%;vertical-align:middle;margin-right:13px;box-sizing:content-box}
.cust-help .breadcrumbs {background:var(--atelier-paper);border-bottom:1px solid var(--atelier-line)}
.cust-help .breadcrumbs__inner {padding-block:14px;color:var(--atelier-muted)}
.cust-help .main__content {background:var(--atelier-paper);padding-block:32px 60px}
.cust-help .help-search {position:relative;text-align:left;max-width:none;padding:30px 0 44px;border-bottom:1px solid var(--atelier-line);margin-bottom:0}
.cust-help .atelier-kicker {font-size:11px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--atelier-accent);margin-bottom:22px}
.cust-help .search__title {font-family:Lato,'Segoe UI',Arial,sans-serif;font-size:clamp(36px,5.3vw,66px);line-height:1.08;letter-spacing:-2px;font-weight:800;text-align:left;color:var(--atelier-ink);max-width:760px;margin:0 0 28px}
.cust-help .help-search .form {max-width:680px;margin:0}
.cust-help .form__search {box-shadow:none;border-radius:7px;background:var(--surface);border:1px solid var(--atelier-line)}
.cust-help .nav {display:grid;grid-template-columns:1.15fr 1fr;gap:24px;margin:32px 0 48px}
.cust-help .navlink {position:relative;display:flex;align-items:flex-start;max-width:none;width:auto;margin:0;padding:34px 66px 36px 30px;border:1px solid var(--atelier-line);border-radius:8px;box-shadow:none;background:var(--surface);transition:border-color .18s,transform .18s;color:var(--atelier-ink)}
.cust-help .navlink:first-child {background:var(--atelier-pale);border-color:#b5ddf5}
.cust-help .navlink:after {content:'↗';position:absolute;right:26px;top:28px;font-size:27px;color:var(--atelier-accent)}
.cust-help .navlink:hover {background:var(--surface);border-color:var(--atelier-ink);box-shadow:none;transform:translateY(-2px)}
.cust-help .navlink:first-child:hover {background:#e3f5ff}
.cust-help .navlink .navlink__title {font-size:23px;line-height:1.3;letter-spacing:-.5px;color:var(--atelier-ink);margin:0 0 9px}
.cust-help .navlink .navlink__descr {font-size:14px;line-height:1.6;color:var(--atelier-muted)}
.cust-help .navlink .icon-in-circle {flex-shrink:0;background:transparent;border-radius:0;width:32px;height:32px;margin-right:20px;color:var(--atelier-ink)}
.cust-help .navlink .icon-in-circle .icon {fill:var(--atelier-ink);font-size:27px}
.cust-help .article {max-width:none;padding:0;background:transparent;box-shadow:none}
.cust-help .article__heading {margin-bottom:25px;font-size:26px;letter-spacing:-.6px}
.cust-help .article__heading a {color:var(--atelier-ink)}
.cust-help .article__heading .icon-in-circle {background:transparent;color:var(--atelier-accent)}
.cust-help .tabbed__head {border-bottom:1px solid var(--atelier-line)}
.cust-help .tabbed__head_tabs li {font-size:14px;padding-block:14px}
.cust-help .tabbed__head_tabs li.current {color:var(--atelier-ink);border-color:var(--atelier-accent)}
.cust-help .preview {border-bottom:1px solid var(--atelier-line);background:transparent;box-shadow:none;padding:24px 12px;border-radius:0}
.cust-help .preview:hover {background:#f3f8fd}
.cust-help .preview__title {font-size:17px;color:var(--atelier-ink)}
.cust-help .preview__text p {color:var(--atelier-muted)}
.cust-help .preview .icon-in-circle {background:var(--atelier-pale);color:var(--atelier-ink)}
.cust-help .form {border-radius:8px}
.cust-help .form__title,.cust-help .select__title {color:var(--atelier-ink);font-size:28px;letter-spacing:-.5px;line-height:1.3}
.cust-help .form-group label {color:var(--atelier-ink);font-weight:700;font-size:14px}
.cust-help .form input.form-control,.cust-help .form textarea.form-control,.cust-help select.form-control {background:var(--surface);color:var(--atelier-ink);border:1px solid var(--atelier-line);border-radius:6px;font-size:15px}
.cust-help .form input.form-control:not([type=checkbox]):not([type=radio]) {min-height:48px}
.cust-help .form input.form-control:focus,.cust-help .form textarea.form-control:focus {border-color:var(--secondary);box-shadow:0 0 0 3px #0668e822}
.cust-help .btn {border-radius:6px;font-size:14px;min-height:44px;line-height:1.4;letter-spacing:.15px;box-shadow:none}
.cust-help .btn--blue,.cust-help .btn--primary,.cust-help .btn-full {background:var(--secondary);color:var(--surface);border-color:var(--secondary)}
.cust-help .btn--blue:hover,.cust-help .btn--primary:hover {background:var(--primary);color:var(--surface)}
.cust-help .btn--blue-border {border-color:var(--secondary);color:var(--secondary);background:var(--surface)}
.cust-help .table-wrap {border:1px solid var(--atelier-line);border-radius:8px;box-shadow:none}
.cust-help .table-wrap .table thead {background:var(--primary)}
.cust-help .table-wrap .table tbody td {padding:18px 16px}
.cust-help .table-wrap .table tbody td:not(:first-child) {border-left:0}
.cust-help .alert,.cust-help .notification {border-radius:6px;box-shadow:none}
.cust-help .footer {background:var(--atelier-paper);border-top:1px solid var(--atelier-line);color:var(--atelier-muted);padding-block:22px}
.cust-help a:focus-visible,.cust-help button:focus-visible,.cust-help input:focus-visible,.cust-help select:focus-visible,.cust-help textarea:focus-visible {outline:3px solid var(--atelier-accent);outline-offset:4px}
@media(max-width:700px) {
 .cust-help .contr {padding-inline:20px}
 .cust-help .header__inner {gap:14px;min-height:76px}
 .cust-help .header__logo {font-size:18px;max-width:100%;overflow-wrap:anywhere}
 .cust-help .main__content {padding-block:20px 36px}
 .cust-help .help-search {padding-block:20px 30px}
 .cust-help .search__title {letter-spacing:-1px}
 .cust-help .nav {grid-template-columns:1fr;gap:14px;margin-block:24px 36px}
 .cust-help .navlink {padding:26px 50px 26px 20px}
 .cust-help .navlink .navlink__title {font-size:21px}
 .cust-help .navlink .icon-in-circle {margin-right:12px}
 .cust-help .preview {flex-wrap:wrap;gap:10px}
 .cust-help .preview__text {min-width:0;overflow-wrap:anywhere}
}
@media(prefers-reduced-motion:reduce) {.cust-help .navlink {transition:none;transform:none}}
@media print {body.cust-help,.cust-help .wrapper,.cust-help .main__content {background:#fff}.cust-help .header {position:static}.cust-help .navlink {transform:none}}

/* AXIS Conexão — identidade e composição final */
.cust-help .header {background:#071b33;border:0;min-height:78px}
.cust-help .header__inner {min-height:78px}
.cust-help .header__logo {display:flex;align-items:center;gap:18px;color:#fff;font-size:14px;letter-spacing:0}
.cust-help .header__logo:before {display:none}
.cust-help .axis-logo {width:172px;height:48px;object-fit:contain}
.cust-help .axis-brand-title {max-width:260px;line-height:1.3;font-size:13px;color:#d6e6f8}
.cust-help .header .profile__user,.cust-help .header .user__name p,.cust-help .header .user__name p span,.cust-help .header .header__lang .label {color:#e7f0fc}
.cust-help .axis-header-links {display:flex;gap:24px;margin-left:auto;align-items:center;font-size:13px}
.cust-help .axis-header-links a {color:#e7f0fc}
.cust-help .axis-header-links a:hover {color:#51d7f5}
.cust-help .header .profile__menu,.cust-help .header .dropdown-list {color:#0d2340}
.cust-help .main__content {padding-top:24px}
.cust-help .axis-hero {position:relative;padding:64px 0 54px;background:url('../img/conexao-circuitos.svg') no-repeat right center;background-size:420px;min-height:280px;isolation:isolate}
.cust-help .axis-hero .atelier-kicker {color:#0675ed;margin-bottom:20px;letter-spacing:2px}
.cust-help .axis-hero .search__title {font-size:clamp(40px,5vw,66px);max-width:610px;font-weight:800;letter-spacing:-2px;border-left:7px solid #03c3d6;padding-left:22px;line-height:1.05;margin-bottom:22px}
.cust-help .axis-hero p.axis-intro {font-size:17px;line-height:1.7;max-width:570px;color:#304a67;margin-left:29px}
.cust-help .nav {gap:18px;margin:0 0 22px;grid-template-columns:1fr 1fr}
.cust-help .navlink {align-items:center;padding:26px 48px 26px 24px;border-radius:7px;min-height:104px;box-sizing:border-box}
.cust-help .navlink:first-child {background:#009fe3;border-color:#009fe3;color:white}
.cust-help .navlink:first-child .navlink__title,.cust-help .navlink:first-child .navlink__descr,.cust-help .navlink:first-child .icon-in-circle,.cust-help .navlink:first-child:after {color:#fff}
.cust-help .navlink:first-child .icon {fill:#fff}
.cust-help .navlink:first-child:hover {background:#0089ca;border-color:#0089ca}
.cust-help .navlink .navlink__title {font-size:20px;letter-spacing:-.3px}
.cust-help .navlink:after {content:'→';font-size:23px;top:50%;transform:translateY(-50%);right:20px}
.cust-help .axis-home-search {padding:0;margin:0 0 46px;max-width:none;border:0;background:none;text-align:left}
.cust-help .axis-home-search .form {max-width:none}
.cust-help .article__heading {font-size:24px;padding-left:16px;border-left:5px solid #04b9d2}
.cust-help .preview {padding:21px 12px}
.cust-help .preview .icon-in-circle {border-radius:8px;background:#f0f7fc}
.cust-help .form__title,.cust-help .select__title {font-weight:700}
@media(max-width:700px) {
 .cust-help .axis-header-links {gap:14px;margin-left:0;flex-wrap:wrap}
 .cust-help .axis-brand-title {display:none}
 .cust-help .axis-hero {padding:40px 0 30px;background-size:230px;background-position:right top}
 .cust-help .axis-hero .search__title {max-width:80%;font-size:42px;letter-spacing:-1.3px;padding-left:15px;border-left-width:5px}
 .cust-help .axis-hero p.axis-intro {font-size:15px;margin-left:20px;max-width:90%}
 .cust-help .nav {grid-template-columns:1fr}
 .cust-help .navlink {min-height:92px}
 .cust-help .axis-home-search {margin-bottom:32px}
}
@media(max-width:380px) {.cust-help .axis-hero .search__title {font-size:36px}}

/* 1.1 — correções de especificidade sobre os estilos legados do HESK */
body.cust-help .header .header__logo {height:auto!important;min-height:48px;display:flex!important;overflow:visible!important;font-size:14px!important}
body.cust-help .header .header__logo .axis-logo {display:block!important;max-width:none!important;width:172px!important;height:48px!important;flex-shrink:0}
body.cust-help .axis-home-search {background:transparent!important;padding:0!important;border:0!important}
body.cust-help .axis-home-search .form__search {width:100%!important;max-width:none!important;margin:0!important;background:#fff!important;border:1px solid #dbe4ef!important;box-shadow:none!important;border-radius:6px!important;padding:0!important}
body.cust-help .axis-home-search .form__search input {background:#fff!important;min-height:52px;color:#304a67;border:0!important;font-size:15px}
body.cust-help .axis-kb-heading {display:flex!important;justify-content:flex-start!important;align-items:center!important;text-align:left!important;font-size:24px!important;margin:0 0 24px!important;line-height:1.4!important}
body.cust-help .axis-kb-heading a {display:flex!important;justify-content:flex-start!important;align-items:center!important;font-size:inherit!important}
body.cust-help .axis-kb-heading .icon-in-circle {display:none!important}
body.cust-help .article .tabbed__head {text-align:left!important;margin:0!important;box-shadow:none!important;background:transparent!important;border-bottom:1px solid #dbe4ef!important}
body.cust-help .article .tabbed__head_tabs {justify-content:flex-start!important;margin:0!important;box-shadow:none!important}
body.cust-help .article .tabbed__head_tabs li {box-shadow:none!important;background:transparent!important;border:0!important;padding:12px 0!important;margin:0 24px 0 0!important;color:#5b6d84;font-size:13px!important}
body.cust-help .article .tabbed__head_tabs li.current {border-bottom:2px solid #009fe3!important;color:#0d2340}
body.cust-help .article .preview {background:#fff!important;box-shadow:none!important;border:0!important;border-bottom:1px solid #e5edf5!important;margin:0!important;border-radius:0!important;padding:20px 8px!important;align-items:center!important}
body.cust-help .article .preview:hover {background:#f5faff!important}
body.cust-help .article .preview__title {font-size:16px!important;font-weight:700!important;color:#0d2340!important;margin:0 0 6px!important}
body.cust-help .article .preview__text p {font-size:13px!important;line-height:1.55!important;color:#5b6d84!important}
body.cust-help .article .preview__text .navlink__descr {display:none}
body.cust-help .article .preview .rate {margin-left:auto;font-size:11px}
body.cust-help .axis-home-search .form__search:focus-within {outline:2px solid #009fe3;outline-offset:2px}
@media(max-width:700px) {body.cust-help .header .header__logo {max-width:100%}body.cust-help .article .preview .rate {margin-left:0}}