@charset "UTF-8";
/***** Normalize.css *****/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/***** Base *****/
* {
  box-sizing: border-box;
}

body {
  background-color: #F5F7F8;
  color: #222222;
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
@media (min-width: 1024px) {
  body > main {
    min-height: 65vh;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  margin-top: 0;
}

h1 {
  font-size: 32px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
  font-weight: 600;
}

h4 {
  font-size: 16px;
}

a {
  color: #0089C7;
  text-decoration: none;
}
a:visited {
  color: #0089C7;
}
a:hover, a:active, a:focus {
  text-decoration: underline;
}

.hbs-form input,
.hbs-form textarea, .search input,
.search textarea {
  color: #000;
  font-size: 14px;
}
.hbs-form input, .search input {
  max-width: 100%;
  box-sizing: border-box;
  transition: border 0.12s ease-in-out;
  /* We use the :where selector to not increase the specificity of the selector */
}
.hbs-form input:where(:not([type=checkbox])), .search input:where(:not([type=checkbox])) {
  outline: none;
}
.hbs-form input:where(:not([type=checkbox])):focus, .search input:where(:not([type=checkbox])):focus {
  border: 1px solid #0089C7;
}
.hbs-form input[disabled], .search input[disabled] {
  background-color: #ddd;
}
.hbs-form select, .search select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath fill='%23CCC' d='M0 0h10L5 6 0 0z'/%3E%3C/svg%3E%0A") no-repeat #fff;
  background-position: right 10px center;
  border: 1px solid #848F99;
  border-radius: 4px;
  padding: 8px 30px 8px 10px;
  outline: none;
  color: #555;
  width: 100%;
}
.hbs-form select:focus, .search select:focus {
  border: 1px solid #0089C7;
}
.hbs-form select::-ms-expand, .search select::-ms-expand {
  display: none;
}
.hbs-form textarea, .search textarea {
  border: 1px solid #848F99;
  border-radius: 2px;
  resize: vertical;
  width: 100%;
  outline: none;
  padding: 10px;
}
.hbs-form textarea:focus, .search textarea:focus {
  border: 1px solid #0089C7;
}

.container {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}
@media (min-width: 1160px) {
  .container {
    padding: 0;
    width: 90%;
  }
}

.container-divider {
  border-top: 1px solid #ddd;
  margin-bottom: 20px;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.error-page {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
}
@media (min-width: 1160px) {
  .error-page {
    padding: 0;
    width: 90%;
  }
}

.visibility-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

/***** Buttons *****/
.button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
  background-color: transparent;
  border: 1px solid #0089C7;
  border-radius: 4px;
  color: #0089C7;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  line-height: 2.34;
  margin: 0;
  padding: 0 20px;
  text-align: center;
  transition: background-color 0.12s ease-in-out, border-color 0.12s ease-in-out, color 0.15s ease-in-out;
  user-select: none;
  white-space: nowrap;
  width: 100%;
  -webkit-touch-callout: none;
}
@media (min-width: 768px) {
  .button, .pagination-next-link, .pagination-prev-link, .pagination-first-link, .pagination-last-link, .subscriptions-subscribe button, .requests-table-toolbar .organization-subscribe button, .community-follow button, .article-subscribe button, .section-subscribe button, .split-button button {
    width: auto;
  }
}
.button:visited, .pagination-next-link:visited, .pagination-prev-link:visited, .pagination-first-link:visited, .pagination-last-link:visited, .subscriptions-subscribe button:visited, .requests-table-toolbar .organization-subscribe button:visited, .community-follow button:visited, .article-subscribe button:visited, .section-subscribe button:visited, .split-button button:visited {
  color: #0089C7;
}
.button:hover, .pagination-next-link:hover, .pagination-prev-link:hover, .pagination-first-link:hover, .pagination-last-link:hover, .subscriptions-subscribe button:hover, .requests-table-toolbar .organization-subscribe button:hover, .community-follow button:hover, .article-subscribe button:hover, .section-subscribe button:hover, .split-button button:hover, .button:active, .pagination-next-link:active, .pagination-prev-link:active, .pagination-first-link:active, .pagination-last-link:active, .subscriptions-subscribe button:active, .requests-table-toolbar .organization-subscribe button:active, .community-follow button:active, .article-subscribe button:active, .section-subscribe button:active, .split-button button:active, .button:focus, .pagination-next-link:focus, .pagination-prev-link:focus, .pagination-first-link:focus, .pagination-last-link:focus, .subscriptions-subscribe button:focus, .requests-table-toolbar .organization-subscribe button:focus, .community-follow button:focus, .article-subscribe button:focus, .section-subscribe button:focus, .split-button button:focus, .button.button-primary, .button-primary.pagination-next-link, .button-primary.pagination-prev-link, .button-primary.pagination-first-link, .button-primary.pagination-last-link, .subscriptions-subscribe button.button-primary, .subscriptions-subscribe button[data-selected=true], .requests-table-toolbar .organization-subscribe button.button-primary, .requests-table-toolbar .organization-subscribe button[data-selected=true], .community-follow button.button-primary, .article-subscribe button.button-primary, .article-subscribe button[data-selected=true], .section-subscribe button.button-primary, .section-subscribe button[data-selected=true], .split-button button.button-primary {
  background-color: #0089C7;
  color: #FFFFFF;
  text-decoration: none;
}
.button.button-primary:hover, .button-primary.pagination-next-link:hover, .button-primary.pagination-prev-link:hover, .button-primary.pagination-first-link:hover, .button-primary.pagination-last-link:hover, .subscriptions-subscribe button.button-primary:hover, .subscriptions-subscribe button[data-selected=true]:hover, .requests-table-toolbar .organization-subscribe button.button-primary:hover, .requests-table-toolbar .organization-subscribe button[data-selected=true]:hover, .community-follow button.button-primary:hover, .article-subscribe button.button-primary:hover, .article-subscribe button[data-selected=true]:hover, .section-subscribe button.button-primary:hover, .section-subscribe button[data-selected=true]:hover, .split-button button:hover, .button.button-primary:focus, .button-primary.pagination-next-link:focus, .button-primary.pagination-prev-link:focus, .button-primary.pagination-first-link:focus, .button-primary.pagination-last-link:focus, .subscriptions-subscribe button.button-primary:focus, .subscriptions-subscribe button[data-selected=true]:focus, .requests-table-toolbar .organization-subscribe button.button-primary:focus, .requests-table-toolbar .organization-subscribe button[data-selected=true]:focus, .community-follow button.button-primary:focus, .article-subscribe button.button-primary:focus, .article-subscribe button[data-selected=true]:focus, .section-subscribe button.button-primary:focus, .section-subscribe button[data-selected=true]:focus, .split-button button.button-primary:focus, .button.button-primary:active, .button-primary.pagination-next-link:active, .button-primary.pagination-prev-link:active, .button-primary.pagination-first-link:active, .button-primary.pagination-last-link:active, .subscriptions-subscribe button.button-primary:active, .subscriptions-subscribe button[data-selected=true]:active, .requests-table-toolbar .organization-subscribe button.button-primary:active, .requests-table-toolbar .organization-subscribe button[data-selected=true]:active, .community-follow button.button-primary:active, .article-subscribe button.button-primary:active, .article-subscribe button[data-selected=true]:active, .section-subscribe button.button-primary:active, .section-subscribe button[data-selected=true]:active, .split-button button.button-primary:active {
  background-color: #004361;
  border-color: #004361;
}
.button[data-disabled], [data-disabled].pagination-next-link, [data-disabled].pagination-prev-link, [data-disabled].pagination-first-link, [data-disabled].pagination-last-link, .subscriptions-subscribe button[data-disabled], .requests-table-toolbar .organization-subscribe button[data-disabled], .community-follow button[data-disabled], .article-subscribe button[data-disabled], .section-subscribe button[data-disabled], .split-button button[data-disabled] {
  cursor: default;
}

.button-large, .hbs-form input[type=submit] {
  cursor: pointer;
  background-color: #0089C7;
  border: 0;
  border-radius: 4px;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 2.72;
  min-width: 190px;
  padding: 0 1.9286em;
  width: 100%;
}
@media (min-width: 768px) {
  .button-large, .hbs-form input[type=submit] {
    width: auto;
  }
}
.button-large:visited, .hbs-form input[type=submit]:visited {
  color: #FFFFFF;
}
.button-large:hover, .button-large:active, .button-large:focus, .hbs-form input[type=submit]:hover, .hbs-form input[type=submit]:active, .hbs-form input[type=submit]:focus {
  background-color: #004361;
}
.button-large[disabled], .hbs-form input[type=submit][disabled] {
  background-color: #ddd;
}

.button-secondary {
  color: #555;
  border: 1px solid #848F99;
  background-color: transparent;
}
.button-secondary:visited {
  color: #555;
}
.button-secondary:hover, .button-secondary:focus, .button-secondary:active {
  color: #222222;
  border: 1px solid #848F99;
  background-color: #ecf0f2;
}

/***** Split button *****/
.split-button {
  display: flex;
}

.split-button button {
  background-color: #0089C7;
  border: 0;
  color: #FFFFFF;
  height: 32px;
  line-height: 16px;
  outline-color: #0089C7;
}

[dir=rtl] .split-button button:not(:only-child):first-child {
  border-left: 1px solid #FFFFFF;
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):first-child {
  border-right: 1px solid #FFFFFF;
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.split-button button:not(:only-child):last-child {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 26px;
  min-width: 26px;
  max-width: 26px;
  padding: 0;
}
[dir=rtl] .split-button button:not(:only-child):last-child {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
[dir=ltr] .split-button button:not(:only-child):last-child {
  border-top-left-radius: unset;
  border-bottom-left-radius: unset;
}

/***** Tables *****/
.table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
}
@media (min-width: 768px) {
  .table {
    table-layout: auto;
  }
}
.table th,
.table th a {
  color: #555;
  font-size: 13px;
  text-align: left;
}
[dir=rtl] .table th,
[dir=rtl] .table th a {
  text-align: right;
}
.table tr {
  border-bottom: 1px solid #ddd;
  display: block;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .table tr {
    display: table-row;
  }
}
.table td {
  display: block;
}
@media (min-width: 768px) {
  .table td {
    display: table-cell;
  }
}
@media (min-width: 1024px) {
  .table td, .table th {
    padding: 20px 30px;
  }
}
@media (min-width: 768px) {
  .table td, .table th {
    padding: 10px 20px;
    height: 60px;
  }
}

/***** Forms *****/
.form {
  max-width: 650px;
}

.form-field ~ .form-field {
  margin-top: 25px;
}

.form-field label {
  display: block;
  font-size: 13px;
  margin-bottom: 5px;
}

.form-field input {
  border: 1px solid #848F99;
  border-radius: 4px;
  padding: 10px;
  width: 100%;
}
.form-field input:focus {
  border: 1px solid #0089C7;
}

.form-field input[type=text] {
  border: 1px solid #848F99;
  border-radius: 4px;
}
.form-field input[type=text]:focus {
  border: 1px solid #0089C7;
}

.form-field input[type=checkbox] {
  width: auto;
}

.form-field .nesty-input {
  border-radius: 4px;
  border: 1px solid #848F99;
  height: 40px;
  line-height: 40px;
  outline: none;
  vertical-align: middle;
}
.form-field .nesty-input:focus {
  border: 1px solid #0089C7;
  text-decoration: none;
}

.form-field .hc-multiselect-toggle {
  border: 1px solid #848F99;
}

.form-field .hc-multiselect-toggle:focus {
  outline: none;
  border: 1px solid #0089C7;
  text-decoration: none;
}

.form-field textarea {
  vertical-align: middle;
}

.form-field input[type=checkbox] + label {
  margin: 0 0 0 10px;
}

.form-field .optional {
  color: #555;
  margin-left: 4px;
}

.form-field p {
  color: #555;
  font-size: 12px;
  margin: 5px 0;
}

.form footer {
  margin-top: 40px;
  padding-top: 30px;
}

.form footer a {
  color: #555;
  cursor: pointer;
  margin-right: 15px;
}

.form .suggestion-list {
  font-size: 13px;
  margin-top: 30px;
}
.form .suggestion-list label {
  border-bottom: 1px solid #ddd;
  display: block;
  padding-bottom: 5px;
}
.form .suggestion-list li {
  padding: 10px 0;
}
.form .suggestion-list li a:visited {
  color: #0089C7;
}

/***** Header *****/
.header {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  position: relative;
  align-items: center;
  display: flex;
  height: 71px;
  justify-content: space-between;
}
@media (min-width: 1160px) {
  .header {
    padding: 0;
    width: 90%;
  }
}

.logo img {
  max-height: 37px;
  vertical-align: middle;
}

.logo span {
  margin: 0 10px;
  color: #0089C7;
}

.logo a {
  display: inline-block;
}

.logo a:hover, .logo a:focus, .logo a:active {
  text-decoration: none;
}

.user-nav {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .user-nav {
    position: relative;
  }
}
.user-nav[aria-expanded=true] {
  background-color: #fff;
  box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15), 0 4px 10px 0 rgba(0, 0, 0, 0.1);
  border: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 1;
}
.user-nav[aria-expanded=true] > a {
  display: block;
  margin: 20px;
}
.user-nav[aria-expanded=true] > .user-nav-list li {
  display: block;
}
.user-nav[aria-expanded=true] > .user-nav-list a {
  display: block;
  margin: 20px;
}

.user-nav-list {
  display: block;
  list-style: none;
}
.user-nav-list > li {
  display: inline-block;
}

@media (max-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 768px) {
  .nav-wrapper-desktop {
    display: none;
  }
}
@media (min-width: 1024px) {
  .nav-wrapper-desktop {
    display: inline-block;
  }
}
.nav-wrapper-desktop a {
  border: 0;
  color: #0089C7;
  display: none;
  font-size: 14px;
  padding: 0 20px 0 0;
  width: auto;
}
@media (min-width: 768px) {
  .nav-wrapper-desktop a {
    display: inline-block;
  }
}
[dir=rtl] .nav-wrapper-desktop a {
  padding: 0 0 0 20px;
}
.nav-wrapper-desktop a:hover, .nav-wrapper-desktop a:focus, .nav-wrapper-desktop a:active {
  background-color: transparent;
  color: #0089C7;
  text-decoration: underline;
}

@media (min-width: 1024px) {
  .nav-wrapper-mobile {
    display: none;
  }
}
.nav-wrapper-mobile .menu-button-mobile {
  background: none;
  border: 0;
  width: auto;
  min-width: 71px;
  cursor: pointer;
}
.nav-wrapper-mobile .menu-button-mobile .icon-menu {
  padding: 7px;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  border-radius: 50%;
}
.nav-wrapper-mobile .menu-button-mobile[aria-expanded=true] .icon-menu {
  background: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile {
  position: absolute;
  background-color: #fff;
  box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.15);
  border-top: solid 1px #ddd;
  border-bottom: solid 1px #ddd;
  right: 0;
  left: 0;
  top: 71px;
  z-index: 2;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=false] {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile[aria-expanded=true] {
  display: block;
}
.nav-wrapper-mobile .menu-list-mobile-items .item {
  margin: 4px 0;
}
.nav-wrapper-mobile .menu-list-mobile-items li:empty:not(.nav-divider) {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider {
  border-bottom: 0.1px solid #ddd;
  padding: 0;
}
.nav-wrapper-mobile .menu-list-mobile-items .nav-divider:last-child {
  display: none;
}
.nav-wrapper-mobile .menu-list-mobile-items button {
  background: none;
  border: none;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #222222;
  cursor: pointer;
  text-align: start;
}
.nav-wrapper-mobile .menu-list-mobile-items button:active, .nav-wrapper-mobile .menu-list-mobile-items button:focus, .nav-wrapper-mobile .menu-list-mobile-items button:hover {
  background-color: #f3f3f3;
  text-decoration: underline;
}
.nav-wrapper-mobile .menu-list-mobile-items a {
  display: block;
  padding: 8px 24px;
  width: 100%;
  height: 100%;
  color: #222222;
}
.nav-wrapper-mobile .menu-list-mobile-items a:active, .nav-wrapper-mobile .menu-list-mobile-items a:focus, .nav-wrapper-mobile .menu-list-mobile-items a:hover {
  background-color: #f3f3f3;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile {
  display: flex;
  line-height: 1.5;
}
.nav-wrapper-mobile .menu-list-mobile-items .my-profile .my-profile-tooltip {
  font-size: 12px;
  color: #68737D;
}
.nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  display: inline-block;
  margin-right: 8px;
  margin-top: 1px;
}
[dir=rtl] .nav-wrapper-mobile .menu-list-mobile-items .menu-profile-avatar {
  margin-right: 0;
  margin-left: 8px;
}

.skip-navigation {
  align-items: center;
  background-color: black;
  color: white;
  display: flex;
  font-size: 14px;
  justify-content: center;
  left: -999px;
  margin: 20px;
  padding: 20px;
  overflow: hidden;
  position: absolute;
  top: auto;
  z-index: -999;
}
[dir=rtl] .skip-navigation {
  left: initial;
  right: -999px;
}
.skip-navigation:focus, .skip-navigation:active {
  left: auto;
  overflow: auto;
  text-align: center;
  text-decoration: none;
  top: auto;
  z-index: 999;
}
[dir=rtl] .skip-navigation:focus, [dir=rtl] .skip-navigation:active {
  left: initial;
  right: auto;
}

#zd-modal-container ~ .skip-navigation {
  display: none;
}

.ask-ai {
  align-items: center;
  background-color: #0089C7;
  border: 1px solid #0089C7;
  border-radius: 4px;
  color: #FFFFFF;
  display: inline-flex;
  font-size: 14px;
  font-weight: 600;
  gap: 6px;
  line-height: 1.4286;
  padding: 6px 14px;
}
.ask-ai:visited {
  color: #FFFFFF;
}
.ask-ai .ask-ai-icon {
  flex-shrink: 0;
}

.nav-wrapper-desktop .ask-ai {
  margin-inline-end: 16px;
  padding: 6px 14px;
}
.nav-wrapper-desktop .ask-ai, .nav-wrapper-desktop .ask-ai:visited {
  color: #FFFFFF;
}
.nav-wrapper-desktop .ask-ai:hover, .nav-wrapper-desktop .ask-ai:focus, .nav-wrapper-desktop .ask-ai:active {
  background-color: #0B5F8A;
  border-color: #0B5F8A;
  color: #FFFFFF;
  text-decoration: none;
}

.nav-wrapper-mobile .ask-ai {
  margin: 4px 24px;
  padding: 6px 14px;
  width: auto;
  height: auto;
}
.nav-wrapper-mobile .ask-ai, .nav-wrapper-mobile .ask-ai:visited {
  color: #FFFFFF;
}
.nav-wrapper-mobile .ask-ai:hover, .nav-wrapper-mobile .ask-ai:focus, .nav-wrapper-mobile .ask-ai:active {
  background-color: #0B5F8A;
  border-color: #0B5F8A;
  color: #FFFFFF;
  text-decoration: none;
}

/***** User info in header *****/
.user-info {
  display: inline-block;
}
.user-info .dropdown-toggle::after {
  display: none;
}
@media (min-width: 768px) {
  .user-info .dropdown-toggle::after {
    display: inline-block;
  }
}
.user-info > button {
  border: 0;
  color: #0089C7;
  min-width: 0;
  padding: 0;
  white-space: nowrap;
}
.user-info > button:hover, .user-info > button:focus {
  color: #0089C7;
  background-color: transparent;
}
.user-info > button::after {
  color: #0089C7;
  padding-right: 15px;
}
[dir=rtl] .user-info > button::after {
  padding-left: 15px;
  padding-right: 0;
}

#user #user-name {
  display: none;
  font-size: 14px;
}
@media (min-width: 768px) {
  #user #user-name {
    display: inline-block;
  }
}
#user #user-name:hover {
  text-decoration: underline;
}

/***** User avatar *****/
.user-avatar {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
}

.avatar {
  display: inline-block;
  position: relative;
}
.avatar img {
  height: 40px;
  width: 40px;
}
.avatar .icon-agent {
  color: #0089C7;
  border: 2px solid #fff;
  border-radius: 50%;
  bottom: -4px;
  background-color: #FFFFFF;
  font-size: 17px;
  height: 17px;
  line-height: 17px;
  position: absolute;
  right: -2px;
  text-align: center;
  width: 17px;
}

/***** Footer *****/
.footer {
  border-top: 1px solid #ddd;
  margin-top: 60px;
  padding: 30px 0;
}
.footer a {
  color: #555;
}
.footer-inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 0 5%;
  display: flex;
  justify-content: space-between;
}
@media (min-width: 1160px) {
  .footer-inner {
    padding: 0;
    width: 90%;
  }
}
.footer-language-selector button {
  color: #555;
  display: inline-block;
}

.powered-by-zendesk a,
.powered-by-zendesk a:visited {
  color: #555;
}

/***** Breadcrumbs *****/
.breadcrumbs {
  margin: 0 0 15px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .breadcrumbs {
    margin: 0;
  }
}
.breadcrumbs li {
  display: inline-block;
  color: #555;
  font-size: 13px;
  max-width: 450px;
  overflow-wrap: anywhere;
}
.breadcrumbs li + li::before {
  content: ">"/"";
  margin: 0 4px;
}
.breadcrumbs li a:visited {
  color: #0089C7;
}

/***** Search field *****/
.search-container {
  position: relative;
}

.search {
  border-color: #848F99;
  border-radius: 30px;
  border-style: solid;
  border-width: 1px;
  display: flex;
  position: relative;
  transition: border 0.12s ease-in-out;
}
.search:focus-within {
  border-color: #0089C7;
}
.search input[type=search],
.search .clear-button {
  background-color: #fff;
  border-radius: 30px;
  border: none;
}
.search-full input[type=search], .search-full .clear-button {
  border-color: #fff;
}
.search input[type=search] {
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
  color: #666;
  flex: 1 1 auto;
  height: 40px;
  width: 100%;
}
.search input[type=search]:focus {
  color: #555;
}
.search input[type=search]::-webkit-search-decoration, .search input[type=search]::-webkit-search-cancel-button, .search input[type=search]::-webkit-search-results-button, .search input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
}
.search input[type=search]:-webkit-autofill, .search input[type=search]:-webkit-autofill:hover, .search input[type=search]:-webkit-autofill:focus {
  -webkit-box-shadow: 0 0 0 1000px #fff inset;
}
.search .clear-button {
  align-items: center;
  box-sizing: border-box;
  color: #777;
  cursor: pointer;
  display: none;
  flex: none;
  justify-content: center;
  padding: 0 15px;
}
.search .clear-button:hover {
  background-color: #0089C7;
  color: #fff;
}
.search .clear-button:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #0089C7;
}
.search-has-value .clear-button {
  display: flex;
}

[dir=ltr] .search input[type=search] {
  padding-left: 40px;
  padding-right: 20px;
}
[dir=ltr] .search-has-value input[type=search] {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}
[dir=ltr] .search-has-value input[type=search]:focus {
  border-right-color: #0089C7;
}
[dir=ltr] .search .clear-button {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}
[dir=ltr] .search .clear-button:focus {
  border-left-color: #0089C7;
}

[dir=rtl] .search input[type=search] {
  padding-left: 20px;
  padding-right: 40px;
}
[dir=rtl] .search-has-value input[type=search] {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  border-left-color: transparent;
}
[dir=rtl] .search-has-value input[type=search]:focus {
  border-left-color: #0089C7;
}
[dir=rtl] .search .clear-button {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  border-right-color: transparent;
}
[dir=rtl] .search .clear-button:focus {
  border-right-color: #0089C7;
}

.search-icon {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 15px;
  z-index: 1;
  width: 18px;
  height: 18px;
  color: #777;
  pointer-events: none;
}
[dir=rtl] .search-icon {
  left: auto;
  right: 15px;
}

/***** Hero component *****/
.hero {
  background-image: url(/hc/theming_assets/01JQY99X24KYQVT0Q6XC2K80GX);
  background-position: center;
  background-size: cover;
  height: 300px;
  padding: 0 20px;
  text-align: center;
  width: 100%;
}
.hero-inner {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  max-width: 610px;
  margin: 0 auto;
}

.page-header {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 10px 0;
}
@media (min-width: 768px) {
  .page-header {
    align-items: baseline;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0;
  }
}
.page-header .section-subscribe {
  flex-shrink: 0;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .page-header .section-subscribe {
    margin-bottom: 0;
  }
}
.page-header h1 {
  flex-grow: 1;
  margin-bottom: 10px;
}
.page-header-description {
  font-style: italic;
  margin: 0 0 30px 0;
  word-break: break-word;
}
@media (min-width: 1024px) {
  .page-header-description {
    flex-basis: 100%;
  }
}
.page-header .icon-lock {
  height: 20px;
  width: 20px;
  position: relative;
  left: -5px;
  vertical-align: baseline;
}

.sub-nav {
  align-items: baseline;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 15px 30px;
  justify-content: space-between;
  margin-bottom: 55px;
}
@media (min-width: 768px) {
  .sub-nav {
    flex-direction: row;
  }
}
.sub-nav .breadcrumbs {
  margin: 0;
}
.sub-nav .search-container {
  max-width: 300px;
  width: 100%;
}
@media (min-width: 768px) {
  .sub-nav .search-container {
    flex: 0 1 300px;
  }
}
.sub-nav input[type=search]::after {
  font-size: 15px;
}

/***** Blocks *****/
/* Used in Homepage#categories and Community#topics */
.blocks-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  list-style: none;
  padding: 0;
}
@media (min-width: 768px) {
  .blocks-list {
    margin: 0 -15px;
  }
}
.blocks-item {
  border: 1px solid #0089C7;
  border-radius: 4px;
  box-sizing: border-box;
  color: #0089C7;
  display: flex;
  flex: 1 0 340px;
  margin: 0 0 30px;
  max-width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .blocks-item {
    margin: 0 15px 30px;
  }
}
.blocks-item:hover, .blocks-item:focus, .blocks-item:active {
  background-color: #0089C7;
}
.blocks-item:hover *, .blocks-item:focus *, .blocks-item:active * {
  color: #FFFFFF;
  text-decoration: none;
}
.blocks-item-internal {
  background-color: transparent;
  border: 1px solid #ddd;
}
.blocks-item-internal .icon-lock {
  height: 15px;
  width: 15px;
  bottom: 5px;
  position: relative;
}
.blocks-item-internal a {
  color: #222222;
}
.blocks-item-link {
  color: #0089C7;
  padding: 20px 30px;
  display: flex;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  border-radius: inherit;
}
.blocks-item-link:visited, .blocks-item-link:hover, .blocks-item-link:active {
  color: inherit;
  text-decoration: none;
}
.blocks-item-link:focus {
  outline: 0;
  box-shadow: 0 0 0 3px #0089C7;
  text-decoration: none;
}
.blocks-item-title {
  margin-bottom: 0;
  font-size: 16px;
}
.blocks-item-description {
  margin: 0;
}
.blocks-item-description:not(:empty) {
  margin-top: 10px;
}

/***** Homepage *****/
.section {
  margin-bottom: 40px;
}
@media (min-width: 768px) {
  .section {
    margin-bottom: 60px;
  }
}

.home-section h2 {
  margin-bottom: 10px;
  text-align: center;
}

/***** Promoted articles *****/
.promoted-articles {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 1024px) {
  .promoted-articles {
    flex-direction: row;
  }
}
.promoted-articles-item {
  flex: 1 0 auto;
}
@media (min-width: 1024px) {
  .promoted-articles-item {
    align-self: flex-end;
    flex: 0 0 auto;
    padding-right: 30px;
    width: 33%; /* Three columns on desktop */
  }
  [dir=rtl] .promoted-articles-item {
    padding: 0 0 0 30px;
  }
}
.promoted-articles-item:nth-child(3n) {
  padding-right: 0;
}
.promoted-articles-item a {
  display: block;
  border-bottom: 1px solid #ddd;
  padding: 15px 0;
}
.promoted-articles-item .icon-lock {
  vertical-align: baseline;
}
.promoted-articles-item:last-child a {
  border: 0;
}
@media (min-width: 1024px) {
  .promoted-articles-item:last-child a {
    border-bottom: 1px solid #ddd;
  }
}

/***** Community section in homepage *****/
.community {
  text-align: center;
}
.community-image {
  min-height: 300px;
  margin-top: 32px;
  background-image: url(/hc/theming_assets/01JQY99XXW95B188RA5FV19BSM);
  background-position: center;
  background-repeat: no-repeat;
  max-width: 100%;
}
.community a {
  color: #0089C7;
  text-decoration: underline;
}
.community a:visited {
  color: #0089C7;
}
.community a:hover, .community a:active, .community a:focus {
  color: #0B5F8A;
}

.community,
.activity {
  border-top: 1px solid #ddd;
  padding: 30px 0;
}

/***** Recent activity *****/
.recent-activity-header {
  margin-bottom: 10px;
  text-align: center;
}
.recent-activity-list {
  padding: 0;
}
.recent-activity-item {
  border-bottom: 1px solid #ddd;
  overflow: auto;
  padding: 20px 0;
}
.recent-activity-item h3 {
  margin: 0;
}
.recent-activity-item-parent {
  font-size: 16px;
  font-weight: 600;
}
.recent-activity-item-parent, .recent-activity-item-link {
  margin: 6px 0;
  display: inline-block;
  width: 100%;
}
@media (min-width: 768px) {
  .recent-activity-item-parent, .recent-activity-item-link {
    width: 70%;
    margin: 0;
  }
}
.recent-activity-item-link {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.recent-activity-item-meta {
  color: #222222;
  margin: 15px 0 0 0;
  float: none;
}
@media (min-width: 768px) {
  .recent-activity-item-meta {
    margin: 0;
    float: right;
  }
  [dir=rtl] .recent-activity-item-meta {
    float: left;
  }
}
.recent-activity-item-time, .recent-activity-item-comment {
  display: inline-block;
  font-size: 13px;
}
.recent-activity-item-comment {
  padding-left: 5px;
}
[dir=rtl] .recent-activity-item-comment {
  padding: 0 5px 0 0;
}
.recent-activity-item-comment::before {
  display: inline-block;
}
.recent-activity-controls {
  padding-top: 15px;
}
.recent-activity-controls a {
  color: #0089C7;
  text-decoration: underline;
}
.recent-activity-controls a:visited {
  color: #0089C7;
}
.recent-activity-controls a:hover, .recent-activity-controls a:active, .recent-activity-controls a:focus {
  color: #0B5F8A;
}
.recent-activity-accessibility-label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.recent-activity-comment-icon svg {
  vertical-align: middle;
  color: #0089C7;
  width: 16px;
  height: 16px;
}
.recent-activity-comment-icon:after {
  content: attr(data-comment-count);
  margin-left: 3px;
}
[dir=rtl] .recent-activity-comment-icon:after {
  margin-left: 0;
  margin-right: 3px;
}

/***** Category pages *****/
.category-container {
  display: flex;
  justify-content: flex-end;
}
.category-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .category-content {
    flex: 0 0 80%;
  }
}

.section-tree {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .section-tree {
    flex-direction: row;
  }
}
.section-tree .section {
  flex: initial;
  max-width: 100%;
}
@media (min-width: 768px) {
  .section-tree .section {
    flex: 0 0 45%; /* Two columns for tablet and desktop. Leaving 5% separation between columns */
  }
}
.section-tree-title {
  margin-bottom: 0;
  font-size: 18px;
  font-weight: 600;
}
.section-tree-title a {
  color: #222222;
}
.section-tree .see-all-articles {
  display: block;
  padding: 15px 0;
}

.article-list-item {
  font-size: 16px;
  padding: 15px 0;
  text-overflow: ellipsis;
  overflow: hidden;
}
.article-list-item a {
  color: #222222;
}

.icon-star {
  color: #0089C7;
  font-size: 18px;
}

/***** Section pages *****/
.section-container {
  display: flex;
  justify-content: flex-end;
}
.section-content {
  flex: 1;
  max-width: 100%;
}
@media (min-width: 1024px) {
  .section-content {
    flex: 0 0 80%;
  }
}
.section-list {
  margin: 40px 0;
}

.section-list-item {
  border-bottom: 1px solid #ddd;
  font-size: 16px;
  padding: 15px 0;
}
.section-list-item:first-child {
  border-top: 1px solid #ddd;
}
.section-list-item a {
  align-items: center;
  color: #222222;
  display: flex;
  justify-content: space-between;
}

.see-all-sections-trigger {
  cursor: pointer;
  display: block;
  padding: 15px;
  text-align: center;
}
.see-all-sections-trigger[aria-hidden=true] {
  display: none;
}

/***** Article *****/
.article {
  /*
  * The article grid is defined this way to optimize readability:
  * Sidebar | Content | Free space
  * 17%     | 66%     | 17%
  */
  flex: 1 0 auto;
}
@media (min-width: 1024px) {
  .article {
    flex: 1 0 66%;
    max-width: 66%;
    min-width: 640px;
    padding: 0 30px;
  }
}
.article-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .article-container {
    flex-direction: row;
  }
}
.article-header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 40px;
  margin-top: 20px;
}
@media (min-width: 768px) {
  .article-header {
    flex-direction: row;
    margin-top: 0;
  }
}
.article-avatar {
  margin-right: 10px;
}
.article-author {
  margin-bottom: 10px;
}
.article-title {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
@media (min-width: 768px) {
  .article-title {
    flex-basis: 100%; /* Take entire row */
  }
}
.article-title .icon-lock {
  position: relative;
  left: -5px;
  vertical-align: baseline;
}
.article [role=button] {
  flex-shrink: 0; /*Avoid collapsing elements in Safari (https://github.com/philipwalton/flexbugs#1-minimum-content-sizing-of-flex-items-not-honored)*/
  width: 100%;
}
@media (min-width: 768px) {
  .article [role=button] {
    width: auto;
  }
}
.article-info {
  max-width: 100%;
}
.article-meta {
  display: inline-block;
  vertical-align: middle;
}
.article-body {
  display: flow-root;
}
.article-body a {
  color: #0089C7;
  text-decoration: underline;
}
.article-body a:visited {
  color: #0089C7;
}
.article-body a:hover, .article-body a:active, .article-body a:focus {
  color: #0B5F8A;
}
.article-body img {
  height: auto;
  max-width: 100%;
}
.article-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figure.image {
  display: table;
  margin: 0 auto;
}
.article-body figure.image > img {
  display: block;
  width: 100%;
}
.article-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.article-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.article-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.article-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.article-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #e6ebee;
}
.article-body ul,
.article-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .article-body ul,
[dir=rtl] .article-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.article-body ul > ul,
.article-body ol > ol,
.article-body ol > ul,
.article-body ul > ol,
.article-body li > ul,
.article-body li > ol {
  margin: 0;
}
.article-body ul {
  list-style-type: disc;
}
.article-body :not(pre) > code {
  background: #ecf0f2;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.article-body pre {
  background: #ecf0f2;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.article-body blockquote {
  border-left: 1px solid #ddd;
  color: #555;
  font-style: italic;
  padding: 0 15px;
}
.article-body > p:last-child {
  margin-bottom: 0;
}
.article-content {
  line-height: 1.6;
  margin: 40px 0;
  word-wrap: break-word;
}
.article-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.article-comment-count {
  color: #555;
}
.article-comment-count:hover {
  text-decoration: none;
}
.article-comment-count-icon {
  vertical-align: middle;
  color: #0089C7;
  width: 18px;
  height: 18px;
}
.article-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .article-sidebar {
    border: 0;
    flex: 0 0 17%;
    height: auto;
    max-width: 17%;
  }
}
.article-relatives {
  border-top: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .article-relatives {
    flex-direction: row;
  }
}
.article-relatives > * {
  flex: 1 0 50%;
  min-width: 50%;
  overflow-wrap: break-word;
  margin-right: 0;
}
.article-relatives > *:last-child {
  padding: 0;
}
@media (min-width: 768px) {
  .article-relatives > * {
    padding-right: 20px;
  }
}
.article-votes {
  border-top: 1px solid #ddd;
  padding: 30px 0;
  text-align: center;
}
.article-votes-question {
  font-size: 15px;
  font-weight: normal;
  margin-bottom: 0;
}
.article-vote {
  margin: 10px 5px;
  min-width: 90px;
  width: auto;
}
.article-more-questions {
  margin: 10px 0 20px;
  text-align: center;
}
.article-more-questions a {
  color: #0089C7;
  text-decoration: underline;
}
.article-more-questions a:visited {
  color: #0089C7;
}
.article-more-questions a:hover, .article-more-questions a:active, .article-more-questions a:focus {
  color: #0B5F8A;
}
.article-return-to-top {
  border-top: 1px solid #848F99;
}
@media (min-width: 1024px) {
  .article-return-to-top {
    display: none;
  }
}
.article-return-to-top a {
  color: #222222;
  display: block;
  padding: 20px 0;
}
.article-return-to-top a:hover, .article-return-to-top a:focus {
  text-decoration: none;
}
.article-return-to-top-icon {
  transform: rotate(0.5turn);
}
.article td > p:first-child,
.article th > p:first-child {
  margin-top: 0;
}
.article td > p:last-child,
.article th > p:last-child {
  margin-bottom: 0;
}

.sidenav-title {
  font-size: 15px;
  position: relative;
  font-weight: 600;
}
.sidenav-item {
  display: block;
  margin-top: 10px;
  margin-bottom: 16px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.recent-articles li,
.related-articles li {
  margin-bottom: 15px;
}

/***** Attachments *****/
/* Styles attachments inside posts, articles and comments */
.attachments .attachment-item {
  padding-left: 20px;
  position: relative;
  margin-bottom: 10px;
}
.attachments .attachment-item:last-child {
  margin-bottom: 0;
}
.attachments .attachment-item .attachment-icon {
  color: #222222;
  left: 0;
  position: absolute;
  top: 5px;
}
[dir=rtl] .attachments .attachment-item {
  padding-left: 0;
  padding-right: 20px;
}
[dir=rtl] .attachments .attachment-item .attachment-icon {
  left: auto;
  right: 0;
}

.upload-dropzone span {
  color: #555;
}

/***** Social share links *****/
.share {
  padding: 0;
  white-space: nowrap;
}

.share li, .share a {
  display: inline-block;
}

.share li {
  height: 25px;
  width: 25px;
}

.share a {
  color: #555;
}
.share a:hover {
  text-decoration: none;
  color: #0089C7;
}
.share a svg {
  height: 18px;
  width: 18px;
  display: block;
}

/***** Comments *****/
/* Styles comments inside articles, posts and requests */
.comment {
  border-bottom: 1px solid #ddd;
  padding: 20px 0;
}
.comment-heading, .recent-articles-title,
.related-articles-title {
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 18px;
  font-weight: 600;
}
.comment-overview {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 20px 0;
}
.comment-overview p {
  margin-top: 0;
}
.comment-callout {
  color: #555;
  display: inline-block;
  font-size: 13px;
  margin-bottom: 0;
}
.comment-callout a {
  color: #0089C7;
  text-decoration: underline;
}
.comment-callout a:visited {
  color: #0089C7;
}
.comment-callout a:hover, .comment-callout a:active, .comment-callout a:focus {
  color: #0B5F8A;
}
.comment-sorter {
  display: inline-block;
  float: right;
}
.comment-sorter .dropdown-toggle {
  color: #555;
  font-size: 13px;
}
[dir=rtl] .comment-sorter {
  float: left;
}
.comment-wrapper {
  display: flex;
  position: relative;
}
.comment-wrapper.comment-official {
  border: 1px solid #0089C7;
  padding: 40px 20px 20px;
}
@media (min-width: 768px) {
  .comment-wrapper.comment-official {
    padding-top: 20px;
  }
}
.comment-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
[dir=rtl] .comment-info {
  padding-right: 0;
  padding-left: 20px;
}
.comment-author {
  align-items: flex-end;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media (min-width: 768px) {
  .comment-author {
    justify-content: space-between;
  }
}
.comment-avatar {
  margin-right: 10px;
}
[dir=rtl] .comment-avatar {
  margin-left: 10px;
  margin-right: 0;
}
.comment-meta {
  flex: 1 1 auto;
}
.comment-labels {
  flex-basis: 100%;
}
@media (min-width: 768px) {
  .comment-labels {
    flex-basis: auto;
  }
}
.comment .status-label:not(.status-label-official) {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .comment .status-label:not(.status-label-official) {
    margin-top: 0;
  }
}
.comment-form {
  display: flex;
  padding-top: 30px;
  word-wrap: break-word;
}
.comment-container {
  width: 100%;
}
.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: left;
}
@media (min-width: 768px) {
  [dir=ltr] .comment-form-controls {
    text-align: right;
  }
}
.comment-form-controls input[type=submit] {
  margin-top: 15px;
}
@media (min-width: 1024px) {
  .comment-form-controls input[type=submit] {
    margin-left: 15px;
  }
  [dir=rtl] .comment-form-controls input[type=submit] {
    margin-left: 0;
    margin-right: 15px;
  }
}
.comment-form-controls input[type=checkbox] {
  margin-right: 5px;
}
.comment-form-controls input[type=checkbox] [dir=rtl] {
  margin-left: 5px;
}
.comment-ccs {
  display: none;
}
.comment-ccs + textarea {
  margin-top: 10px;
}
.comment-attachments {
  margin-top: 10px;
}
.comment-attachments a {
  color: #0089C7;
}
.comment-body {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flow-root;
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  line-height: 1.6;
  overflow-x: auto;
}
.comment-body a {
  color: #0089C7;
  text-decoration: underline;
}
.comment-body a:visited {
  color: #0089C7;
}
.comment-body a:hover, .comment-body a:active, .comment-body a:focus {
  color: #0B5F8A;
}
.comment-body img {
  height: auto;
  max-width: 100%;
}
.comment-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figure.image {
  display: table;
  margin: 0 auto;
}
.comment-body figure.image > img {
  display: block;
  width: 100%;
}
.comment-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.comment-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.comment-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.comment-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.comment-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #e6ebee;
}
.comment-body ul,
.comment-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .comment-body ul,
[dir=rtl] .comment-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.comment-body ul > ul,
.comment-body ol > ol,
.comment-body ol > ul,
.comment-body ul > ol,
.comment-body li > ul,
.comment-body li > ol {
  margin: 0;
}
.comment-body ul {
  list-style-type: disc;
}
.comment-body :not(pre) > code {
  background: #ecf0f2;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.comment-body pre {
  background: #ecf0f2;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.comment-body blockquote {
  border-left: 1px solid #ddd;
  color: #555;
  font-style: italic;
  padding: 0 15px;
}
.comment-mark-as-solved {
  display: inline-block;
}

/***** Vote *****/
/* Used in article comments, post comments and post */
.vote {
  display: flex;
  flex-direction: column;
  text-align: center;
}
.vote a:active, .vote a:hover, .vote a:focus {
  text-decoration: none;
}

.vote-sum {
  color: #555;
  display: block;
  margin: 3px 0;
}
[dir=rtl] .vote-sum {
  direction: ltr;
  unicode-bidi: bidi-override;
}

.vote-up svg {
  transform: scale(1, -1);
}

.vote-up:hover,
.vote-down:hover {
  color: #0089C7;
}

.vote-up, .vote-down {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  color: #555;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.vote-voted {
  color: #0089C7;
}

.vote-voted:hover {
  color: #004361;
}

/***** Actions *****/
/* Styles admin and en user actions(edit, delete, change status) in comments and posts */
.actions {
  text-align: center;
  flex-shrink: 0; /*Avoid collapsing elements in Safari*/
}
.actions button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  min-height: 35px;
  min-width: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/***** Community *****/
.community-hero {
  background-image: url(/hc/theming_assets/01JQY99XFAZXT2PD6V67T8RVXC);
  margin-bottom: 10px;
}
.community-footer {
  padding-top: 50px;
  text-align: center;
}
.community-footer-title {
  font-size: 16px;
  margin-bottom: 20px;
}
.community-featured-posts .title {
  font-size: 18px;
  font-weight: 600;
}
.community-featured-posts, .community-activity {
  padding-top: 40px;
  width: 100%;
}
.community-header {
  margin-bottom: 30px;
}
.community-header .title {
  margin-bottom: 0;
  font-size: 16px;
}

.post-to-community {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .post-to-community {
    margin: 0;
  }
}

/* Community topics grid */
.topics {
  max-width: none;
  width: 100%;
}
.topics-item .meta-group {
  justify-content: center;
  margin-top: 20px;
}

/* Community topic page */
.topic-header {
  border-bottom: 1px solid #ddd;
  font-size: 13px;
}
@media (min-width: 768px) {
  .topic-header {
    padding-bottom: 10px;
  }
}
.topic-header .dropdown {
  display: block;
  border-top: 1px solid #ddd;
  padding: 10px 0;
}
@media (min-width: 768px) {
  .topic-header .dropdown {
    border-top: 0;
    display: inline-block;
    margin-right: 20px;
    padding: 0;
  }
}

.no-posts-with-filter {
  margin-top: 20px;
  margin-bottom: 20px;
}

/* Topic, post and user follow button */
.community-follow {
  margin-bottom: 10px;
  width: 100%;
}
@media (min-width: 768px) {
  .community-follow {
    margin-bottom: 0;
    width: auto;
  }
}
.community-follow button {
  line-height: 30px;
  padding: 0 10px 0 15px;
  position: relative;
  width: 100%;
}
@media (min-width: 768px) {
  .community-follow button {
    width: auto;
  }
}
.community-follow button:hover {
  background-color: #0089C7;
}
.community-follow button:hover::after, .community-follow button:focus::after {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true] {
  background-color: #0089C7;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]::after {
  border-left: 1px solid #FFFFFF;
  color: #FFFFFF;
}
.community-follow button[data-selected=true]:hover {
  background-color: #004361;
  border-color: #004361;
}
.community-follow button::after {
  border-left: 1px solid #0089C7;
  content: attr(data-follower-count);
  color: #0089C7;
  display: inline-block;
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  margin-left: 15px;
  padding-left: 10px;
  position: absolute;
  right: 10px;
}
@media (min-width: 768px) {
  .community-follow button::after {
    position: static;
  }
}
[dir=rtl] .community-follow button::after {
  border-left: 0;
  border-right: 1px solid #0089C7;
  margin: 0 10px 0 0;
  padding: 0 10px 0 0;
}

/***** Striped list *****/
/* Used in community posts list and requests list */
.striped-list {
  padding: 0;
}
.striped-list-item {
  align-items: flex-start;
  border-bottom: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 20px 0;
}
@media (min-width: 768px) {
  .striped-list-item {
    align-items: center;
    flex-direction: row;
  }
}
.striped-list-info {
  flex: 2;
}
.striped-list-title {
  color: #0089C7;
  margin-bottom: 10px;
  margin-right: 5px;
}
.striped-list-title:hover, .striped-list-title:focus, .striped-list-title:active {
  text-decoration: underline;
}
.striped-list-title:visited {
  color: #0089C7;
}
.striped-list .meta-group {
  margin: 5px 0;
}
.striped-list-count {
  color: #555;
  font-size: 13px;
  justify-content: flex-start;
  text-transform: capitalize;
}
@media (min-width: 768px) {
  .striped-list-count {
    display: flex;
    flex: 1;
    justify-content: space-around;
  }
}
.striped-list-count-item::after {
  content: "·";
  display: inline-block;
  padding: 0 5px;
}
@media (min-width: 768px) {
  .striped-list-count-item::after {
    display: none;
  }
}
.striped-list-count-item:last-child::after {
  display: none;
}
.striped-list-number {
  text-align: center;
}
@media (min-width: 768px) {
  .striped-list-number {
    color: #222222;
    display: block;
  }
}

/***** Status labels *****/
/* Styles labels used in posts, articles and requests */
.status-label {
  background-color: #038153;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  margin-right: 2px;
  padding: 3px 10px;
  vertical-align: middle;
  white-space: nowrap;
  display: inline-block;
}
.status-label:hover, .status-label:active, .status-label:focus {
  text-decoration: none;
}
.status-label-pinned, .status-label-featured, .status-label-official {
  background-color: #0089C7;
}
.status-label-official {
  border-radius: 0;
  margin-right: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .status-label-official {
    border-radius: 0 0 4px 4px;
    right: 30px;
    width: auto;
  }
}
[dir=rtl] .status-label-official {
  left: 30px;
  right: auto;
}
.status-label-not-planned, .status-label-closed {
  background-color: #e9ebed;
  color: #555;
}
.status-label-pending, .status-label-pending-moderation {
  background-color: #1f73b7;
  text-align: center;
}
.status-label-open {
  background-color: #c72a1c;
}
.status-label-solved {
  background-color: #68737d;
}
.status-label-new {
  background-color: #ffb648;
  color: #703b15;
}
.status-label-hold {
  background-color: #000;
}
.status-label-request {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .status-label-request {
    max-width: 150px;
  }
}

/***** Post *****/
/*
* The post grid is defined this way:
* Content | Sidebar
* 70%     | 30%
*/
.post {
  flex: 1;
  margin-bottom: 10px;
}
@media (min-width: 1024px) {
  .post {
    flex: 1 0 70%;
    max-width: 70%;
  }
}
.post-container {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .post-container {
    flex-direction: row;
  }
}
.post-header {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .post-header {
    align-items: baseline;
    flex-direction: row;
  }
}
.post-header .status-label {
  vertical-align: super;
}
.post-title {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 768px) {
  .post-title {
    margin-bottom: 0;
    padding-right: 10px;
  }
}
.post-title h1 {
  display: inline;
  vertical-align: middle;
}
@media (min-width: 768px) {
  .post-title h1 {
    margin-right: 5px;
  }
}
.post-author {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
}
.post-avatar {
  margin-bottom: 30px;
}
.post-content {
  font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', sans-serif;
  line-height: 1.6;
  word-break: break-word;
}
.post-info-container {
  display: flex;
  margin-bottom: 40px;
}
.post-info {
  min-width: 0;
  padding-right: 20px;
  width: 100%;
}
[dir=rtl] .post-info {
  padding-right: 0;
  padding-left: 20px;
}
.post-meta {
  display: inline-block;
  flex: 1;
  margin-left: 10px;
  vertical-align: middle;
}
[dir=rtl] .post-meta {
  margin-left: 0;
  margin-right: 10px;
}
.post-body {
  display: flow-root;
}
.post-body a {
  color: #0089C7;
  text-decoration: underline;
}
.post-body a:visited {
  color: #0089C7;
}
.post-body a:hover, .post-body a:active, .post-body a:focus {
  color: #0B5F8A;
}
.post-body img {
  height: auto;
  max-width: 100%;
}
.post-body p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figure.image {
  display: table;
  margin: 0 auto;
}
.post-body figure.image > img {
  display: block;
  width: 100%;
}
.post-body figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.post-body figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.post-body figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.post-body figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.post-body figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #e6ebee;
}
.post-body ul,
.post-body ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .post-body ul,
[dir=rtl] .post-body ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.post-body ul > ul,
.post-body ol > ol,
.post-body ol > ul,
.post-body ul > ol,
.post-body li > ul,
.post-body li > ol {
  margin: 0;
}
.post-body ul {
  list-style-type: disc;
}
.post-body :not(pre) > code {
  background: #ecf0f2;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.post-body pre {
  background: #ecf0f2;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.post-body blockquote {
  border-left: 1px solid #ddd;
  color: #555;
  font-style: italic;
  padding: 0 15px;
}
.post-footer {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding-bottom: 20px;
}
.post-comment-count {
  color: #555;
}
.post-comment-count:hover {
  text-decoration: none;
}
.post-comment-count .icon-comments {
  color: #0089C7;
  display: inline-block;
  width: 18px;
  height: 18px;
  margin: 5px;
  vertical-align: middle;
}
.post-sidebar {
  border-top: 1px solid #ddd;
  flex: 1;
  padding: 30px 0;
  text-align: center;
}
@media (min-width: 1024px) {
  .post-sidebar {
    border: 0;
    flex: 1 0 30%;
    padding: 0 0 0 50px;
    text-align: initial;
  }
  [dir=rtl] .post-sidebar {
    padding: 0 50px 0 0;
  }
}
.post-sidebar-title {
  font-size: 18px;
  font-weight: 600;
}
.post-comments {
  margin-bottom: 20px;
}
@media (min-width: 1024px) {
  .post-comments {
    margin-bottom: 0;
  }
}

/***** Community Badges *****/
/* Styles labels used next to the authors of article comments, community posts, and community comments */
.community-badge-title {
  background-color: #04444d;
  border-radius: 4px;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  padding: 0px 8px;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  line-height: 18px;
  vertical-align: middle;
}

.community-badge-titles {
  display: inline;
}

.community-badge-achievement {
  display: block;
  height: 16px;
  white-space: nowrap;
  width: 16px;
}
.community-badge-achievement img {
  width: 100%;
  height: 100%;
}

.community-badge-achievements {
  display: flex;
}

.community-badge-achievements-rest {
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  text-align: center;
  vertical-align: top;
}

.community-badge {
  margin: 2px;
}

.profile-info .community-badge-title {
  padding: 2px 8px;
  line-height: 20px;
}
.profile-info .community-badge-achievement {
  height: 40px;
  width: 40px;
}
.profile-info .community-badge-achievements-rest {
  line-height: 40px;
  font-size: 20px;
}

/* Navigation element that collapses on mobile */
.collapsible-nav {
  flex-direction: column;
  font-size: 14px;
  position: relative;
}
@media (min-width: 768px) {
  .collapsible-nav {
    flex-direction: row;
  }
}

.collapsible-nav-border {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
}
@media (min-width: 768px) {
  .collapsible-nav-border {
    border-top: 0;
  }
}

.collapsible-nav-toggle {
  top: 22.5px;
  transform: translateY(-50%);
  position: absolute;
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media (min-width: 768px) {
  .collapsible-nav-toggle {
    display: none;
  }
}
[dir=rtl] .collapsible-nav-toggle {
  left: 0;
  right: auto;
}
.collapsible-nav-toggle-icon {
  display: none;
}
.collapsible-nav-toggle[aria-expanded=false] .chevron-icon {
  display: inline-block;
}
.collapsible-nav-toggle[aria-expanded=true] .x-icon {
  display: inline-block;
}
.collapsible-nav-toggle:focus {
  outline: none;
  border: 1px solid #0089C7;
}

.collapsible-nav-list {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .collapsible-nav-list {
    flex-direction: row;
  }
}
.collapsible-nav-list li {
  color: #222222;
  line-height: 45px;
  order: 1;
}
@media (min-width: 768px) {
  .collapsible-nav-list li {
    line-height: normal;
    margin-right: 30px;
  }
  [dir=rtl] .collapsible-nav-list li {
    margin-left: 30px;
    margin-right: 0;
  }
  .collapsible-nav-list li a {
    text-decoration: none;
    padding: 15px 0;
  }
}
.collapsible-nav-list li a {
  color: #222222;
  display: block;
}
@media (min-width: 768px) {
  .collapsible-nav-list li:hover {
    border-bottom: 4px solid #ddd;
  }
  .collapsible-nav-list li:hover a:not([aria-current=page]) {
    padding: 15px 0 11px 0;
    text-decoration: none;
  }
}
.collapsible-nav-list li:not([aria-selected=true]),
.collapsible-nav-list li:not(.current) {
  display: none;
}
@media (min-width: 768px) {
  .collapsible-nav-list li:not([aria-selected=true]),
  .collapsible-nav-list li:not(.current) {
    display: block;
  }
}
@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true] {
    padding: 15px 0 11px 0;
  }
}
.collapsible-nav-list li[aria-selected=true],
.collapsible-nav-list li.current {
  order: 0;
  position: relative;
}
@media (min-width: 768px) {
  .collapsible-nav-list li[aria-selected=true],
  .collapsible-nav-list li.current {
    border-bottom: 4px solid #0089C7;
    order: 1;
  }
}
.collapsible-nav-list li[aria-selected=true] a,
.collapsible-nav-list li.current a {
  color: #222222;
}

.collapsible-nav.expanded li:not([aria-selected=true]),
.collapsible-nav.expanded li:not(.current) {
  display: block;
}

/* Sidebar navigation that collapses on mobile */
.collapsible-sidebar {
  flex: 1;
  max-height: 45px;
  overflow: hidden;
  padding: 10px 0;
  position: relative;
}
@media (min-width: 1024px) {
  .collapsible-sidebar {
    max-height: none;
    padding: 0;
  }
}
.collapsible-sidebar-title {
  margin-top: 0;
}
.collapsible-sidebar-toggle {
  position: absolute;
  top: 22.5px;
  transform: translateY(-50%);
  right: 0;
  padding: 0;
  border: 0;
  background: none;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-toggle {
    display: none;
  }
}
[dir=rtl] .collapsible-sidebar-toggle {
  left: 0;
  right: auto;
}
.collapsible-sidebar-toggle-icon {
  display: none;
}
.collapsible-sidebar-toggle[aria-expanded=false] .chevron-icon {
  display: inline-block;
}
.collapsible-sidebar-toggle[aria-expanded=true] .x-icon {
  display: inline-block;
}
.collapsible-sidebar-toggle:focus {
  outline: none;
  border: 1px solid #0089C7;
}
.collapsible-sidebar-body {
  display: none;
}
@media (min-width: 1024px) {
  .collapsible-sidebar-body {
    display: block;
  }
}
.collapsible-sidebar.expanded {
  max-height: none;
}
.collapsible-sidebar.expanded .collapsible-sidebar-body {
  display: block;
}

/***** My activities *****/
.my-activities-nav {
  background-color: #e6ebee;
  margin-bottom: 20px;
}
.my-activities-sub-nav {
  margin-bottom: 30px;
}
.my-activities-table .striped-list-title { /* My activities tables */
  display: block;
  margin-bottom: 10px;
  max-width: 350px;
  white-space: normal;
}
@media (min-width: 1024px) {
  .my-activities-table .striped-list-title {
    margin-bottom: 0;
    max-width: 500px;
    min-width: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.my-activities-table thead {
  display: none;
}
@media (min-width: 768px) {
  .my-activities-table thead {
    display: table-header-group;
  }
}
.my-activities-table th:first-child,
.my-activities-table td:first-child {
  padding-left: 0;
}
@media (min-width: 1024px) {
  .my-activities-table th:first-child,
  .my-activities-table td:first-child {
    width: 500px;
  }
}
.my-activities-table th:last-child,
.my-activities-table td:last-child {
  padding-right: 0;
}
.my-activities-table td:not(:first-child) {
  display: none;
}
@media (min-width: 768px) {
  .my-activities-table td:not(:first-child) {
    display: table-cell;
  }
}

/* Requests table */
.requests-search {
  width: 100%;
}
.requests-table-toolbar {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .requests-table-toolbar {
    flex-direction: row;
  }
}
.requests-table-toolbar .search {
  flex: 1;
  width: 100%;
}
.requests-table-toolbar .request-table-filter {
  width: 100%;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-table-filter {
    width: auto;
  }
}
.requests-table-toolbar .request-filter {
  display: block;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-filter {
    margin: 0 0 0 30px;
  }
  [dir=rtl] .requests-table-toolbar .request-filter {
    margin: 0 30px 0 0;
  }
}
.requests-table-toolbar .request-filter-label {
  font-size: 13px;
  margin-top: 30px;
}
@media (min-width: 768px) {
  .requests-table-toolbar .request-filter-label {
    margin-top: 0;
  }
}
.requests-table-toolbar select {
  max-height: 40px;
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 768px) {
  .requests-table-toolbar select {
    margin-bottom: 0;
    max-width: 300px;
    width: auto;
  }
}
@media (min-width: 768px) {
  .requests-table-toolbar .organization-subscribe {
    margin-left: 10px;
  }
  [dir=rtl] .requests-table-toolbar .organization-subscribe {
    margin: 0 10px 0 0;
  }
}
.requests-table-toolbar .organization-subscribe button {
  line-height: 40px;
  max-height: 40px;
  padding: 0 20px;
}
.requests-table-toolbar + .requests-search-info {
  margin-top: 15px;
}
.requests-table-toolbar + .requests-search-info.meta-data::after {
  content: "";
  margin: 0;
}
.requests-table-toolbar + .requests-search-info + .requests {
  margin-top: 20px;
}
.requests-table-toolbar + .requests {
  margin-top: 40px;
}
.requests .requests-table-meta {
  display: block;
}
@media (min-width: 768px) {
  .requests .requests-table-meta {
    display: none;
  }
}
.requests .requests-table thead {
  display: none;
}
@media (min-width: 768px) {
  .requests .requests-table thead {
    display: table-header-group;
  }
}
.requests .requests-table-info {
  display: block;
}
@media (min-width: 768px) {
  .requests .requests-table-info {
    display: table-cell;
    vertical-align: middle;
    width: auto;
  }
}
.requests .requests-table .requests-link {
  position: relative;
}
.requests .requests-table .requests-sort-symbol {
  position: absolute;
  left: calc(100% + 3px);
  bottom: 0;
  font-size: 10px;
}

/* Following table */
@media (min-width: 768px) {
  .subscriptions-subscribe button {
    width: auto;
  }
}
.subscriptions-table td:last-child {
  display: block;
}
@media (min-width: 768px) {
  .subscriptions-table td:last-child {
    display: table-cell;
  }
}
.subscriptions-table td:first-child {
  display: flex;
  align-items: center;
}
.subscriptions-table .user-avatar {
  margin-right: 10px;
}
.subscriptions .striped-list-title {
  display: inline-block;
  vertical-align: middle;
}

/* Contributions table */
.contributions-table td:last-child {
  color: #555;
  font-size: 13px;
}
@media (min-width: 768px) {
  .contributions-table td:last-child {
    color: inherit;
    font-size: inherit;
    font-weight: inherit;
  }
}

.no-activities {
  color: #555;
}

/***** Request *****/
.request-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .request-container {
    align-items: flex-start;
    flex-direction: row;
  }
}
.request-container .comment-container {
  min-width: 0;
}
.request-breadcrumbs {
  margin-bottom: 40px;
}
@media (min-width: 1024px) {
  .request-breadcrumbs {
    margin-bottom: 60px;
  }
}
.request-main {
  flex: 1 0 auto;
  max-width: 100%;
  order: 1;
}
.request-main .comment-fields, .request-main .request-submit-comment {
  display: none;
}
.request-main .comment-fields.shown {
  display: block;
}
.request-main .request-submit-comment.shown {
  display: inline;
}
@media (min-width: 1024px) {
  .request-main {
    flex: 0 0 66%;
    order: 0;
    min-width: 0;
  }
}
.request-main .comment-form-controls {
  display: block;
}
.request-main .comment-ccs {
  display: block;
}
.request-main .comment-show-container {
  border-radius: 2px;
  border: 1px solid #ddd;
  color: #555;
  text-align: inherit;
  padding: 8px 25px;
  width: 100%;
}
.request-main .comment-show-container.hidden {
  display: none;
}
.request-main .form-field.comment-ccs > ul {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .form-field.comment-ccs > ul[data-hc-focus=true] {
  border: 1px solid #0089C7;
}
.request-main .form-field.comment-ccs > input[type=text] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom: 0;
}
.request-main .comment-ccs + textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  margin-top: 0;
}
.request-main .comment-ccs + textarea:focus {
  border-top: 1px solid #0089C7;
}
.request-main input#mark_as_solved {
  display: none;
}
.request-title {
  width: 100%;
}
@media (min-width: 1024px) {
  .request-title {
    border-bottom: 1px solid #ddd;
    margin-bottom: 0;
    max-width: 66%;
    padding-bottom: 20px;
  }
}
.request-sidebar {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  order: 0;
}
@media (min-width: 1024px) {
  .request-sidebar {
    background-color: #ecf0f2;
    border: 0;
    font-size: 13px;
    flex: 0 0 auto;
    padding: 0 20px;
    width: 30%;
  }
}
.request-sidebar h2 {
  font-size: 15px;
  font-weight: 600;
  position: relative;
}
@media (min-width: 1024px) {
  .request-sidebar h2 {
    display: none;
  }
}
.request-details {
  border-bottom: 1px solid #ddd;
  font-size: 0;
  margin: 0;
  padding-bottom: 20px;
}
.request-details:last-child {
  border: 0;
}
.request-details dt, .request-details dd {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  margin: 20px 0 0 0;
}
.request-details dd {
  padding: 0 10px;
  width: 60%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.request-details dd::after {
  content: "\a";
  white-space: pre;
}
.request-details dt {
  line-break: strict;
  color: #555;
  width: 40%;
  overflow-wrap: break-word;
}
.request-details .request-collaborators {
  display: inline-block;
}
.request-attachments dt, .request-attachments dd {
  width: 100%;
}
.request-attachments dd {
  margin: 10px 0 0 0;
}
.request-form textarea {
  min-height: 120px;
}
.request-follow-up {
  padding-top: 20px;
}

/***** Pagination *****/
.pagination {
  margin: 20px 0;
  text-align: center;
}
.pagination-next, .pagination-prev, .pagination-first, .pagination-last {
  display: inline-block;
}
.pagination-first-link, .pagination-last-link {
  padding: 0 10px;
}
.pagination-first-text, .pagination-last-text {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.pagination-next-link {
  padding-right: 10px;
}
.pagination-next-text {
  margin-right: 10px;
}
[dir=rtl] .pagination-next-link {
  padding-left: 10px;
}
[dir=rtl] .pagination-next-text {
  margin-left: 10px;
}
.pagination-prev-link {
  padding-left: 10px;
}
.pagination-prev-text {
  margin-left: 10px;
}
[dir=rtl] .pagination-prev-link {
  padding-right: 10px;
}
[dir=rtl] .pagination-prev-text {
  margin-right: 10px;
}

/***** Metadata *****/
.meta-group {
  display: block;
}

.meta-group-opposite {
  float: right;
}

[dir=rtl] .meta-group-opposite {
  float: left;
}

.meta-group * {
  display: inline;
}

.meta-data {
  color: #555;
  font-size: 13px;
}
.meta-data:not(:last-child)::after {
  content: "·";
  margin: 0 5px;
}

/* User Profiles */
.profile-header {
  padding: 30px 0;
  background-color: #ecf0f2;
}

.profile-header .container {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .profile-header .container {
    flex-wrap: nowrap;
  }
}

.profile-header .profile-info {
  flex-basis: 100%;
  display: flex;
  flex-wrap: wrap;
  min-width: 0;
}

.profile-avatar {
  position: relative;
  line-height: 0;
  align-self: center;
  margin-right: 10px;
}
[dir=rtl] .profile-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-avatar .user-avatar {
  width: 80px;
  height: 80px;
}

.profile-avatar .icon-agent {
  bottom: 0;
  right: 0;
}

.profile-header .basic-info {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.profile-header .basic-info .name {
  margin: 0;
  line-height: 25px;
  vertical-align: middle;
  display: inline;
}

.profile-header .options {
  display: flex;
  flex-basis: 100%;
  margin-top: 12px;
  align-items: flex-start;
  flex-wrap: wrap;
}
@media (min-width: 768px) {
  .profile-header .options {
    flex-wrap: nowrap;
    flex-basis: auto;
    margin-top: 0;
    margin-left: 10px;
  }
  [dir=rtl] .profile-header .options {
    margin-left: 0;
    margin-right: 10px;
  }
  .profile-header .options > :not(:last-child) {
    margin-bottom: 0;
    margin-right: 10px;
  }
  [dir=rtl] .profile-header .options > :not(:last-child) {
    margin-left: 10px;
    margin-right: 0;
  }
}

.user-profile-actions {
  width: 100%;
  margin-bottom: 15px;
}

.profile-header .description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 15px 0;
  flex-basis: 100%;
}

.profile-stats {
  font-size: 13px;
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
}

.profile-stats .stat {
  display: flex;
  margin-bottom: 10px;
}

.profile-stats .stat-label {
  color: #555;
  flex: 0 0 100px;
  margin-right: 10px;
}
[dir=rtl] .profile-stats .stat-label {
  margin-left: 10px;
  margin-right: 0;
}

.profile-stats-activity {
  border-top: solid 1px #ddd;
  margin-top: 15px;
}
@media (min-width: 768px) {
  .profile-stats-activity {
    border-top: 0;
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat {
    flex-direction: column;
  }
}

.profile-stats-activity .stat:first-child {
  margin-top: 10px;
}
@media (min-width: 768px) {
  .profile-stats-activity .stat:first-child {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat:not(:last-child) {
    margin-right: 40px;
  }
  [dir=rtl] .profile-stats-activity .stat:not(:last-child) {
    margin-left: 40px;
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-activity .stat-label {
    flex: 0 1 auto;
  }
}

.profile-stats-counters {
  border-bottom: solid 1px #ddd;
}
@media (min-width: 768px) {
  .profile-stats-counters {
    flex: 0 0 200px;
    border-bottom: 0;
    margin-left: 40px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-left: 0;
    margin-right: 40px;
  }
}
@media (min-width: 1024px) {
  .profile-stats-counters {
    flex: 0 0 270px;
    margin-left: 60px;
  }
  [dir=rtl] .profile-stats-counters {
    margin-right: 60px;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat {
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  .profile-stats-counters .stat {
    flex-direction: row;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat:not(:last-child) {
    margin-bottom: 15px;
  }
}

@media (min-width: 768px) {
  .profile-stats-counters .stat-label {
    flex: 0 1 auto;
  }
}
@media (min-width: 1024px) {
  .profile-stats-counters .stat-label {
    flex: 0 0 100px;
  }
}

.profile-private-badge {
  flex-basis: 100%;
  border: solid 1px #0089C7;
  border-radius: 4px;
  color: #0089C7;
  padding: 5px 20px;
  font-size: 12px;
  text-align: center;
}
.profile-private-badge .profile-private-icon {
  margin-left: 5px;
  line-height: 15px;
}
@media (min-width: 768px) {
  .profile-private-badge {
    flex-basis: auto;
  }
}

.profile-nav {
  background-color: #e6ebee;
  margin-bottom: 37px;
}

.profile-section {
  width: 100%;
}
@media (min-width: 1024px) {
  .profile-section {
    width: calc(100% - 330px);
  }
}

.profile-section-header {
  display: flex;
  flex-wrap: wrap;
}

.profile-section-title {
  flex-basis: 100%;
  margin-bottom: 0;
}

.profile-section-description {
  flex-basis: 100%;
  padding: 10px 0;
  color: #555;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 768px) {
  .profile-section-description {
    flex: 1 0 50%;
    padding-bottom: 0;
  }
}

.profile-section-sorter {
  flex-basis: 100%;
  border-top: solid 1px #eee;
  font-size: 13px;
}
.profile-section-sorter .dropdown-toggle {
  padding: 10px 0;
  width: 100%;
}
.profile-section-sorter .dropdown-toggle::after {
  position: absolute;
  right: 0;
}
[dir=rtl] .profile-section-sorter .dropdown-toggle::after {
  left: 0;
  right: initial;
}
@media (min-width: 768px) {
  .profile-section-sorter .dropdown-toggle::after {
    position: relative;
  }
}
@media (min-width: 768px) {
  .profile-section-sorter {
    flex: 0 1 auto;
    padding-top: 0;
    border-top: 0;
    margin-left: 20px;
  }
  [dir=rtl] .profile-section-sorter {
    margin-left: 0;
    margin-right: 20px;
  }
}

.profile-badges-items {
  margin-top: 25px;
}
.profile-badges-item {
  border-top: 1px solid #ddd;
  display: flex;
  flex: 1;
  flex-direction: row;
  justify-content: flex-start;
  padding: 27px 12px;
}
.profile-badges-item > div {
  padding-right: 12px;
  padding-left: 12px;
}
.profile-badges-item-image {
  height: 40px;
  width: 40px;
  margin-right: 12px;
}
.profile-badges-item-image img {
  max-height: 40px;
}
[dir=rtl] .profile-badges-item-image {
  margin-left: 12px;
  margin-right: 0;
}
.profile-badges-item-title, .profile-badges-item-metadata-title {
  font-size: 15px;
  margin-bottom: 10px;
}
.profile-badges-item-title {
  font-weight: 600;
}
.profile-badges-item-description, .profile-badges-item-metadata-description {
  color: #555;
  font-size: 13px;
  margin: 0;
}
.profile-badges-item-metadata {
  margin-left: auto;
  text-align: right;
}
[dir=rtl] .profile-badges-item-metadata {
  margin-left: 0;
  margin-right: auto;
  text-align: left;
}

.profile-contribution {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  padding: 20px 0;
  position: relative;
}

.profile-contribution-header {
  margin-bottom: 5px;
}

.profile-contribution-title {
  margin: 0 0 5px 0;
  display: inline;
  line-height: 21px;
  font-size: 15px;
  vertical-align: middle;
}

.profile-contribution-body {
  margin: 10px 0;
}

.profile-contribution-list > .profile-contribution {
  border-top: 1px solid #eee;
}
@media (min-width: 768px) {
  .profile-contribution-list > .profile-contribution {
    padding-left: 30px;
  }
  [dir=rtl] .profile-contribution-list > .profile-contribution {
    padding-right: 30px;
    padding-left: 0;
  }
}

.profile-contribution-list > .profile-contribution:last-child {
  border-bottom: 1px solid #eee;
}

.profile-contribution-icon {
  left: 0;
  position: absolute;
  color: #ccc;
  line-height: 25px;
}
[dir=rtl] .profile-contribution-icon {
  right: 0;
}
.profile-contribution-icon svg {
  vertical-align: middle;
}

.profile-contribution-list .profile-contribution-header {
  margin-left: 30px;
}
[dir=rtl] .profile-contribution-list .profile-contribution-header {
  padding-right: 30px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .profile-contribution-list .profile-contribution-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-contribution-list .profile-contribution-header {
    padding-right: 0;
  }
}

.profile-comments .profile-contribution-breadcrumbs {
  margin-left: 30px;
}
[dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
  padding-right: 30px;
  padding-left: 0;
}
@media (min-width: 768px) {
  .profile-comments .profile-contribution-breadcrumbs {
    margin-left: 0;
  }
  [dir=rtl] .profile-comments .profile-contribution-breadcrumbs {
    padding-right: 0;
  }
}

.profile-section .no-activity,
.profile-section .private-activity {
  display: block;
  margin-top: 40px;
  color: #999;
}

.private-activity-icon {
  margin-right: 10px;
}
[dir=rtl] .private-activity-icon {
  margin-right: 0;
  margin-left: 10px;
}

.profile-activity-list {
  margin-top: 25px;
}

.profile-activity {
  position: relative;
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .profile-activity {
    padding-left: 20px;
  }
  [dir=rtl] .profile-activity {
    padding-right: 20px;
    padding-left: 0;
  }
}

@media (min-width: 768px) {
  .profile-activity:not(:last-child) {
    border-left: 1px solid #ddd;
  }
  [dir=rtl] .profile-activity:not(:last-child) {
    border-left: 0;
    border-right: 1px solid #ddd;
  }
}

.profile-activity-header {
  display: flex;
  align-items: center;
  margin-left: 35px;
}
[dir=rtl] .profile-activity-header {
  margin-left: 0;
  margin-right: 35px;
}
@media (min-width: 768px) {
  .profile-activity-header {
    margin-left: 0;
  }
  [dir=rtl] .profile-activity-header {
    margin-right: 0;
  }
}

.profile-activity-header .user-avatar {
  width: 40px;
  height: 40px;
  margin-right: 10px;
  min-width: 40px;
  align-self: flex-start;
}
[dir=rtl] .profile-activity-header .user-avatar {
  margin-left: 10px;
  margin-right: 0;
}

.profile-activity-description {
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  -webkit-hyphens: auto;
  word-break: break-word;
  word-wrap: break-word;
  margin: 0;
  min-width: 0;
  width: 100%;
}

.profile-activity-description span:first-child {
  font-weight: 600;
  display: inline;
}

.profile-activity-contribution {
  padding: 20px;
  margin-top: 10px;
  border-radius: 8px;
  background-color: #ecf0f2;
}
@media (min-width: 768px) {
  .profile-activity-contribution {
    margin-top: 0;
    margin-left: 50px;
  }
  [dir=rtl] .profile-activity-contribution {
    margin-left: 0;
    margin-right: 50px;
  }
}

.profile-activity-icon {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-size: 14px 14px;
  background-repeat: no-repeat;
  background-color: #F5F7F8;
  background-position: 50% 50%;
  text-align: center;
  color: #ccc;
}
[dir=rtl] .profile-activity-icon {
  right: 0;
}
@media (min-width: 768px) {
  .profile-activity-icon {
    left: -14px;
  }
  [dir=rtl] .profile-activity-icon {
    right: -14px;
  }
}

.profile-activity-icon svg {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  margin: auto;
}

/***** Search results *****/
.search-results {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media (min-width: 1024px) {
  .search-results {
    flex-direction: row;
  }
}
.search-results-column {
  flex: 1;
}
@media (min-width: 1024px) {
  .search-results-column {
    flex: 0 0 75%;
  }
}
.search-results-sidebar {
  border-top: 1px solid #ddd;
  flex: 1 0 auto;
  margin-bottom: 20px;
  padding: 0;
}
@media (min-width: 1024px) {
  .search-results-sidebar {
    border: 0;
    flex: 0 0 20%;
    height: auto;
  }
}
.search-results-sidebar .sidenav-item {
  border-radius: 4px;
  padding: 10px 36px;
  margin-bottom: 4px;
  color: #222222;
}
.search-results-sidebar .sidenav-item:hover, .search-results-sidebar .sidenav-item.current {
  background-color: #e9ebed;
  text-decoration: none;
}
.search-results-sidebar .sidenav-subitem {
  unicode-bidi: embed;
}
.search-results-sidebar .sidenav-tag {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  flex-grow: 0;
}
.search-results-sidebar .sidenav-tag .content-tag {
  background: #E9EBED;
  border-radius: 4px;
  padding: 4px 12px;
  text-decoration: none;
}
.search-results-sidebar .sidenav-tag .content-tag .label {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  letter-spacing: -0.000427656px;
  color: #49545C;
  flex-grow: 0;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .sidenav-tag .content-tag .close-icon {
  color: #555555;
  vertical-align: middle;
  display: inline-block;
}
.search-results-sidebar .collapsible-sidebar {
  margin-bottom: 30px;
}
.search-results-sidebar .collapsible-sidebar:not(.expanded) .multibrand-filter-list {
  display: none;
}
@media (min-width: 1024px) {
  .search-results-sidebar .collapsible-sidebar:not(.expanded) .multibrand-filter-list {
    display: block;
  }
}
.search-results-sidebar .multibrand-filter-list--collapsed li:nth-child(1n+6):not(.see-all-filters-item) {
  display: none;
}
.search-results-sidebar .multibrand-filter-list .doc-count {
  color: #666;
}
.search-results-sidebar .see-all-filters {
  background: none;
  border: none;
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #0089C7;
}
.search-results-sidebar .see-all-filters[aria-hidden=true] {
  display: none;
}
.search-results-sidebar .see-all-filters:hover {
  text-decoration: underline;
}
.search-results-sidebar .see-all-filters::after {
  content: " ⌄";
  font-weight: bold;
}
.search-results-subheading {
  font-size: 18px;
  font-weight: 600;
}
.search-results-list {
  margin-bottom: 25px;
}
.search-results-list > li {
  padding: 20px 0;
}
.search-results-list > li:first-child {
  border-top: 1px solid #ddd;
}
.search-results .no-results {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 4rem;
}
.search-results .no-results .headline {
  color: #2F3941;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: -0.45px;
}
.search-results .no-results .action-prompt {
  color: #68737D;
  font-weight: 400;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.154px;
}
.search-results .no-results .action-prompt a {
  color: #0089C7;
}
.search-results .no-results .action-prompt a:visited {
  color: #0089C7;
}

.search-result-title-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.search-result-title {
  font-size: 16px;
  margin-bottom: 0;
}
.search-result-votes, .search-result-meta-count {
  color: #555;
  font-size: 13px;
}
.search-result-votes-icon, .search-result-meta-count-icon {
  color: #0089C7;
  vertical-align: middle;
  width: 13px;
  height: 13px;
}
[dir=ltr] .search-result-votes, [dir=ltr] .search-result-meta-count {
  margin-left: 20px;
}
[dir=rtl] .search-result-votes, [dir=rtl] .search-result-meta-count {
  margin-right: 20px;
}
.search-result-meta-container {
  color: #666;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1024px) {
  .search-result-meta-container {
    flex-direction: row;
    align-items: center;
  }
}
@media (min-width: 1024px) {
  .search-result-meta-container nav {
    flex: 1;
  }
}
@media (min-width: 1024px) {
  [dir=ltr] .search-result-meta-container .meta-data {
    margin-left: 20px;
  }
}
@media (min-width: 1024px) {
  [dir=rtl] .search-result-meta-container .meta-data {
    margin-right: 20px;
  }
}
.search-result-meta-container .meta-data::after {
  content: none;
}
.search-result-breadcrumbs {
  margin: 0;
}
.search-result-description {
  margin-top: 10px;
  margin-bottom: 0;
  word-break: break-word;
}

/* By default use bold instead of italic to highlight */
.search-results-description em {
  font-style: normal;
  font-weight: bold;
}

/* Add a yellow background for Chinese */
html[lang|=zh] .search-results-description em {
  font-style: normal;
  background: yellow;
}

/***** Notifications *****/
.notification {
  border: 1px solid;
  display: table;
  font-family: sans-serif;
  font-size: 12px;
  padding: 13px 15px;
  transition: height 0.2s;
  width: 100%;
  color: #555;
}

.notification a {
  color: #158ec2;
}

.notification-inner {
  margin: 0 auto;
  padding: 0 20px;
  max-width: 980px;
}

.notification-icon, .notification-inline.notification-error::before, .notification-text, .notification-dismiss {
  display: table-cell;
  vertical-align: middle;
}

.notification-text {
  padding: 0 15px;
  width: 100%;
}

.notification + .notification {
  margin-bottom: -1px;
  position: relative;
  top: -1px;
}

/* Error */
.notification-error {
  background: #ffeded;
  border-color: #f7cbcb;
}

.notification-error .notification-icon::before, .notification-error .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23555555'/%3E%3C/svg%3E");
}

/* Notice */
.notification-notice {
  background: #dbf3ff;
  border-color: #b5e0f5;
}

.notification-notice .notification-icon::before, .notification-notice .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23555555'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M3.5 6l2 2L9 4.5'/%3E%3Ccircle cx='6' cy='6' r='5.5'/%3E%3C/g%3E%3C/svg%3E");
}

/* Alert / Lock */
.notification-alert {
  color: #ad5e18;
  background: #fff8ed;
  border-color: #fcdba9;
}

.notification-alert .notification-icon::before, .notification-alert .notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='%23ad5e18' stroke-linecap='round' d='M5.06 1.27l-4.5 8.5c-.18.33.06.73.44.73h9c.38 0 .62-.4.44-.73l-4.5-8.5a.494.494 0 00-.88 0zM5.5 4v2'/%3E%3Ccircle cx='5.5' cy='8' r='.8' fill='%23ad5e18'/%3E%3C/svg%3E");
}

.notification-icon::before, .notification-inline.notification-error::before {
  background-size: cover;
  content: "";
  display: inline-block;
  height: 14px;
  width: 14px;
  vertical-align: middle;
}

/* Dismiss button */
.notification-dismiss, a.notification-dismiss {
  color: #555;
  cursor: pointer;
  opacity: 0.6;
  transition: opacity 100ms ease;
  text-decoration: none !important;
}

.notification-dismiss:hover {
  opacity: 1;
}

/* Inline notifications */
.notification-inline {
  border-radius: 4px;
  line-height: 14px;
  margin-top: 5px;
  padding: 5px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
[dir=rtl] .notification-inline {
  text-align: right;
}
.notification-inline[aria-hidden=true] {
  display: none;
}
.notification-inline.notification-error::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' focusable='false' viewBox='0 0 12 12'%3E%3Cg fill='none' stroke='%23e35b66'%3E%3Ccircle cx='5.5' cy='6.5' r='5'/%3E%3Cpath stroke-linecap='round' d='M5.5 3.5v3'/%3E%3C/g%3E%3Ccircle cx='5.5' cy='9' r='1' fill='%23e35b66'/%3E%3C/svg%3E");
  margin: -2px 5px 0 0;
}
[dir=rtl] .notification-inline.notification-error::before {
  margin: 0 0 0 5px;
}
.notification-inline.notification-error {
  background-color: #fff0f1;
  border: 1px solid #e35b66;
  color: #cc3340;
}
.notification-inline.notification-large {
  padding: 13px 15px;
  margin-bottom: 25px;
}

.notification-left-aligned {
  text-align: left;
  padding-left: 0;
}

html[dir=rtl] .notification-left-aligned {
  text-align: right;
  padding-left: auto;
  padding-right: 0;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-toggle {
  cursor: pointer;
  background: none;
  border: 0;
  display: inline-block;
  padding: 0;
  text-align: initial;
  vertical-align: middle;
}
.dropdown-toggle:hover {
  text-decoration: none;
}
.dropdown-toggle > * {
  display: inline-block;
}
.dropdown-toggle[aria-expanded=true] + .dropdown-menu {
  display: block;
}

.dropdown-menu {
  background: #fff;
  border: 1px solid #d8dcde;
  border-radius: 3px;
  box-shadow: 0px 20px 30px 0px rgba(23, 73, 77, 0.15);
  display: none;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  margin-top: 1px;
  min-width: 170px;
  padding: 10px 0;
  position: absolute;
  text-align: left;
  z-index: 1000;
}
[dir=rtl] .dropdown-menu {
  text-align: right;
}
.dropdown-menu [role=separator] {
  border-bottom: 1px solid #e9ebed;
  margin: 4px 0;
}
.dropdown-menu [role=menuitem],
.dropdown-menu [role=menuitemradio] {
  color: #2f3941;
  cursor: pointer;
  display: block;
  padding: 7px 40px 7px 20px;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  -webkit-appearance: none;
  text-align: start;
  line-height: inherit;
  width: 100%;
}
[dir=rtl] .dropdown-menu [role=menuitem],
[dir=rtl] .dropdown-menu [role=menuitemradio] {
  padding: 7px 20px 7px 40px;
}
.dropdown-menu [role=menuitem]:hover, .dropdown-menu [role=menuitem]:focus,
.dropdown-menu [role=menuitemradio]:hover,
.dropdown-menu [role=menuitemradio]:focus {
  background: rgba(31, 115, 183, 0.08);
  text-decoration: none;
  color: #2f3941;
}
.dropdown-menu [role=menuitem][aria-selected=true], .dropdown-menu [role=menuitem][aria-checked=true],
.dropdown-menu [role=menuitemradio][aria-selected=true],
.dropdown-menu [role=menuitemradio][aria-checked=true] {
  cursor: default;
}
.dropdown-menu [role=menuitem][aria-selected=true]::after, .dropdown-menu [role=menuitem][aria-checked=true]::after,
.dropdown-menu [role=menuitemradio][aria-selected=true]::after,
.dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg aria-hidden='true' xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='none' stroke='currentColor' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M1 7l3 3 7-7'%3E%3C/path%3E%3C/svg%3E");
  display: inline-block;
  height: 12px;
  margin-left: 10px;
  width: 12px;
}
[dir=rtl] .dropdown-menu [role=menuitem][aria-selected=true]::after, [dir=rtl] .dropdown-menu [role=menuitem][aria-checked=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-selected=true]::after,
[dir=rtl] .dropdown-menu [role=menuitemradio][aria-checked=true]::after {
  margin-left: 0;
  margin-right: 10px;
  float: left;
}
.dropdown-menu [role=menuitem][hidden], .dropdown-menu [role=menuitem][aria-hidden=true],
.dropdown-menu [role=menuitemradio][hidden],
.dropdown-menu [role=menuitemradio][aria-hidden=true] {
  display: none !important;
}

.dropdown-menu-end {
  left: auto;
  right: 0;
}

.dropdown-menu-top {
  bottom: 100%;
  margin-bottom: 1px;
}

[dir=rtl] .dropdown-menu {
  left: auto;
  right: 0;
  text-align: right;
}
[dir=rtl] .dropdown-menu-end {
  left: 0;
  right: auto;
}

.dropdown-chevron-icon {
  vertical-align: middle;
}

.content-tags > p {
  color: #68737D;
  margin-top: 32px;
  margin-bottom: 4px;
}
.content-tags-add-hint {
  color: #68737D;
  font-size: 14px;
}

.content-tag-list {
  display: flex;
  flex-wrap: wrap;
  word-break: break-word;
}
.content-tag-list li {
  border-right: 1px solid #C2C8CC;
  margin-bottom: 4px;
}
[dir=ltr] .content-tag-list li {
  padding-right: 8px;
  margin-right: 8px;
}
[dir=rtl] .content-tag-list li {
  padding-left: 8px;
  margin-left: 8px;
}
.content-tag-list li:last-child {
  border: none;
}

/***** WYSIWYG Editor *****/
#hc-wysiwyg {
  border: 1px solid #848F99;
}

/***** Upload Dropzone *****/
.upload-dropzone {
  border: 1px solid #848F99;
}

/***** Summary component *****/
zd-summary-block {
  background: #f3f6f6;
}
[dir=ltr] zd-summary-block {
  border-left-color: #859fa1;
}
[dir=rtl] zd-summary-block {
  border-right-color: #859fa1;
}

.service-catalog-hero {
  background-image: url(/hc/theming_assets/01KEH7XQEF08H7V24HP71FZ859);
  margin-bottom: 10px;
  height: 320px;
}
.service-catalog-description {
  display: flow-root;
}
.service-catalog-description a {
  color: #0089C7;
  text-decoration: underline;
}
.service-catalog-description a:visited {
  color: #0089C7;
}
.service-catalog-description a:hover, .service-catalog-description a:active, .service-catalog-description a:focus {
  color: #0B5F8A;
}
.service-catalog-description img {
  height: auto;
  max-width: 100%;
}
.service-catalog-description p > img.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.service-catalog-description p > img.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.service-catalog-description p > img.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.service-catalog-description p > img.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.service-catalog-description figure.image {
  display: table;
  margin: 0 auto;
}
.service-catalog-description figure.image > img {
  display: block;
  width: 100%;
}
.service-catalog-description figure.image.image-style-align-left {
  float: left;
  margin: 8px 20px 6px 0;
}
.service-catalog-description figure.image.image-style-align-right {
  float: right;
  margin: 8px 0px 6px 20px;
}
.service-catalog-description figure.image.image-style-block-align-right {
  margin-left: auto;
  margin-right: 0;
}
.service-catalog-description figure.image.image-style-block-align-left {
  margin-left: 0;
  margin-right: auto;
}
.service-catalog-description figcaption {
  padding: 10px 0;
  font-size: 12px;
  text-align: center;
  background-color: #e6ebee;
}
.service-catalog-description ul,
.service-catalog-description ol {
  padding-left: 20px;
  list-style-position: outside;
  margin: 20px 0 20px 20px;
}
[dir=rtl] .service-catalog-description ul,
[dir=rtl] .service-catalog-description ol {
  padding-right: 20px;
  padding-left: 0;
  margin-left: 0;
  margin-right: 20px;
}
.service-catalog-description ul > ul,
.service-catalog-description ol > ol,
.service-catalog-description ol > ul,
.service-catalog-description ul > ol,
.service-catalog-description li > ul,
.service-catalog-description li > ol {
  margin: 0;
}
.service-catalog-description ul {
  list-style-type: disc;
}
.service-catalog-description :not(pre) > code {
  background: #ecf0f2;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 0 5px;
  margin: 0 2px;
}
.service-catalog-description pre {
  background: #ecf0f2;
  border: 1px solid #ddd;
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  direction: ltr;
}
.service-catalog-description blockquote {
  border-left: 1px solid #ddd;
  color: #555;
  font-style: italic;
  padding: 0 15px;
}
.service-catalog-main-content {
  display: flex;
  gap: 32px;
}
.service-catalog-list {
  width: 100%;
}
.service-catalog-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 20px;
}

.is-service-catalog-preview #navbar-container,
.is-service-catalog-preview .navbar-container,
.is-service-catalog-preview .assembly-bar,
.is-service-catalog-preview [data-garden-id="chrome.subnav"] {
  display: none !important;
}

/* ===== Central do Participante (prévia) =====
   Vem logo depois do CSS do Copenhagen e antes do CSS da prévia. Devolve, dentro de .cn, o que o Copenhagen muda nos
   elementos (títulos, listas e links) e a prévia esperava com o padrão do navegador. */
.cn { font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif; color: #222; -webkit-font-smoothing: auto; }
.cn :is(h1, h2, h3, h4, h5, h6) { font-family: inherit; font-size: revert; margin-top: revert; }
.cn ul { list-style: revert; margin: revert; padding: revert; }
.cn-artigo a, .cn-artigo a:visited { text-decoration: revert; }
.cn-artigo a:hover, .cn-artigo a:active, .cn-artigo a:focus { text-decoration: revert; }
.cn-inicio a:hover, .cn-inicio a:active, .cn-inicio a:focus { text-decoration: none; }

/* ----- prévia: cabeçalho, rodapé, página inicial, assuntos (escopo .cn-inicio) ----- */
.cn-inicio { background: #f5f7f8; font-family: "Poppins", sans-serif; font-size: 14px; line-height: 1.5; color: #222; }
.cn-inicio * { box-sizing: border-box; }
.cn-inicio a { color: #0089c7; text-decoration: none; }
.cn-inicio h1, .cn-inicio h2, .cn-inicio h3, .cn-inicio p { margin: 0; }
.cn-inicio .cab { background: #fff; border-bottom: 1px solid rgba(34,34,34,.08); }
.cn-inicio .cab-in { max-width: 1200px; margin: 0 auto; height: 81px; padding: 0 20px; display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.cn-inicio .marca { display: flex; align-items: center; gap: 14px; min-width: 0; }
.cn-inicio .marca img { width: 186px; height: 39px; display: block; }
.cn-inicio .marca span { font-size: 14px; font-weight: 500; color: rgba(34,34,34,.64); border-left: 1px solid rgba(34,34,34,.12); padding-left: 14px; white-space: nowrap; }
.cn-inicio .cab-dir { display: flex; align-items: center; gap: 20px; }
.cn-inicio .cab-dir .produtor { font-size: 14px; font-weight: 500; color: #3d4651; }
.cn-inicio .pilula { display: inline-flex; align-items: center; justify-content: center; height: 34px; padding: 0 16px; border-radius: 480px; border: 1px solid rgba(128,128,128,.16); font-size: 12px; font-weight: 500; color: #0089c7 !important; white-space: nowrap; }
.cn-inicio .cn-hero { background: #eff2f5; }
.cn-inicio .hero-in { max-width: 1200px; margin: 0 auto; padding: 56px 20px 48px; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 18px; }
.cn-inicio .cn-hero h1 { font-size: 2.5rem; line-height: 1.2; font-weight: 600; letter-spacing: -0.5px; }
.cn-inicio .cn-hero h1 em { font-style: normal; color: #0089c7; }
.cn-inicio .hero-sub { font-size: 15px; color: rgba(34,34,34,.72); }
.cn-inicio .busca { width: 100%; max-width: 640px; height: 52px; background: #fff; border: 1px solid rgba(128,128,128,.16); border-radius: 12px; display: flex; align-items: center; gap: 12px; padding: 0 16px; box-shadow: 0 2px 6px rgba(0,0,0,.06); }
.cn-inicio .busca svg { flex: 0 0 20px; }
.cn-inicio .busca span { color: rgba(34,34,34,.55); font-size: 14px; text-align: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cn-inicio .chips { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 8px; max-width: 720px; }
.cn-inicio .chips small { font-size: 13px; color: rgba(34,34,34,.64); }
.cn-inicio .chip { background: #fff; border: 1px solid #d6e9f5; color: #0b5f8a !important; border-radius: 999px; padding: 5px 13px; font-size: 13px; font-weight: 500; }
.cn-inicio .produtor-linha { font-size: 13px; color: rgba(34,34,34,.72); }
.cn-inicio .produtor-linha a { font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.cn-inicio .main { max-width: 1080px; margin: 0 auto; padding: 44px 20px 56px; display: flex; flex-direction: column; gap: 44px; }
.cn-inicio .sec-tit { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; margin-bottom: 16px; }
.cn-inicio .sec-tit h2 { font-size: 20px; font-weight: 600; }
.cn-inicio .sec-tit a { font-size: 14px; font-weight: 500; white-space: nowrap; }
.cn-inicio .assuntos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.cn-inicio .assunto { background: #fff; border-radius: 18px; box-shadow: 0 1px 2px rgba(16,38,64,.06), 0 6px 20px rgba(16,38,64,.05); padding: 20px; display: flex; gap: 14px; align-items: flex-start; color: #222 !important; transition: box-shadow .15s, transform .15s; }
.cn-inicio .assunto:hover { box-shadow: 0 2px 4px rgba(16,38,64,.08), 0 10px 28px rgba(16,38,64,.10); transform: translateY(-2px); }
.cn-inicio .ic { flex: 0 0 44px; width: 44px; height: 44px; border-radius: 12px; background: #e6f5fd; color: #0089c7; display: grid; place-items: center; }
.cn-inicio .ic svg { width: 22px; height: 22px; }
.cn-inicio .assunto div { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cn-inicio .assunto b { font-size: 16px; font-weight: 600; line-height: 1.35; }
.cn-inicio .assunto p { font-size: 13px; color: rgba(34,34,34,.64); }
.cn-inicio .faq { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 16px; }
.cn-inicio .pergunta { background: #fff; border-radius: 14px; box-shadow: 0 1px 2px rgba(16,38,64,.06); border: 1px solid #eceff1; padding: 14px 16px; display: flex; align-items: center; gap: 12px; color: #222 !important; font-size: 14px; font-weight: 500; line-height: 1.4; }
.cn-inicio .pergunta:hover { border-color: #a9dcf4; }
.cn-inicio .pergunta svg { flex: 0 0 18px; color: #0089c7; }
.cn-inicio .pergunta span { flex: 1 1 auto; }
.cn-inicio .contato { background: #fff; border-radius: 18px; box-shadow: 0 1px 2px rgba(16,38,64,.06), 0 6px 20px rgba(16,38,64,.05); padding: 24px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 18px 24px; }
.cn-inicio .contato .ic { flex-basis: 52px; width: 52px; height: 52px; border-radius: 50%; }
.cn-inicio .contato h2 { font-size: 18px; font-weight: 600; }
.cn-inicio .selo-humano { display: inline-block; margin: 6px 0 2px; font-size: 12px; font-weight: 600; color: #127a4a; background: #e3f5ec; border-radius: 999px; padding: 3px 12px; }
.cn-inicio .contato p { font-size: 14px; color: rgba(34,34,34,.72); margin-top: 2px; }
.cn-inicio .btn { height: 48px; padding: 0 22px; border-radius: 12px; font-size: 15px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; white-space: nowrap; }
.cn-inicio .btn-prim { background: #0089c7; color: #fff !important; box-shadow: 0 2px 8px rgba(0,137,199,.28); }
.cn-inicio .btn { gap: 10px; }
.cn-inicio .btn-sec { background: #fff; color: #0b6e9e !important; border: 1px solid #a9dcf4; }
.cn-inicio .contato-acoes { display: flex; gap: 10px; flex-wrap: wrap; justify-content: flex-end; }
.cn-inicio .rod { background: #eff9ff; }
.cn-inicio .rod-in { max-width: 1200px; margin: 0 auto; padding: 64px 20px 48px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.cn-inicio .rod-col { display: flex; flex-direction: column; gap: 14px; }
.cn-inicio .rod h3 { font-size: 18px; font-weight: 600; }
.cn-inicio .rod p, .cn-inicio .rod span, .cn-inicio .rod a { font-size: 14px; }
.cn-inicio .cinza { color: rgba(34,34,34,.64); }
.cn-inicio .rod a.escuro { color: #222 !important; }
.cn-inicio .redes { display: flex; gap: 12px; }
.cn-inicio .redes img { width: 40px; height: 40px; display: block; }
.cn-inicio .pagto { display: flex; gap: 12px; }
.cn-inicio .pagto img { width: 65px; height: 64px; display: block; }
.cn-inicio .linha-ic { display: flex; gap: 8px; align-items: center; }
.cn-inicio .horas { display: flex; gap: 24px; }
.cn-inicio .horas div { display: grid; }
.cn-inicio .faixa-baixo { background: #0089c7; color: #fff; }
.cn-inicio .faixa-baixo-in { max-width: 1200px; margin: 0 auto; padding: 18px 20px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 32px; font-size: 14px; }
.cn-inicio .faixa-baixo-in div { display: grid; }
.cn-inicio .faixa-baixo-in nav { display: flex; gap: 32px; align-items: center; }
.cn-inicio .faixa-baixo a { color: #fff !important; }
.cn-inicio .sec-sub { font-size: 14px; color: rgba(34,34,34,.64); margin-top: 2px; }
.cn-inicio .eventos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.cn-inicio .evento { background: #fff; border-radius: 18px; overflow: hidden; box-shadow: 0 1px 2px rgba(16,38,64,.06), 0 6px 20px rgba(16,38,64,.05); display: flex; flex-direction: column; color: #222 !important; transition: box-shadow .15s, transform .15s; }
.cn-inicio .evento:hover { box-shadow: 0 2px 4px rgba(16,38,64,.08), 0 10px 28px rgba(16,38,64,.10); transform: translateY(-2px); }
.cn-inicio .evento-midia { display: block; width: 100%; aspect-ratio: 39 / 28; object-fit: cover; background: #f2f2f2; }
.cn-inicio .evento-midia--marca { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; background: linear-gradient(135deg, #16202b 0%, #0e3f5c 100%); color: #fff; text-align: center; }
.cn-inicio .evento-midia--marca b { font-size: 20px; font-weight: 700; letter-spacing: 2px; }
.cn-inicio .evento-midia--marca span { font-size: 12px; font-weight: 600; letter-spacing: 3px; color: #8fd3f5; }
.cn-inicio .evento-midia--curso { background: linear-gradient(135deg, #1b3a2b 0%, #127a4a 100%); }
.cn-inicio .evento-midia--curso span { color: #b8f0d2; }
.cn-inicio .evento-corpo { padding: 14px 16px 16px; display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; }
.cn-inicio .evento-corpo small { font-size: 12px; color: rgba(34,34,34,.64); }
.cn-inicio .evento-corpo b { font-size: 16px; font-weight: 600; line-height: 1.35; }
.cn-inicio .evento-corpo p { font-size: 13px; color: rgba(34,34,34,.72); }
.cn-inicio .evento-meta { display: flex; align-items: center; gap: 6px; font-size: 12px; color: rgba(34,34,34,.64); }
.cn-inicio .evento-link { margin-top: auto; padding-top: 4px; display: inline-flex; align-items: center; gap: 2px; font-size: 14px; font-weight: 500; color: #0089c7; }
.cn-inicio .busca-area { position: relative; width: 100%; max-width: 640px; }
.cn-inicio .busca { cursor: text; }
.cn-inicio .busca-area.aberta .busca { border-color: #0089c7; box-shadow: 0 0 0 3px rgba(0,137,199,.18); }
.cn-inicio .sugestoes { display: none; position: absolute; z-index: 20; top: calc(100% + 8px); left: 0; right: 0; background: #fff; border: 1px solid #eceff1; border-radius: 16px; box-shadow: 0 16px 40px rgba(16,38,64,.18); padding: 8px; text-align: left; }
.cn-inicio .busca-area.aberta .sugestoes { display: block; }
.cn-inicio .sugestoes small { display: block; padding: 8px 10px 6px; font-size: 11px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: rgba(34,34,34,.55); }
.cn-inicio .sug { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 10px; font-size: 14px; font-weight: 500; color: #222 !important; }
.cn-inicio .sug:hover, .cn-inicio .sug:first-of-type { background: #f0f9fe; }
.cn-inicio .sug > span:nth-child(2) { flex: 1 1 auto; }
.cn-inicio .sug > svg { color: rgba(34,34,34,.4); }
.cn-inicio .sug-ic { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 9px; background: #e6f5fd; color: #0089c7; display: grid; place-items: center; }
.cn-inicio .sug-ic svg { width: 16px; height: 16px; }
.cn-inicio .hero-in:has(> .busca-area:only-child) { padding-top: 20px; padding-bottom: 20px; }
.cn-inicio .main--secao { gap: 22px; padding-top: 22px; }
.cn-inicio .trilha { display: flex; flex-wrap: wrap; gap: 8px; font-size: 13px; color: rgba(34,34,34,.64); }
.cn-inicio .trilha a { color: inherit !important; }
.cn-inicio .sec-topo { display: flex; gap: 14px; align-items: center; }
.cn-inicio .sec-topo .ic { flex-basis: 48px; width: 48px; height: 48px; }
.cn-inicio .sec-topo h1 { font-size: 24px; font-weight: 600; line-height: 1.25; }
.cn-inicio .sec-topo p { font-size: 14px; color: rgba(34,34,34,.66); }
.cn-inicio .art-lista { background: #fff; border-radius: 18px; box-shadow: 0 1px 2px rgba(16,38,64,.06), 0 6px 20px rgba(16,38,64,.05); overflow: hidden; }
.cn-inicio .art-linha { display: flex; align-items: center; gap: 12px; padding: 16px 18px; border-top: 1px solid #eceff1; color: #222 !important; }
.cn-inicio .art-linha:first-child { border-top: 0; }
.cn-inicio .art-linha > span { flex: 1 1 auto; display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.cn-inicio .art-linha b { font-size: 15px; font-weight: 600; line-height: 1.35; }
.cn-inicio .art-linha small { font-size: 13px; color: rgba(34,34,34,.64); line-height: 1.45; }
.cn-inicio .art-linha > svg { flex: 0 0 18px; color: #0089c7; }
.cn-inicio .rod--curto .rod-in { grid-template-columns: 1.2fr 1fr 1fr; padding: 40px 20px 32px; gap: 24px; }
.cn-inicio .rod--curto .rod-col { gap: 12px; }
.cn-inicio .rod--curto .redes img { width: 36px; height: 36px; }
@media (max-width: 700px) {
  .cn-inicio .cab-in { height: 68px; padding: 0 16px; }
  .cn-inicio .marca img { width: 136px; height: 28px; }
  .cn-inicio .marca span { display: none; }
  .cn-inicio .cab-dir .produtor { display: none; }
  .cn-inicio .hero-in { padding: 32px 16px 28px; gap: 14px; }
  .cn-inicio .cn-hero h1 { font-size: 28px; line-height: 1.3; }
  .cn-inicio .hero-sub { font-size: 14px; }
  .cn-inicio .busca { height: 50px; }
  .cn-inicio .chips { justify-content: flex-start; }
  .cn-inicio .chips small { width: 100%; text-align: left; }
  .cn-inicio .main { padding: 28px 16px 40px; gap: 32px; }
  .cn-inicio .assuntos { grid-template-columns: 1fr 1fr; gap: 10px; }
  .cn-inicio .assunto { flex-direction: column; gap: 10px; padding: 16px 14px; }
  .cn-inicio .assunto b { font-size: 14px; }
  .cn-inicio .assunto p { display: none; }
  .cn-inicio .assunto:last-child:nth-child(odd) { grid-column: 1 / -1; flex-direction: row; align-items: center; }
  .cn-inicio .faq { grid-template-columns: 1fr; }
  .cn-inicio .eventos { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scroll-padding-inline: 16px; gap: 12px; margin: 0 -16px; padding: 2px 16px 14px; }
  .cn-inicio .evento { flex: 0 0 240px; scroll-snap-align: start; }
  .cn-inicio .contato { grid-template-columns: 1fr; text-align: center; justify-items: center; padding: 22px 18px; }
  .cn-inicio .contato-acoes { width: 100%; flex-direction: column; }
  .cn-inicio .contato .btn { width: 100%; }
  .cn-inicio .rod-in { grid-template-columns: 1fr; padding: 32px 16px; gap: 28px; }
  .cn-inicio .rod--curto .rod-in { grid-template-columns: 1fr; padding: 28px 16px 24px; gap: 22px; }
  .cn-inicio .faixa-baixo-in { padding: 18px 16px; flex-direction: column; }
  .cn-inicio .faixa-baixo-in nav { gap: 24px; }
}
@media (min-width: 701px) and (max-width: 1000px) {
  .cn-inicio .assuntos { grid-template-columns: 1fr 1fr; }
  .cn-inicio .eventos { grid-template-columns: 1fr 1fr; }
  .cn-inicio .rod-in { grid-template-columns: 1fr 1fr; }
}
.cn-inicio .busca input { flex: 1 1 auto; min-width: 0; border: 0; outline: 0; background: transparent; font: inherit; font-size: 15px; color: #222; }
.cn-inicio .busca input::placeholder { color: rgba(34,34,34,.55); }
.cn-inicio .busca-area:focus-within .busca { border-color: #0089c7; box-shadow: 0 0 0 3px rgba(0,137,199,.18); }
.cn-inicio .sug small.nada { text-transform: none; letter-spacing: 0; font-size: 13px; }
.cn-inicio .sug .res { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.cn-inicio .sug .res em { font-style: normal; font-size: 12px; color: rgba(34,34,34,.6); font-weight: 400; }
.cn-inicio .art-linha small { text-align: justify; hyphens: auto; }
.cn-inicio .art-linha .art-mini { flex: none; width: 76px; aspect-ratio: 39 / 28; object-fit: cover; border-radius: 10px; background: #f2f2f2; }
/* ----- prévia: artigo, telas e kit (escopo .cn-artigo) ----- */
:root { color-scheme: light;
    --fundo: #f5f7f8;
    --folha: #ffffff;
    --tinta: #222222;
    --apoio: rgba(34, 34, 34, 0.66);
    --linha: #e3e8ec;
    --marca: #0089c7;
    --marca-texto: #0b5f8a;
    --marca-fundo: #e6f5fd;
    --sombra: 0 1px 2px rgba(16, 38, 64, 0.06), 0 6px 20px rgba(16, 38, 64, 0.05); }
.cn-artigo * { box-sizing: border-box; }
.cn-artigo { background: var(--fundo); color: var(--tinta); font-family: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif; font-size: 15px; line-height: 1.6; margin: 0; }
.cn-artigo a { color: var(--marca); }
.cn-artigo :focus-visible { outline: 2px solid var(--marca); outline-offset: 2px; }
.cn-artigo h1, .cn-artigo h2, .cn-artigo h3, .cn-artigo p { margin: 0; }
.cn-artigo h1, .cn-artigo h2 { text-wrap: balance; }
.cn-artigo .cab { background: #fff; border-bottom: 1px solid rgba(34, 34, 34, 0.08); padding-inline: 16px; }
.cn-artigo .cab-in { max-width: 1200px; margin: 0 auto; min-height: 72px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.cn-artigo .marca { display: flex; align-items: center; gap: 12px; text-decoration: none; min-width: 0; }
.cn-artigo .marca img { width: 160px; height: auto; display: block; }
.cn-artigo .marca span { font-size: 14px; font-weight: 500; color: rgba(34, 34, 34, 0.64); border-left: 1px solid rgba(34, 34, 34, 0.12); padding-left: 12px; white-space: nowrap; }
.cn-artigo .pilula { display: inline-flex; align-items: center; height: 34px; padding: 0 16px; border-radius: 480px; border: 1px solid rgba(128, 128, 128, 0.16); font-size: 12px; font-weight: 500; color: var(--marca); text-decoration: none; white-space: nowrap; }
.cn-artigo .faixa { background: #eff2f5; padding-inline: 16px; }
.cn-artigo .faixa-in { max-width: 1080px; margin: 0 auto; padding-block: 14px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 20px; }
.cn-artigo .caminho { font-size: 13px; color: rgba(34, 34, 34, 0.64); display: flex; gap: 8px; flex-wrap: wrap; }
.cn-artigo .caminho a { color: inherit; text-decoration: none; }
.cn-artigo .caminho a:hover { color: var(--marca); }
.cn-artigo .busca { display: flex; align-items: center; gap: 10px; height: 40px; width: min(100%, 360px); background: #fff; border: 1px solid rgba(128, 128, 128, 0.16); border-radius: 12px; padding: 0 12px; color: rgba(34, 34, 34, 0.55); font-size: 13px; }
.cn-artigo .artigo { max-width: 1080px; margin: 0 auto; padding: 36px 16px 56px; display: flex; flex-direction: column; gap: 40px; }
.cn-artigo .abertura { max-width: 760px; display: flex; flex-direction: column; gap: 14px; }
.cn-artigo .abertura h1 { font-size: clamp(28px, 4vw, 36px); line-height: 1.2; font-weight: 600; letter-spacing: -0.5px; }
.cn-artigo .atualizado { font-size: 13px; color: rgba(34, 34, 34, 0.55); }
.cn-artigo .resposta { font-size: 17px; line-height: 1.6; }
.cn-artigo .btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; height: 48px; padding: 0 22px; border-radius: 12px; font-size: 15px; font-weight: 600; text-decoration: none; align-self: flex-start; }
.cn-artigo .btn-prim { background: var(--marca); color: #fff; box-shadow: 0 2px 8px rgba(0, 137, 199, 0.28); }
.cn-artigo .btn-sec { background: #fff; color: var(--marca-texto); border: 1px solid #a9dcf4; }
.cn-artigo .casos { display: flex; flex-direction: column; gap: 10px; }
.cn-artigo .casos h2 { font-size: 16px; font-weight: 600; }
.cn-artigo .casos-lista { display: flex; flex-wrap: wrap; gap: 8px; }
.cn-artigo .casos-lista a { background: #fff; border: 1px solid #d6e9f5; color: var(--marca-texto); border-radius: 999px; padding: 7px 14px; font-size: 13.5px; font-weight: 500; text-decoration: none; }
.cn-artigo .casos-lista a:hover { border-color: var(--marca); }
.cn-artigo .caso { background: var(--folha); border-radius: 18px; box-shadow: var(--sombra); padding: 28px; display: grid; grid-template-columns: 320px minmax(0, 1fr); gap: 32px; align-items: start; scroll-margin-top: 16px; }
.cn-artigo .caso-texto { display: flex; flex-direction: column; gap: 14px; min-width: 0; }
.cn-artigo .caso-texto h2 { font-size: 22px; font-weight: 600; line-height: 1.3; }
.cn-artigo .caso-texto .contexto { color: rgba(34, 34, 34, 0.74); max-width: 62ch; }
.cn-artigo .passos { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 6px; counter-reset: p; }
.cn-artigo .passos li { counter-increment: p; position: relative; display: block; min-height: 50px; padding: 13px 12px 10px 56px; border-radius: 12px; cursor: pointer; transition: background-color 0.2s; }
.cn-artigo .passos li::before { content: counter(p); position: absolute; left: 12px; top: 10px; width: 30px; height: 30px; border-radius: 50%; background: #eef1f4; color: #45505c; font-size: 13px; font-weight: 600; display: grid; place-items: center; transition: background-color 0.2s, color 0.2s; }
.cn-artigo .passos li:hover { background: #f5f7f8; }
.cn-artigo .passos li.atual { background: var(--marca-fundo); }
.cn-artigo .passos li.atual::before { background: var(--marca); color: #fff; }
.cn-artigo .passos q { quotes: "“" "”"; font-weight: 600; }
.cn-artigo .dica { background: #f5f7f8; border-radius: 12px; padding: 12px 14px; font-size: 14px; color: rgba(34, 34, 34, 0.78); }
.cn-artigo .dica :is(b, .cn-b) { font-weight: 600; color: var(--tinta); }
.cn-artigo .demo { display: flex; flex-direction: column; gap: 10px; align-items: center; }
.cn-artigo .aparelho { width: 300px; max-width: 100%; border: 9px solid #1f2a35; border-radius: 42px; background: #fff; overflow: hidden; box-shadow: 0 14px 34px rgba(16, 38, 64, 0.18); }
.cn-artigo .status { height: 36px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 20px; color: #111; font: 600 12px/1 -apple-system, "SF Pro Text", system-ui, sans-serif; }
.cn-artigo .status .ilha { width: 86px; height: 24px; border-radius: 14px; background: #111; }
.cn-artigo .status .bat { justify-self: end; width: 18px; height: 10px; border: 1.5px solid #111; border-radius: 3px; position: relative; }
.cn-artigo .status .bat::after { content: ""; position: absolute; inset: 1.5px; right: 5px; background: #111; border-radius: 1px; }
.cn-artigo .tela { position: relative; height: 614px; overflow: hidden; background: #fff; font-family: "Poppins", sans-serif; color: #1d2228; }
.cn-artigo .tela-conteudo { position: absolute; inset: 0; display: flex; flex-direction: column; padding: 30px 18px 16px; text-align: center; animation: entrar 0.35s ease; }
@keyframes entrar { from { opacity: 0; transform: translateX(14px); } to { opacity: 1; transform: none; } }
.cn-artigo .controles { width: 300px; max-width: 100%; display: flex; align-items: center; gap: 10px; }
.cn-artigo .controles button { font: inherit; font-size: 13px; font-weight: 600; color: var(--marca-texto); background: #fff; border: 1px solid #d6e9f5; border-radius: 999px; height: 34px; padding: 0 14px; cursor: pointer; display: inline-flex; align-items: center; gap: 6px; }
.cn-artigo .controles button:hover { border-color: var(--marca); }
.cn-artigo .barra { flex: 1 1 auto; height: 4px; background: #e3e8ec; border-radius: 4px; overflow: hidden; }
.cn-artigo .barra :is(i, .cn-i) { display: block; height: 100%; width: 0; background: var(--marca); transition: width 0.25s linear; }
.cn-artigo .legenda { width: 300px; max-width: 100%; font-size: 13px; color: rgba(34, 34, 34, 0.7); text-align: center; min-height: 40px; }
.cn-artigo .r-logo { width: 34px; height: 50px; margin: 0 auto 16px; }
.cn-artigo .r-logo :is(svg, .zi) { width: 100%; height: 100%; }
.cn-artigo .r-tit { font-size: 20px; font-weight: 600; line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 8px; }
.cn-artigo .r-sub { font-size: 12.5px; color: #6a7480; line-height: 1.5; margin-bottom: 16px; }
.cn-artigo .r-campo { text-align: left; margin-bottom: 12px; }
.cn-artigo .r-rot { display: block; font-size: 12px; font-weight: 500; color: #38424e; margin-bottom: 5px; }
.cn-artigo .r-ent { height: 44px; border: 1px solid #c7cfd8; border-radius: 8px; display: flex; align-items: center; padding: 0 12px; font-size: 13.5px; color: #1d2228; background: #fff; overflow: hidden; white-space: nowrap; }
.cn-artigo .r-ent--foco { border-color: #00b2ff; box-shadow: 0 0 0 3px rgba(0, 178, 255, 0.22); }
.cn-artigo .r-ent .ph { color: #9aa4af; }
.cn-artigo .r-cursor { display: inline-block; width: 1.5px; height: 17px; background: #1d2228; margin-left: 1px; animation: piscar 1s steps(1) infinite; }
@keyframes piscar { 50% { opacity: 0; } }
.cn-artigo .r-dica { font-size: 11px; color: #6a7480; padding-top: 5px; line-height: 1.4; }
.cn-artigo .r-dica--bom { color: #1e7d45; }
.cn-artigo .r-btn { height: 46px; border-radius: 8px; display: grid; place-items: center; font-size: 14.5px; font-weight: 600; color: #fff; background: #00b2ff; margin-top: 4px; }
.cn-artigo .r-btn--off { background: #e7ebef; color: #9aa4af; }
.cn-artigo .r-btn--borda { background: #fff; color: #0086c4; border: 1.5px solid #00b2ff; }
.cn-artigo .r-direita { text-align: right; font-size: 12px; margin: -4px 0 12px; }
.cn-artigo .r-link { color: #0086c4; font-weight: 600; }
.cn-artigo .r-pe { margin-top: auto; font-size: 11.5px; color: #6a7480; }
.cn-artigo .r-pilula { display: inline-flex; align-items: center; gap: 6px; max-width: 100%; padding: 3px 3px 3px 12px; border: 1px solid #dde3e9; border-radius: 999px; background: #f6f8fa; font-size: 12px; margin: 0 auto 16px; }
.cn-artigo .r-pilula span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; }
.cn-artigo .r-pilula :is(b, .cn-b) { flex: none; border: 1px solid #dde3e9; background: #fff; border-radius: 999px; padding: 2px 9px; font-size: 11px; font-weight: 600; color: #0086c4; }
.cn-artigo .r-codigo { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.cn-artigo .r-codigo span { height: 44px; display: grid; place-items: center; border: 1px solid #c7cfd8; border-radius: 8px; font-size: 19px; font-weight: 600; }
.cn-artigo .r-codigo span.ativa { border-color: #00b2ff; box-shadow: 0 0 0 3px rgba(0, 178, 255, 0.22); }
.cn-artigo .r-check { list-style: none; margin: 6px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 3px 8px; font-size: 11px; color: #6a7480; text-align: left; }
.cn-artigo .r-check li::before { content: "○ "; }
.cn-artigo .r-check li.ok { color: #1e7d45; font-weight: 500; }
.cn-artigo .r-check li.ok::before { content: "✓ "; }
.cn-artigo .r-aceite { display: flex; gap: 8px; align-items: flex-start; text-align: left; font-size: 11px; color: #38424e; margin: 2px 0 10px; line-height: 1.4; }
.cn-artigo .r-caixa { flex: none; width: 16px; height: 16px; border: 1.5px solid #8e99a6; border-radius: 4px; display: grid; place-items: center; font-size: 11px; color: #fff; }
.cn-artigo .r-caixa.on { background: #00b2ff; border-color: #00b2ff; }
.cn-artigo .r-faixa { border-radius: 8px; padding: 9px 11px; font-size: 11.5px; text-align: left; margin-bottom: 12px; background: #e5f6ff; color: #06506f; border: 1px solid #b6e4fb; }
.cn-artigo .mc { position: absolute; inset: 0; background: #f5f7f8; text-align: left; display: flex; flex-direction: column; animation: entrar 0.35s ease; }
.cn-artigo .mc-topo { background: #fff; border-bottom: 1px solid #eceff1; height: 54px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; }
.cn-artigo .mc-topo .lg { width: 20px; height: 30px; }
.cn-artigo .mc-topo .lg :is(svg, .zi) { width: 100%; height: 100%; }
.cn-artigo .mc-ini { width: 30px; height: 30px; border-radius: 50%; background: #e3f0fb; color: #0b5fa0; font-size: 11px; font-weight: 700; display: grid; place-items: center; }
.cn-artigo .mc-faixa { background: #fff; border-bottom: 1px solid #eceff1; padding: 18px 14px 0; display: flex; flex-direction: column; gap: 14px; }
.cn-artigo .mc-faixa :is(b, .cn-b) { font-size: 20px; font-weight: 600; }
.cn-artigo .mc-abas { display: grid; grid-template-columns: 1fr 1fr; font-size: 13px; }
.cn-artigo .mc-abas span { text-align: center; padding-bottom: 10px; color: #5f6770; border-bottom: 3px solid transparent; }
.cn-artigo .mc-abas span:first-child { color: #222; font-weight: 600; border-bottom-color: #1079e4; }
.cn-artigo .mc-corpo { padding: 16px 14px; display: flex; flex-direction: column; gap: 10px; }
.cn-artigo .mc-corpo > small { font-size: 14px; font-weight: 600; color: #222; }
.cn-artigo .mc-card { background: #fff; border-radius: 16px; box-shadow: 0 1px 2px rgba(16, 38, 64, 0.06), 0 6px 20px rgba(16, 38, 64, 0.05); overflow: hidden; }
.cn-artigo .mc-img { display: block; width: 100%; height: 110px; object-fit: cover; }
.cn-artigo .mc-card div { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 4px; font-size: 11px; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .mc-card div :is(b, .cn-b) { font-size: 13.5px; color: #222; font-weight: 600; }
.cn-artigo .mc-selos { display: flex; gap: 5px; }
.cn-artigo .mc-selos span { font-size: 10px; font-weight: 600; border-radius: 999px; padding: 2px 8px; }
.cn-artigo .mc-selos .ok { color: #127a4a; background: #e3f5ec; }
.cn-artigo .mc-selos .qd { color: #0b5f8a; background: #e6f5fd; }
.cn-artigo .mc-modal { position: absolute; inset: 0; background: rgba(15, 23, 32, 0.5); display: grid; place-items: center; padding: 16px; animation: entrar 0.3s ease; }
.cn-artigo .mc-modal div { background: #fff; border-radius: 12px; padding: 24px 18px 18px; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; width: 100%; }
.cn-artigo .mc-modal :is(i, .cn-i) { width: 52px; height: 52px; border-radius: 50%; background: #e3f5ec; color: #127a4a; display: grid; place-items: center; font-style: normal; font-size: 26px; font-weight: 700; }
.cn-artigo .mc-modal :is(b, .cn-b) { font-size: 17px; font-weight: 600; color: #222; }
.cn-artigo .mc-modal p { font-size: 12px; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .mc-modal span { margin-top: 6px; width: 100%; height: 40px; border-radius: 8px; background: #00a7f0; color: #fff; font-size: 13px; font-weight: 600; display: grid; place-items: center; }
.cn-artigo .toque { position: absolute; width: 34px; height: 34px; margin: -17px 0 0 -17px; border-radius: 50%; background: rgba(0, 137, 199, 0.28); border: 2px solid rgba(0, 137, 199, 0.75); pointer-events: none; opacity: 0; z-index: 9; }
.cn-artigo .toque.on { animation: tocar 0.6s ease-out; }
@keyframes tocar { 0% { opacity: 0; transform: scale(0.4); } 30% { opacity: 1; transform: scale(1); } 100% { opacity: 0; transform: scale(1.5); } }
.cn-artigo .bloco { max-width: 860px; display: flex; flex-direction: column; gap: 14px; }
.cn-artigo .bloco > h2 { font-size: 22px; font-weight: 600; }
.cn-artigo .regras { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); gap: 12px; }
.cn-artigo .regra { background: var(--folha); border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; }
.cn-artigo .regra h3 { font-size: 15px; font-weight: 600; }
.cn-artigo .regra ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.cn-artigo .regra strong { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-artigo .erros { background: var(--folha); border-radius: 18px; box-shadow: var(--sombra); overflow: hidden; }
.cn-artigo .erro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 6px 20px; padding: 14px 20px; border-top: 1px solid var(--linha); }
.cn-artigo .erro:first-child { border-top: 0; }
.cn-artigo .erro q { quotes: "“" "”"; font-size: 14px; font-weight: 500; color: #8a2a24; }
.cn-artigo .erro span { font-size: 14px; color: rgba(34, 34, 34, 0.8); }
.cn-artigo .relacionados { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 10px; }
.cn-artigo .relacionados a { background: #fff; border: 1px solid #eceff1; border-radius: 14px; padding: 14px 16px; color: var(--tinta); text-decoration: none; font-size: 14px; font-weight: 500; display: flex; justify-content: space-between; gap: 10px; }
.cn-artigo .relacionados a:hover { border-color: #a9dcf4; }
.cn-artigo .relacionados a span { color: var(--marca); }
.cn-artigo .util { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; font-size: 14px; font-weight: 500; }
.cn-artigo .util button { font: inherit; font-size: 13px; font-weight: 600; color: var(--marca-texto); background: #fff; border: 1px solid #d6e9f5; border-radius: 999px; padding: 6px 16px; cursor: pointer; }
.cn-artigo .util button[aria-pressed="true"] { background: var(--marca); border-color: var(--marca); color: #fff; }
.cn-artigo .util output { color: rgba(34, 34, 34, 0.64); font-weight: 400; }
.cn-artigo .contato { background: var(--folha); border-radius: 18px; box-shadow: var(--sombra); padding: 22px 24px; display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 14px 24px; align-items: center; max-width: 860px; }
.cn-artigo .contato h2 { font-size: 18px; font-weight: 600; }
.cn-artigo .contato p { font-size: 14px; color: rgba(34, 34, 34, 0.72); }
.cn-artigo .selo-humano { display: inline-block; margin: 6px 0 4px; font-size: 12px; font-weight: 600; color: #127a4a; background: #e3f5ec; border-radius: 999px; padding: 3px 12px; }
.cn-artigo .contato-acoes { display: flex; flex-wrap: wrap; gap: 10px; }
.cn-artigo .caso-cab { display: none; grid-column: 1 / -1; width: 100%; font: inherit; font-size: 17px; font-weight: 600; line-height: 1.35; color: var(--tinta); background: none; border: 0; padding: 0; text-align: left; cursor: pointer; align-items: center; justify-content: space-between; gap: 12px; }
.cn-artigo .caso-cab :is(svg, .zi) { flex: 0 0 22px; color: var(--marca); transition: transform 0.2s; }
.cn-artigo .caso.aberto .caso-cab :is(svg, .zi) { transform: rotate(180deg); }
.cn-artigo .rod { background: #eff9ff; padding-inline: 16px; }
.cn-artigo .rod-in { max-width: 1200px; margin: 0 auto; padding-block: 40px 32px; display: grid; grid-template-columns: 1.2fr 1fr 1fr; gap: 24px; }
.cn-artigo .rod-col { display: flex; flex-direction: column; gap: 12px; font-size: 14px; }
.cn-artigo .rod-col h3 { font-size: 17px; font-weight: 600; }
.cn-artigo .rod-col .logo-rod { height: 34px; width: auto; align-self: flex-start; }
.cn-artigo .redes { display: flex; gap: 12px; }
.cn-artigo .redes img { width: 36px; height: 36px; display: block; }
.cn-artigo .linha-ic { display: flex; gap: 8px; align-items: center; }
.cn-artigo .linha-ic a { color: var(--tinta); text-decoration: none; }
.cn-artigo .cinza { color: rgba(34, 34, 34, 0.64); }
.cn-artigo .faixa-baixo { background: #0089c7; color: #fff; padding-inline: 16px; }
.cn-artigo .faixa-baixo-in { max-width: 1200px; margin: 0 auto; padding-block: 18px; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 32px; font-size: 14px; }
.cn-artigo .faixa-baixo-in div { display: grid; }
.cn-artigo .faixa-baixo-in :is(nav, .cn-nav) { display: flex; flex-wrap: wrap; gap: 12px 28px; align-items: center; }
.cn-artigo .faixa-baixo a { color: #fff; text-decoration: none; }
@media (max-width: 760px) {
  .cn-artigo .caso { grid-template-columns: 1fr; padding: 18px 16px; gap: 18px; }
  .cn-artigo .caso-cab { display: flex; }
  .cn-artigo .caso:has(> .caso-cab) .caso-texto h2 { display: none; }
  .cn-artigo .caso:has(> .caso-cab):not(.aberto) .demo, .cn-artigo .caso:has(> .caso-cab):not(.aberto) .caso-texto { display: none; }
  .cn-artigo .rod-in { grid-template-columns: 1fr; padding-block: 28px 24px; gap: 22px; }
  .cn-artigo .faixa-baixo-in { flex-direction: column; }
  .cn-artigo .marca span { display: none; }
  .cn-artigo .marca img { width: 136px; }
  .cn-artigo .erro { grid-template-columns: 1fr; }
  .cn-artigo .contato { grid-template-columns: 1fr; }
  .cn-artigo .contato-acoes .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .cn-artigo .tela-conteudo, .cn-artigo .mc, .cn-artigo .mc-modal { animation: none; }
  .cn-artigo .r-cursor { animation: none; }
  .cn-artigo .toque.on { animation: none; }
}
.cn-artigo .t-raiz { position: absolute; inset: 0; overflow: hidden; }
.cn-artigo .t-entra { animation: entrar 0.35s ease; }
.cn-artigo .janela { width: 320px; max-width: 100%; border: 1px solid #c9d1d9; border-radius: 12px; overflow: hidden; background: #fff; box-shadow: 0 14px 34px rgba(16, 38, 64, 0.18); }
.cn-artigo .janela-barra { height: 30px; display: flex; align-items: center; gap: 6px; padding: 0 10px; background: #eef1f4; border-bottom: 1px solid #dde3e9; }
.cn-artigo .janela-barra :is(i, .cn-i) { width: 9px; height: 9px; border-radius: 50%; background: #c6ced6; }
.cn-artigo .janela-barra span { flex: 1; margin-left: 6px; height: 18px; border-radius: 9px; background: #fff; font-size: 9.5px; color: #6a7480; display: flex; align-items: center; padding: 0 9px; overflow: hidden; white-space: nowrap; }
.cn-artigo .tela--larga { height: 400px; }
.cn-artigo .bio { background: #f3f4f6; padding: 12px; font-family: Arial, Helvetica, sans-serif; color: #111827; display: flex; flex-direction: column; justify-content: center; }
.cn-artigo .bio-card { background: #fff; border-radius: 22px; overflow: hidden; box-shadow: 0 10px 28px rgba(17, 24, 39, 0.10); }
.cn-artigo .bio-banner { height: 62px; background: linear-gradient(120deg, #0b3d2e 0%, #127a4a 55%, #f2c230 100%); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; }
.cn-artigo .bio-banner :is(b, .cn-b) { font-size: 13px; letter-spacing: 1px; }
.cn-artigo .bio-banner--img { height: auto; aspect-ratio: 1140 / 400; padding: 0; display: block; }
.cn-artigo .bio-banner--img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cn-artigo .bio-banner span { font-size: 8.5px; background: rgba(255, 255, 255, 0.92); color: #0b3d2e; border-radius: 4px; padding: 1px 6px; font-weight: 700; }
.cn-artigo .bio-corpo { padding: 12px 16px 12px; display: flex; flex-direction: column; gap: 7px; }
.cn-artigo .bio-tit { font-size: 12.5px; font-weight: 800; text-align: center; line-height: 1.25; text-transform: uppercase; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cn-artigo .bio-sub { font-size: 11.5px; color: #374151; text-align: center; margin-top: -3px; }
.cn-artigo .bio-campo span { display: block; font-size: 10px; color: #6b7280; margin-bottom: 3px; }
.cn-artigo .bio-ent { height: 34px; border-radius: 10px; background: #f4f4f5; display: flex; align-items: center; padding: 0 11px; font-size: 12px; color: #111827; overflow: hidden; white-space: nowrap; }
.cn-artigo .bio-ent .ph { color: #9ca3af; }
.cn-artigo .bio-ent--foco { box-shadow: 0 0 0 2px #00a8f0; background: #fff; }
.cn-artigo .bio-link { font-size: 10.5px; text-decoration: underline; color: #111827; }
.cn-artigo .bio-aceite { display: flex; gap: 8px; align-items: flex-start; font-size: 10px; color: #374151; line-height: 1.4; }
.cn-artigo .bio-caixa { flex: none; width: 15px; height: 15px; border-radius: 4px; border: 1.5px solid #d1d5db; display: grid; place-items: center; color: transparent; font-size: 10px; }
.cn-artigo .bio-caixa.on { background: #00a8f0; border-color: #00a8f0; color: #fff; }
.cn-artigo .bio-btn { height: 36px; border-radius: 999px; background: #00a8f0; color: #fff; font-size: 12.5px; font-weight: 600; display: grid; place-items: center; }
.cn-artigo .bio-btn--borda { background: #fff; color: #0b6e9e; border: 1.5px solid #00a8f0; }
.cn-artigo .bio-lgpd { font-size: 9px; color: #9ca3af; text-align: center; }
.cn-artigo .bio-lista { list-style: none; margin: 4px 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 11.5px; }
.cn-artigo .bio-lista li { display: flex; gap: 8px; align-items: center; }
.cn-artigo .bio-lista li::before { content: "✓"; flex: none; width: 18px; height: 18px; border-radius: 50%; background: #dcfce7; color: #16a34a; font-size: 10px; font-weight: 700; display: grid; place-items: center; }
.cn-artigo .bio-h { font-size: 15px; font-weight: 700; text-align: center; }
.cn-artigo .bio-selo { align-self: center; font-size: 10.5px; font-weight: 700; border-radius: 999px; padding: 5px 12px; background: #f3f4f6; color: #374151; }
.cn-artigo .bio-selo--ambar { background: #fef3c7; color: #92400e; }
.cn-artigo .bio-selo--verde { background: #dcfce7; color: #166534; }
.cn-artigo .bio-camera { position: relative; width: 100%; aspect-ratio: 3 / 4; border-radius: 16px; overflow: hidden; background: radial-gradient(circle at 50% 40%, #5b6773 0%, #2b333b 70%); }
.cn-artigo .bio-camera :is(svg, .zi) { position: absolute; inset: 0; width: 100%; height: 100%; }
.cn-artigo .bio-flash { position: absolute; inset: 0; background: #fff; animation: flash 0.5s ease forwards; }
@keyframes flash { from { opacity: 0.95; } to { opacity: 0; } }
.cn-artigo .bio-seta { position: absolute; left: 50%; bottom: 8%; transform: translateX(-50%); color: #fff; font-size: 26px; font-weight: 700; text-shadow: 0 2px 6px rgba(0,0,0,.4); animation: seta 0.9s ease-in-out infinite; }
@keyframes seta { 50% { transform: translateX(calc(-50% + var(--dx, 10px))); } }
.cn-artigo .bio-foto { width: 72%; align-self: center; aspect-ratio: 3 / 4; border-radius: 16px; overflow: hidden; background: #d9dee4; position: relative; }
.cn-artigo .bio-foto :is(svg, .zi) { position: absolute; inset: 0; width: 100%; height: 100%; }
.cn-artigo .bio-ok { width: 54px; height: 54px; align-self: center; border-radius: 50%; background: #dcfce7; color: #16a34a; display: grid; place-items: center; font-size: 26px; font-weight: 700; }
.cn-artigo .bio-texto { font-size: 11.5px; color: #4b5563; text-align: center; line-height: 1.45; }
.cn-artigo .bio-girar { width: 34px; height: 34px; align-self: center; border-radius: 50%; border: 3px solid #e5e7eb; border-top-color: #00a8f0; animation: girar 0.8s linear infinite; }
@keyframes girar { to { transform: rotate(360deg); } }
.cn-artigo .bio-qr { width: 110px; height: 110px; align-self: center; }
.cn-artigo .bio-copia { display: flex; gap: 6px; }
.cn-artigo .bio-copia span { flex: 1; min-width: 0; height: 28px; border-radius: 8px; background: #f4f4f5; font-size: 9.5px; color: #6b7280; display: flex; align-items: center; padding: 0 8px; overflow: hidden; white-space: nowrap; }
.cn-artigo .bio-copia :is(b, .cn-b) { flex: none; height: 28px; padding: 0 12px; border-radius: 8px; background: #111827; color: #fff; font-size: 10px; display: grid; place-items: center; }
.cn-artigo .ck { background: #f5f7f8; font-family: "Poppins", sans-serif; color: #222; display: flex; flex-direction: column; }
.cn-artigo .ck-topo { height: 46px; background: #fff; border-bottom: 1px solid rgba(34, 34, 34, 0.08); display: flex; align-items: center; justify-content: space-between; padding: 0 12px; font-size: 12px; font-weight: 600; }
.cn-artigo .ck-topo .lg { width: 16px; height: 24px; }
.cn-artigo .ck-topo .lg :is(svg, .zi) { width: 100%; height: 100%; }
.cn-artigo .ck-corpo { flex: 1; padding: 10px 12px; display: flex; flex-direction: column; gap: 9px; overflow: hidden; }
.cn-artigo .ck-aviso { background: #e5f6ff; border: 1px solid #b6e4fb; color: #06506f; border-radius: 10px; padding: 9px 10px; font-size: 10px; line-height: 1.4; display: flex; flex-direction: column; gap: 6px; }
.cn-artigo .ck-aviso :is(b, .cn-b) { font-size: 11px; }
.cn-artigo .ck-bloco { background: #fff; border-radius: 12px; border: 1px solid #eceff1; padding: 10px; display: flex; flex-direction: column; gap: 7px; }
.cn-artigo .ck-bloco > :is(b, .cn-b) { font-size: 11.5px; }
.cn-artigo .ck-linha { font-size: 11px; color: #38424e; }
.cn-artigo .ck-campo span { display: block; font-size: 9.5px; color: #38424e; margin-bottom: 2px; }
.cn-artigo .ck-campo div { height: 30px; border: 1px solid #c7cfd8; border-radius: 7px; display: flex; align-items: center; padding: 0 9px; font-size: 11px; }
.cn-artigo .ck-bio { border: 1px solid #dde3e9; border-radius: 10px; padding: 9px; display: flex; flex-direction: column; gap: 6px; }
.cn-artigo .ck-bio-cab { display: flex; justify-content: space-between; align-items: center; font-size: 11px; font-weight: 600; }
.cn-artigo .ck-selo { font-size: 9px; font-weight: 600; border-radius: 999px; padding: 2px 8px; }
.cn-artigo .ck-selo--pend { background: #fff1d9; color: #8a5300; }
.cn-artigo .ck-selo--ok { background: #e3f5ec; color: #127a4a; }
.cn-artigo .ck-selo--sem { background: #fce9ea; color: #a3262e; }
.cn-artigo .ck-selo--agu { background: #e6f5fd; color: #0b5f8a; }
.cn-artigo .ck-bio p { font-size: 9.5px; color: #5d6672; line-height: 1.4; }
.cn-artigo .ck-btn { height: 30px; border-radius: 8px; background: #00b2ff; color: #fff; font-size: 10.5px; font-weight: 600; display: grid; place-items: center; }
.cn-artigo .ck-btn--borda { background: #fff; color: #0086c4; border: 1.5px solid #00b2ff; }
.cn-artigo .ck-btn--off { background: #e7ebef; color: #9aa4af; }
.cn-artigo .ck-pe { background: #fff; border-top: 1px solid #eceff1; padding: 9px 12px 12px; display: flex; flex-direction: column; gap: 6px; }
.cn-artigo .ck-pe p { font-size: 9.5px; color: #8a5300; background: #fff1d9; border-radius: 8px; padding: 6px 8px; }
.cn-artigo .ck-final { height: 38px; border-radius: 8px; background: #00b2ff; color: #fff; font-size: 12px; font-weight: 600; display: grid; place-items: center; }
.cn-artigo .ck-final.off { background: #e7ebef; color: #9aa4af; }
.cn-artigo .ev { background: #fff; font-family: "Poppins", sans-serif; color: #222; display: flex; flex-direction: column; }
.cn-artigo .ev-img { height: 150px; background: linear-gradient(135deg, #0e3f5c 0%, #0089c7 55%, #5fd08f 100%); display: flex; align-items: flex-end; padding: 12px; color: #fff; font-weight: 700; font-size: 16px; letter-spacing: 0.5px; }
.cn-artigo .ev-img--foto { height: auto; aspect-ratio: 390 / 280; padding: 0; display: block; }
.cn-artigo .ev-img--foto img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cn-artigo .ev-info { padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; font-size: 11px; color: rgba(34, 34, 34, 0.7); }
.cn-artigo .ev-info :is(b, .cn-b) { font-size: 15px; color: #222; }
.cn-artigo .ev-pe { margin-top: auto; padding: 12px 14px 16px; border-top: 1px solid #eceff1; }
.cn-artigo .ev-cab { height: 52px; display: flex; align-items: center; gap: 12px; padding: 0 14px; border-bottom: 1px solid #eceff1; font-size: 16px; font-weight: 600; }
.cn-artigo .ev-cab :is(i, .cn-i) { font-style: normal; font-size: 18px; font-weight: 400; }
.cn-artigo .ev-cab em { margin-left: auto; width: 18px; height: 18px; border-radius: 50%; background: #222; color: #fff; font-size: 11px; font-style: italic; font-weight: 700; display: grid; place-items: center; }
.cn-artigo .ev-lista { padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.cn-artigo .ev-setor { border: 1px solid #e3e8ec; border-radius: 10px; padding: 11px 14px; display: flex; justify-content: space-between; align-items: center; font-size: 13px; font-weight: 500; }
.cn-artigo .ev-setor small { display: block; font-size: 11px; color: rgba(34, 34, 34, 0.6); font-weight: 400; margin-top: 2px; }
.cn-artigo .ev-setor.sel { background: #e3f1f9; border-color: #1a8fe0; }
.cn-artigo .ev-ing { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding: 4px 0 12px; border-bottom: 1px solid #f0f2f4; }
.cn-artigo .ev-ing :is(b, .cn-b) { display: block; font-size: 12.5px; }
.cn-artigo .ev-ing span { font-size: 11px; }
.cn-artigo .ev-ing small { color: rgba(34, 34, 34, 0.55); }
.cn-artigo .ev-ing em { display: block; font-style: normal; font-size: 10.5px; color: #16a34a; margin-top: 1px; }
.cn-artigo .ev-qtd { flex: none; display: flex; align-items: center; gap: 9px; font-size: 13px; font-weight: 600; }
.cn-artigo .ev-qtd :is(i, .cn-i) { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; font-style: normal; font-size: 18px; border: 1px solid #eceff1; color: #b9c0c7; }
.cn-artigo .ev-qtd :is(i, .cn-i).mais { background: #222; color: #fff; border-color: #222; }
.cn-artigo .ev-total { margin-top: auto; border-top: 1px solid #eceff1; padding: 12px 14px 16px; display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.cn-artigo .ev-total div { font-size: 10.5px; color: rgba(34, 34, 34, 0.6); }
.cn-artigo .ev-total div :is(b, .cn-b) { display: block; font-size: 13px; color: #222; }
.cn-artigo .ev-btn { height: 40px; border-radius: 12px; background: #00a7f0; color: #fff; font-size: 13px; font-weight: 600; display: grid; place-items: center; padding: 0 16px; }
.cn-artigo .ev-btn.off { background: #cfe9fb; }
.cn-artigo .ev-btn--largo { width: 100%; }
.cn-artigo .ev-entrada { background: #f5f7f8; padding: 18px 14px; display: flex; flex-direction: column; gap: 12px; align-items: center; justify-content: center; text-align: center; font-family: "Poppins", sans-serif; }
.cn-artigo .ev-ticket { width: 86%; background: #fff; border-radius: 16px; box-shadow: 0 6px 20px rgba(16, 38, 64, 0.08); padding: 14px; display: flex; flex-direction: column; gap: 6px; align-items: center; font-size: 11px; }
.cn-artigo .ev-ticket :is(b, .cn-b) { font-size: 12.5px; }
.cn-artigo .ev-doc { width: 78%; background: linear-gradient(135deg, #0e3f5c, #127a4a); color: #fff; border-radius: 12px; padding: 10px 12px; text-align: left; font-size: 9.5px; box-shadow: 0 8px 18px rgba(16, 38, 64, 0.2); transform: rotate(-4deg); margin-top: -18px; }
.cn-artigo .ev-doc :is(b, .cn-b) { display: block; font-size: 11px; margin-bottom: 4px; }
.cn-artigo .ev-entrada p { font-size: 12px; color: #222; font-weight: 500; max-width: 26ch; }
.cn-artigo .destaques { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 10px; max-width: 860px; }
.cn-artigo .destaque { background: #fff; border-radius: 14px; border: 1px solid #eceff1; padding: 12px 14px; display: flex; gap: 12px; align-items: center; font-size: 14px; font-weight: 500; line-height: 1.4; }
.cn-artigo .destaque .ic { flex: none; width: 38px; height: 38px; border-radius: 11px; background: var(--marca-fundo); color: var(--marca); display: grid; place-items: center; }
.cn-artigo .destaque .ic :is(svg, .zi) { width: 20px; height: 20px; }
.cn-artigo .responsaveis { display: grid; grid-template-columns: 1.25fr 1fr; gap: 14px; max-width: 900px; }
.cn-artigo .resp { border-radius: 18px; padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; }
.cn-artigo .resp--produtor { background: #fff; box-shadow: var(--sombra); border: 2px solid var(--marca); }
.cn-artigo .resp--tg { background: #eef1f4; }
.cn-artigo .resp small { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--marca-texto); }
.cn-artigo .resp--tg small { color: #5d6672; }
.cn-artigo .resp h3 { font-size: 18px; font-weight: 600; }
.cn-artigo .resp ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; font-size: 14.5px; }
.cn-artigo .direitos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 12px; }
.cn-artigo .direito { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 16px 18px; display: flex; flex-direction: column; gap: 8px; }
.cn-artigo .direito h3 { font-size: 15.5px; font-weight: 600; }
.cn-artigo .direito p { font-size: 13.5px; color: rgba(34, 34, 34, 0.78); }
.cn-artigo .direito .doc { background: #f5f7f8; border-radius: 10px; padding: 8px 10px; font-size: 13px; color: var(--tinta); }
.cn-artigo .direito .doc :is(b, .cn-b) { font-weight: 600; }
.cn-artigo .direito .lei { font-size: 12px; color: rgba(34, 34, 34, 0.55); margin-top: auto; }
.cn-artigo .direito--fora { background: #fafbfc; border: 1px dashed #c9d1d9; box-shadow: none; }
.cn-artigo .faq-lista { background: #fff; border-radius: 18px; box-shadow: var(--sombra); overflow: hidden; }
.cn-artigo .faq-lista details { border-top: 1px solid var(--linha); }
.cn-artigo .faq-lista details:first-child { border-top: 0; }
.cn-artigo .faq-lista summary { cursor: pointer; list-style: none; padding: 15px 20px; font-weight: 600; font-size: 15px; display: flex; justify-content: space-between; gap: 12px; }
.cn-artigo .faq-lista summary::-webkit-details-marker { display: none; }
.cn-artigo .faq-lista summary::after { content: "+"; color: var(--marca); font-size: 20px; line-height: 1; }
.cn-artigo .faq-lista details[open] summary::after { content: "−"; }
.cn-artigo .faq-lista details p { padding: 0 20px 16px; font-size: 14.5px; color: rgba(34, 34, 34, 0.8); max-width: 72ch; }
.cn-artigo .tabela-guia { background: #fff; border-radius: 18px; box-shadow: var(--sombra); overflow: hidden; }
.cn-artigo .tabela-guia div { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr); gap: 6px 20px; padding: 12px 20px; border-top: 1px solid var(--linha); font-size: 14px; }
.cn-artigo .tabela-guia div:first-child { border-top: 0; }
.cn-artigo .tabela-guia q { quotes: "“" "”"; font-weight: 600; }
.cn-artigo .leis { display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; }
.cn-artigo .leis a { font-weight: 500; }
.cn-artigo .aviso-legal { font-size: 13px; color: rgba(34, 34, 34, 0.62); }
@media (max-width: 760px) {
  .cn-artigo .responsaveis { grid-template-columns: 1fr; }
  .cn-artigo .tabela-guia div { grid-template-columns: 1fr; }
}
.cn-artigo .kt-tela { position: absolute; left: 0; top: 0; width: 393px; height: 100%; overflow: hidden; background: #fff; color: #222; font-family: "Poppins", sans-serif; font-size: 16px; line-height: 24px; text-align: left; letter-spacing: normal; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.cn-artigo .kt-tela *, .cn-artigo .kt-tela *::before, .cn-artigo .kt-tela *::after { box-sizing: border-box; margin: 0; padding: 0; border: 0; }
.cn-artigo .kt-tela img, .cn-artigo .kt-tela :is(svg, .zi) { display: block; }
.cn-artigo .kt-pagina { position: relative; height: auto; overflow: visible; }
.cn-artigo .kt-rolo { position: absolute; left: 0; top: 0; width: 100%; }
.cn-artigo .kt-pagina .kt-rolo { position: relative; transform: none !important; }
.cn-artigo .kt-fixo { position: absolute; left: 0; width: 100%; z-index: 20; }
.cn-artigo .t-kit { position: absolute; left: 0; top: 0; width: 393px; height: 852px; transform-origin: 0 0; overflow: hidden; }
.cn-artigo .kt-nav { top: 0; height: 68px; background: #fff; border-bottom: 1px solid rgba(34, 34, 34, 0.08); }
.cn-artigo .kt-nav-logo { position: absolute; left: 19px; top: 20px; width: 136px; height: 28px; }
.cn-artigo .kt-lang { position: absolute; top: 17px; right: 32px; height: 34px; display: flex; align-items: center; gap: 4px; padding: 6px 8px; border: 1px solid rgba(128, 128, 128, 0.16); border-radius: 480px; background: #fff; font: 500 13px/normal "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-lang .kt-bandeira { width: 16px; height: 16px; border-radius: 50%; margin-right: 4px; }
.cn-artigo .kt-lang span { margin-right: 2px; line-height: 20px; }
.cn-artigo .kt-lang :is(svg, .zi) { width: 16px; height: 16px; }
.cn-artigo .kt-ev .kt-rolo { padding-top: 68px; }
.cn-artigo .kt-ev-banner { width: 393px; height: auto; }
.cn-artigo .kt-ev-corpo { padding: 20px 20px 96px; }
.cn-artigo .kt-ev-titulo { font: 600 24px/30px "Poppins", sans-serif; text-transform: uppercase; color: #222; padding-right: 16px; }
.cn-artigo .kt-ev-linhas { margin-top: 12px; display: flex; flex-direction: column; gap: 12px; }
.cn-artigo .kt-ev-linha { display: flex; align-items: center; gap: 12px; height: 18px; font: 400 14px/14px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); white-space: nowrap; }
.cn-artigo .kt-ev-linha :is(svg, .zi) { width: 18px; height: 18px; flex: none; }
.cn-artigo .kt-ev-linha .kt-ev-dt { display: flex; align-items: center; gap: 2px; }
.cn-artigo .kt-ev-linha .kt-ev-rot { margin-right: 4px; }
.cn-artigo .kt-ev-linha .kt-ev-bola { margin: 0 2px; }
.cn-artigo .kt-ev-classif { margin-top: 12px; display: flex; align-items: center; gap: 12px; padding: 8px 16px 8px 8px; background: rgba(91, 170, 91, 0.12); border-radius: 12px; }
.cn-artigo .kt-ev-classif :is(b, .cn-b) { flex: none; width: 32px; height: 32px; border-radius: 8px; display: flex; align-items: center; justify-content: center; color: #fff; font: 600 14px/1 "Poppins", sans-serif; }
.cn-artigo .kt-ev-classif span { flex: 1; min-width: 0; font: 500 14px/1.2 "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ev-desc { margin: 24px -20px 0; padding: 28px 20px 48px; background: #f5f7f9; }
.cn-artigo .kt-ev-desc-tit { font: 700 16px/16px "Poppins", sans-serif; color: #222; margin-bottom: 12px; }
.cn-artigo .kt-ev-desc-txt { font: 400 14px/19.6px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.72); margin-bottom: 16px; }
.cn-artigo .kt-ev-pol { margin: 40px 0; padding: 20px; background: #fafafa; border-radius: 8px; display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-ev-pol-tit { font: 600 18px/21.6px "Poppins", sans-serif; color: #222; margin-bottom: 8px; }
.cn-artigo .kt-ev-pol-sec { display: flex; flex-direction: column; gap: 8px; }
.cn-artigo .kt-ev-pol-sub { font: 600 16px/19.2px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ev-pol-txt { font: 400 14px/21px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); margin-bottom: 12px; }
.cn-artigo .kt-ev-pol-txt :is(b, .cn-b) { font-weight: 700; }
.cn-artigo .kt-ev-pol-link { font: 500 12px/18px "Poppins", sans-serif; color: #00b2ff; }
.cn-artigo .kt-ev-org { padding: 8px 0 16px; display: flex; flex-direction: column; gap: 14px; }
.cn-artigo .kt-ev-org-tit { font: 600 18px/21.6px "Poppins", sans-serif; color: #00b2ff; margin-bottom: 2px; }
.cn-artigo .kt-ev-org-txt { font: 400 12px/14.4px "Poppins", sans-serif; color: #000; }
.cn-artigo .kt-ev-folga { height: 101px; }
.cn-artigo .kt-ev-barra { bottom: 0; padding: 16px 20px; background: #fff; border-top: 1px solid rgba(128, 128, 128, 0.16); }
.cn-artigo .kt-ev-escolher { height: 52px; max-width: 350px; margin: 0 auto; padding-left: 1px; border-radius: 12px; background: #00a7f0; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 14px/normal "Poppins", sans-serif; letter-spacing: 0.4px; }
.cn-artigo .kt-folha { position: absolute; inset: 0; z-index: 30; background: #fff; display: flex; flex-direction: column; }
.cn-artigo .kt-fundo-folha { position: absolute; inset: 0; z-index: 29; background: rgba(0, 0, 0, 0.4); opacity: 0.32; }
.cn-artigo .kt-pn-cab { flex: none; height: 64px; display: flex; align-items: center; gap: 12px; padding: 20px 20px 16px; border-bottom: 1px solid rgba(128, 128, 128, 0.16); border-radius: 12px 12px 0 0; background: #fff; }
.cn-artigo .kt-pn-voltar { flex: none; width: 18px; height: 27px; display: flex; align-items: center; color: #222; }
.cn-artigo .kt-pn-voltar :is(svg, .zi) { width: 18px; height: 18px; transform: translateY(-0.5px); }
.cn-artigo .kt-pn-tit { font: 600 18px/18px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-pn-info { margin-left: auto; width: 16px; height: 16px; color: #222; }
.cn-artigo .kt-pn-info :is(svg, .zi) { width: 16px; height: 16px; }
.cn-artigo .kt-pn-corpo { flex: 1; overflow: hidden; padding: 16px 20px 0; display: flex; flex-direction: column; }
.cn-artigo .kt-bil { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 0; border-bottom: 1px solid rgba(128, 128, 128, 0.16); }
.cn-artigo .kt-bil:last-child { border-bottom: 0; }
.cn-artigo .kt-bil-info { display: flex; flex-direction: column; gap: 8px; flex: 1; min-width: 0; }
.cn-artigo .kt-bil-nome { font: 600 14px/14px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-bil-preco { display: flex; flex-wrap: wrap; gap: 4px; align-items: baseline; font: 500 12px/1.2 "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-bil-preco span { font-weight: 400; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-bil-parc { font: 500 12px/12px "Poppins", sans-serif; color: #00a86b; }
.cn-artigo .kt-bil-esgotado .kt-bil-nome, .cn-artigo .kt-bil-esgotado .kt-bil-preco, .cn-artigo .kt-bil-esgotado .kt-bil-parc { color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-bil-tag { display: inline-block; padding: 4px 12px; border-radius: 100px; background: #f7f7f7; color: #777; font: 500 12px/130% "Poppins", sans-serif; white-space: nowrap; }
.cn-artigo .kt-qtd { flex: none; display: inline-flex; align-items: center; gap: 12px; }
.cn-artigo .kt-qtd-btn { width: 45px; height: 45px; border-radius: 999px; display: inline-flex; align-items: center; justify-content: center; }
.cn-artigo .kt-qtd-btn :is(svg, .zi) { display: block; }
.cn-artigo .kt-qtd-menos { border: 1px solid rgba(128, 128, 128, 0.16); color: #222; }
.cn-artigo .kt-qtd-mais { background: #222; border: 1px solid #222; color: #fff; }
.cn-artigo .kt-qtd-off { opacity: 0.4; }
.cn-artigo .kt-qtd-valor { min-width: 18px; text-align: center; font: 600 14px/14px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-pn-pe { flex: none; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; background: #fff; border-top: 1px solid rgba(128, 128, 128, 0.16); }
.cn-artigo .kt-pn-total { display: flex; flex-direction: column; gap: 4px; flex: 1 1 0%; min-width: 0; }
.cn-artigo .kt-pn-total :is(b, .cn-b) { font: 600 14px/14px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-pn-total em { font: normal 600 14px/14px "Poppins", sans-serif; color: #00a86b; }
.cn-artigo .kt-pn-total span { font: 400 12px/12px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-comprar { position: relative; flex: 1 1 0%; height: 44px; padding: 0 24px; border-radius: 9999px; background: #0d93fa; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 14px/normal "Poppins", sans-serif; letter-spacing: 0.4px; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); white-space: nowrap; }
.cn-artigo .kt-comprar.kt-off { opacity: 0.4; box-shadow: none; background: #7dc5fc; }
.cn-artigo .kt-setores { flex: 1; overflow: hidden; padding: 20px; display: flex; flex-direction: column; gap: 12px; }
.cn-artigo .kt-setor { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 16px 20px; border-radius: 8px; border: 1px solid rgba(128, 128, 128, 0.16); }
.cn-artigo .kt-setor.kt-sel { background: #e2f1f8; border-color: #0d93fa; }
.cn-artigo .kt-setor-txt { display: grid; row-gap: 6px; }
.cn-artigo .kt-setor-txt :is(b, .cn-b) { font: 500 14px/14px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-setor-txt span { font: 400 12px/12px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-setor :is(svg, .zi) { width: 16px; height: 16px; color: rgba(34, 34, 34, 0.64); flex: none; }
.cn-artigo .kt-continuar { height: 52px; max-width: 350px; width: 100%; margin: 0 auto; border-radius: 12px; background: #00a7f0; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 14px/normal "Poppins", sans-serif; letter-spacing: 0.4px; }
.cn-artigo .kt-continuar.kt-off { opacity: 0.4; }
.cn-artigo .kt-pn-pe--botao { display: block; }
.cn-artigo .kt-ck .kt-rolo { padding-top: 68px; }
.cn-artigo .kt-ck-banner { width: 393px; height: auto; }
.cn-artigo .kt-ck-cab { padding: 20px 20px 0; }
.cn-artigo .kt-ck-lang-linha { height: 34px; display: flex; justify-content: flex-end; }
.cn-artigo .kt-lang.kt-lang--ck { position: static; }
.cn-artigo .kt-ck-nome { font: 600 24px/35px "Poppins", sans-serif; color: #222; margin-bottom: 8px; }
.cn-artigo .kt-ck-corpo { padding: 0 20px; }
.cn-artigo .kt-ck-resumo { background: #f7f9fa; border-radius: 12px; padding: 20px; }
.cn-artigo .kt-ck-resumo-l1 { display: flex; align-items: center; gap: 8px; height: 36px; }
.cn-artigo .kt-ck-valor-grande { font: 600 24px/36px "Poppins", sans-serif; color: #1079e4; }
.cn-artigo .kt-ck-taxa { font: 500 14px/21px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ck-resumo-l2 { font: 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ck-card { margin: 16px 0; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 16px; background: #fff; overflow: hidden; }
.cn-artigo .kt-ck-card-cab { background: #f7f9fa; padding: 16px 20px 12px; font: 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ck-card-corpo { padding: 20px 20px 36px; }
.cn-artigo .kt-ck-campo { margin-bottom: 16px; }
.cn-artigo .kt-ck-rot { font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); margin-bottom: 4px; white-space: nowrap; }
.cn-artigo .kt-ck-rot.kt-erro-txt { color: #ff0000; }
.cn-artigo .kt-ck-ent { position: relative; height: 48px; padding: 0 12px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; display: flex; align-items: center; font: 400 14px/21px "Poppins", sans-serif; color: #000; white-space: nowrap; overflow: hidden; }
.cn-artigo .kt-ck-ent.kt-foco { border-color: #00a7f0; }
.cn-artigo .kt-ck-ent.kt-com-erro { border-color: #ff0000; }
.cn-artigo .kt-ck-valor { display: inline-flex; align-items: center; }
.cn-artigo .kt-ck-ph { color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ck-erro { margin-top: 4px; font: 400 11.2px/16.8px "Poppins", sans-serif; color: #ff0000; }
.cn-artigo .kt-ck-campo-cpf .kt-ck-erro { margin-top: 6px; }
.cn-artigo .kt-ck-campo-cpf:has(.kt-ck-erro) { margin-bottom: 0; }
.cn-artigo .kt-cursor { display: inline-block; width: 1px; height: 17px; margin-left: 1px; background: #000; vertical-align: middle; animation: kt-piscar 1s steps(1) infinite; }
@keyframes kt-piscar { 50% { opacity: 0; } }
.cn-artigo .kt-ck-sel { padding-right: 45px; }
.cn-artigo .kt-ck-sel-txt { overflow: hidden; }
.cn-artigo .kt-ck-seta { position: absolute; right: 15px; top: 50%; width: 18px; height: 18px; margin-top: -9px; fill: #333; }
.cn-artigo .kt-ck-estr { position: relative; height: 56px; }
.cn-artigo .kt-ck-campo + .kt-ck-estr { margin-top: -16px; }
.cn-artigo .kt-ck-campo-cpf + .kt-ck-estr { margin-top: 0; }
.cn-artigo .kt-ck-check { position: absolute; left: 0; top: 3px; width: 20px; height: 20px; border: 1px solid rgba(128, 128, 128, 0.29); border-radius: 4px; background: #fff; }
.cn-artigo .kt-ck-check.kt-on { background: #0d6efd; border-color: #0d6efd; }
.cn-artigo .kt-ck-estr-txt { position: absolute; left: 28px; top: 2px; font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ck-campo-tel { margin-bottom: 0; }
.cn-artigo .kt-ck-tel { padding-left: 152px; }
.cn-artigo .kt-ck-ddi { position: absolute; left: 0; top: 0; bottom: 0; width: 140px; padding: 0 16px; display: flex; align-items: center; justify-content: space-between; border-right: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px 0 0 8px; background: #fff; font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ck-flag { width: 20px; height: 14px; box-shadow: 0 0 1px 0 #888; }
.cn-artigo .kt-ck-ddi span { margin-left: 6px; }
.cn-artigo .kt-ck-ddi :is(i, .cn-i) { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #222; }
.cn-artigo .kt-ck-ph-tel { color: rgba(34, 34, 34, 0.64); font-family: Helvetica, Arial, sans-serif; font-size: 14px; }
.cn-artigo .kt-ck-part { margin-bottom: 16px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 16px; padding: 20px 20px 0; }
.cn-artigo .kt-ck-part-faixa { margin: -20px -20px 16px; padding: 16px 20px 12px; background: #f7f9fa; border-bottom: 1px solid rgba(34, 34, 34, 0.08); border-radius: 16px 16px 0 0; font: 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ck-part-faixa span { font-size: 12px; font-weight: 400; }
.cn-artigo .kt-ck-campo-mais { margin-bottom: 32px; }
.cn-artigo .kt-ck-campo-tel-part { margin-bottom: 0; }
.cn-artigo .kt-ck-estr-part { display: flex; align-items: flex-start; gap: 8px; height: 24px; font: 400 16px/24px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-artigo .kt-ck-check-part { flex: none; width: 16px; height: 16px; margin-top: 4px; border: 1px solid #dee2e6; border-radius: 4px; }
.cn-artigo .kt-ck-pag { border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 12px; padding: 20px; }
.cn-artigo .kt-ck-titulo-sec { font: 700 16px/25px "Poppins", sans-serif; color: #222; margin-bottom: 16px; }
.cn-artigo .kt-ck-formas { display: flex; flex-direction: column; gap: 12px; }
.cn-artigo .kt-ck-forma { height: 64px; padding: 20px; border-radius: 8px; background: #f7f9fa; display: flex; align-items: center; gap: 12px; color: rgba(34, 34, 34, 0.64); font: 500 14px/21px "Poppins", sans-serif; }
.cn-artigo .kt-ck-forma :is(svg, .zi) { width: 30px; height: 30px; flex: none; }
.cn-artigo .kt-ck-forma.kt-sel { background: #00a7f0; color: #fff; }
.cn-artigo .kt-ck-forma.kt-sel :is(svg, .zi) { filter: brightness(0) invert(1); }
.cn-artigo .kt-ck-recusa { margin-top: 0; padding: 0; height: 58px; display: flex; align-items: center; justify-content: center; background: #dc3545; color: #fff; border: 1px solid rgba(0, 0, 0, 0.175); border-radius: 0 0 6px 6px; font: 400 16px/24px "Poppins", sans-serif; }
.cn-artigo .kt-ck-cartao { padding-top: 24px; }
.cn-artigo .kt-ck-tres { display: flex; gap: 24px; }
.cn-artigo .kt-ck-tres .kt-ck-campo { flex: 1; min-width: 0; }
.cn-artigo .kt-ck-detalhe { margin-top: 16px; }
.cn-artigo .kt-ck-item { display: flex; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 12px; padding: 20px; margin-bottom: 8px; }
.cn-artigo .kt-ck-item-esq { flex: 1 0 0%; min-width: 0; display: grid; align-content: start; gap: 2px; }
.cn-artigo .kt-ck-item-esq :is(b, .cn-b) { font: 600 12px/18px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ck-item-esq span { font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ck-item-dir { flex: 1 0 0%; min-width: 0; display: grid; justify-content: end; justify-items: center; align-content: start; white-space: nowrap; }
.cn-artigo .kt-ck-item-dir span { font: 400 11.2px/17px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ck-item-dir small { margin-top: 4px; font: 400 10px/15px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ck-taxas { padding: 20px 0; border-bottom: 1px solid rgba(39, 41, 43, 0.1); }
.cn-artigo .kt-ck-taxas-l1 { display: flex; align-items: center; height: 24px; font: 500 16px/24px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-artigo .kt-ck-info { width: 12px; height: 12px; margin-left: 5px; }
.cn-artigo .kt-ck-taxas-l2 { text-align: right; font: 500 12px/18px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ck-linha-total, .cn-artigo .kt-ck-linha-pagto { display: flex; align-items: center; justify-content: space-between; height: 57px; border-bottom: 1px solid rgba(39, 41, 43, 0.1); }
.cn-artigo .kt-ck-linha-total :is(b, .cn-b), .cn-artigo .kt-ck-linha-pagto :is(b, .cn-b) { position: relative; top: 1px; font: 600 12px/18px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ck-linha-total span { font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ck-linha-pagto { margin-top: 24px; height: 58px; border-top: 1px solid rgba(39, 41, 43, 0.1); }
.cn-artigo .kt-ck-linha-pagto span { position: relative; top: 1px; font: 500 11.2px/16.8px "Poppins", sans-serif; color: #1079e4; }
.cn-artigo .kt-ck-finalizar { margin-top: 16px; padding-left: 1px; height: 48px; border-radius: 8px; background: #00b2ff; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 16px/25px "Poppins", sans-serif; letter-spacing: 0.4px; }
.cn-artigo .kt-ck-finalizar.kt-off { background: rgba(0, 0, 0, 0.12); color: rgba(0, 0, 0, 0.26); }
.cn-artigo .kt-ck-avisos { margin-top: 16px; display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-ck-aviso { display: flex; gap: 24px; padding: 20px; border-radius: 8px; }
.cn-artigo .kt-ck-aviso :is(svg, .zi) { flex: none; width: 40px; height: auto; align-self: stretch; }
.cn-artigo .kt-ck-aviso div { display: flex; flex-direction: column; gap: 4px; justify-content: center; }
.cn-artigo .kt-ck-aviso :is(b, .cn-b) { font: 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-ck-aviso span { font: 400 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ck-boleto-det { padding: 0 12px; }
.cn-artigo .kt-ck-boleto-det .kt-ck-detalhe { margin-top: 20px; }
.cn-artigo .kt-ck-gerar-boleto { margin: 24px 12px 68px; border-radius: 4px; }
.cn-artigo .kt-ck-pix-det { padding-top: 0; }
.cn-artigo .kt-ck-gerar-pix { margin-top: 32px; margin-bottom: 24px; }
.cn-artigo .kt-pix { margin-top: 32px; padding: 16px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 12px; display: flex; flex-direction: column; align-items: center; }
.cn-artigo .kt-pix-tit { display: block; font: 600 18px/27px "Poppins", sans-serif; color: #222; margin-bottom: 24px; white-space: nowrap; }
.cn-artigo .kt-tela :is(svg, .zi).kt-pix-tit-ic { display: inline; vertical-align: middle; width: 24px; height: 25px; margin: 0 8px 4px 0; }
.cn-artigo .kt-pix-qr .kt-qr { width: 120px; height: 120px; border-radius: 8px; }
.cn-artigo .kt-pix-expira { position: relative; width: 80%; max-width: 190px; height: 37px; margin-top: 12px; border-radius: 8px; overflow: hidden; background: #f7f9fa; }
.cn-artigo .kt-pix-expira :is(i, .cn-i) { position: absolute; left: 0; top: 0; height: 100%; background: #faf6dc; }
.cn-artigo .kt-pix-expira span { position: relative; height: 100%; display: flex; align-items: center; justify-content: center; font: 400 10px/16px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-pix-rel { width: 16px; height: 17px; margin: 0 8px 4px 0; }
.cn-artigo .kt-pix-txt1 { align-self: stretch; margin-top: 16px; font: 400 12px/18px "Poppins", sans-serif; color: #222; margin-bottom: 16px; }
.cn-artigo .kt-pix-txt2 { align-self: stretch; font: 400 12px/18px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-pix-copiar { align-self: stretch; margin-top: 24px; height: 48px; border-radius: 8px; background: #00b2ff; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 16px/25px "Poppins", sans-serif; letter-spacing: 0.4px; }
.cn-artigo .kt-ck-termos { margin-top: 20px; padding: 0 20px 20px; border-top: 1px solid #dee2e6; line-height: 24px; }
.cn-artigo .kt-ck-pag--pixgerado + .kt-ck-termos, .cn-artigo .kt-ck-corpo:has(.kt-ck-pag--pixgerado) + .kt-ck-termos { padding-top: 24px; }
.cn-artigo .kt-ck-termos-1 { margin: 24px 0; display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-ck-ajuda { font: 400 12px/18px "Poppins", sans-serif; color: #00a7f0; text-decoration: underline; }
.cn-artigo .kt-ck-contato { margin-bottom: 16px; font: 400 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ck-contato em { font-style: normal; color: #00a7f0; }
.cn-artigo .kt-ck-termos-2 { display: flex; flex-direction: column; gap: 8px; padding-bottom: 8px; font: 400 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ck-seguro { display: flex; align-items: center; height: 33px; gap: 3px; color: #53a462; }
.cn-artigo .kt-ck-seguro span { position: relative; top: -1px; }
.cn-artigo .kt-ck-escudo { width: 16px; height: 17px; }
.cn-artigo .kt-ck-acordo { font-size: 16px; line-height: 24px; }
.cn-artigo .kt-ck-acordo span { font: 400 14px/21px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ck-acordo :is(b, .cn-b) { font-weight: 700; color: #222; }
.cn-artigo .kt-ck-acordo :is(i, .cn-i) { font-style: normal; font-weight: 600; color: #222; }
.cn-artigo .kt-ck-copy { margin: 24px 0 16px; font: 400 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-fixo-livre { position: absolute; z-index: 25; }
.cn-artigo .kt-relogio { z-index: 60; top: 14px; right: 16px; display: inline-flex; align-items: center; gap: 8px; padding: 8px 16px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 480px; background: #f5f7f9; color: #00a7f0; font-family: "Poppins", sans-serif; }
.cn-artigo .kt-relogio :is(svg, .zi) { width: 20px; height: 20px; }
.cn-artigo .kt-relogio > span { font: 600 14px/14px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-relogio--warning { background: #fff4d6; border-color: #f5c24b; color: #c68a0e; }
.cn-artigo .kt-relogio--warning > span { color: #6e4a00; }
.cn-artigo .kt-relogio--critical { background: #fde1e5; border-color: #f5919b; color: #d14253; }
.cn-artigo .kt-relogio--critical > span { color: #8a1f2c; }
.cn-artigo .kt-relogio-dica { position: absolute; top: calc(100% + 8px); right: 0; min-width: 240px; max-width: 280px; padding: 12px 16px; background: #e2f1f8; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 12px; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08); }
.cn-artigo .kt-relogio-dica :is(b, .cn-b) { display: block; margin-bottom: 4px; font: 600 13px/19.5px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-relogio-dica span { display: block; font: 400 12px/16.8px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-aguarde { position: absolute; inset: 0; z-index: 19; display: flex; flex-direction: column; align-items: center; justify-content: center; background: rgba(250, 250, 250, 0.847); backdrop-filter: blur(4px); }
.cn-artigo .kt-aguarde :is(i, .cn-i) { width: 32px; height: 32px; border-radius: 50%; border: 4px solid #2ee9ff; border-right-color: transparent; animation: kt-girar 0.75s linear infinite; }
.cn-artigo .kt-aguarde span { padding: 20px; text-transform: uppercase; color: #222; font: 700 17.6px/26.4px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; text-align: center; }
@keyframes kt-girar { to { transform: rotate(360deg); } }
.cn-artigo .kt-al .kt-rolo { padding-top: 68px; }
.cn-artigo .kt-al .kt-rolo, .cn-artigo .kt-al-pagina { background: #f5f7f8; }
.cn-artigo .kt-conta { position: absolute; top: 12px; right: 32px; height: 44px; display: flex; align-items: center; gap: 6px; padding: 0 8px 0 4px; border-radius: 999px; border: 1px solid transparent; background: #fff; color: #3d4651; font: 400 14px/21px "Poppins", sans-serif; }
.cn-artigo .kt-conta.kt-aberto { background: #f0f4f7; border-color: #dde2e7; }
.cn-artigo .kt-iniciais { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 50%; background: #e3f0fb; color: #0b5fa0; font: 700 12px/18px "Poppins", sans-serif; display: grid; place-items: center; }
.cn-artigo .kt-conta :is(svg, .zi) { width: 14px; height: 14px; }
.cn-artigo .kt-al-pagina { font: 400 14px/1.5 "Poppins", sans-serif; color: #222; min-height: 596.4px; }
.cn-artigo .kt-al-faixa { background: #fff; border-bottom: 1px solid #eceff1; }
.cn-artigo .kt-al-faixa-in { padding: 24px 20px 28px; display: flex; flex-direction: column; gap: 12px; }
.cn-artigo .kt-al-faixa-in.kt-abas-in { padding-bottom: 0; gap: 20px; }
.cn-artigo .kt-al-h1 { font: 600 24px/1.2 "Poppins", sans-serif; letter-spacing: -0.3px; color: #222; }
.cn-artigo .kt-al-main { padding: 24px 14px 40px; display: flex; flex-direction: column; gap: 36px; }
.cn-artigo .kt-mc-abas { display: grid; grid-template-columns: 1fr 1fr; }
.cn-artigo .kt-mc-aba { margin-top: -8px; padding: 8px 6px 12px; border-bottom: 3px solid transparent; display: flex; align-items: center; justify-content: center; gap: 8px; font: 400 15px/22.5px "Poppins", sans-serif; color: #5f6770; white-space: nowrap; }
.cn-artigo .kt-mc-aba.kt-ativa { color: #222; font-weight: 600; border-bottom-color: #1079e4; }
.cn-artigo .kt-pilula { min-width: 22px; padding: 0 7px; border-radius: 999px; font: 600 12px/20px "Poppins", sans-serif; text-align: center; background: #eef1f4; color: #5f6770; }
.cn-artigo .kt-mc-aba.kt-ativa .kt-pilula { background: #e3f0fb; color: #0b5fa0; }
.cn-artigo .kt-mc-secao { display: flex; flex-direction: column; gap: 14px; }
.cn-artigo .kt-mc-secao-tit { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 10px; }
.cn-artigo .kt-mc-secao-tit :is(b, .cn-b) { margin-bottom: 12px; font: 600 18px/1.2 "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-mc-secao-tit span { font: 400 14px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-mc-vazio { padding: 32px 24px; border-radius: 18px; background: #fff; text-align: center; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-cc { background: #fff; border-radius: 18px; box-shadow: 0 1px 2px rgba(16, 38, 64, 0.06), 0 6px 20px rgba(16, 38, 64, 0.05); overflow: hidden; display: grid; grid-template-columns: 136px minmax(0, 1fr); column-gap: 14px; row-gap: 12px; padding: 16px; align-items: start; font: 400 14px/1.5 "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-cc-midia { grid-column: 1; grid-row: 1; width: 136px; aspect-ratio: 39 / 28; border-radius: 10px; overflow: hidden; background: #e9eef2; }
.cn-artigo .kt-cc-midia img { width: 100%; height: 100%; object-fit: cover; }
.cn-artigo .kt-cc-sem-img { width: 100%; height: 100%; display: grid; place-items: center; color: #8a96a3; }
.cn-artigo .kt-cc-sem-img :is(svg, .zi) { width: 22px; height: 22px; }
.cn-artigo .kt-cc > * { grid-column: 1 / -1; }
.cn-artigo .kt-cc > .kt-cc-midia { grid-column: 1; }
.cn-artigo .kt-cc > .kt-cc-cab { grid-column: 2; grid-row: 1; align-self: center; display: flex; flex-direction: column; gap: 8px; }
.cn-artigo .kt-cc-cab-tit { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cn-artigo .kt-cc-pedido { font: 500 12px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-cc-pedido :is(i, .cn-i) { font-style: normal; margin: 0 8px; }
.cn-artigo .kt-cc-pedido em { font-style: normal; white-space: nowrap; }
.cn-artigo .kt-cc-titulo { margin-bottom: 12px; font: 600 16px/1.35 "Poppins", sans-serif; color: #222; overflow-wrap: anywhere; }
.cn-artigo .kt-cc-selos { display: flex; flex-wrap: wrap; gap: 6px; max-width: 100%; }
.cn-artigo .kt-selo { padding: 4px 12px; border-radius: 999px; font: 600 12px/1.5 "Poppins", sans-serif; white-space: normal; overflow-wrap: anywhere; }
.cn-artigo .kt-selo--ok { color: #127a4a; background: #e3f5ec; }
.cn-artigo .kt-selo--payflex { color: #0a6699; background: #e2f3fc; }
.cn-artigo .kt-selo--pend { color: #8a5300; background: #fff1d9; }
.cn-artigo .kt-selo--cancel { color: #a3262e; background: #fce9ea; }
.cn-artigo .kt-selo--feito { color: #45505c; background: #eef0f2; }
.cn-artigo .kt-selo--quando { color: #0b5f8a; background: #e6f5fd; }
.cn-artigo .kt-cc-meta { display: flex; flex-wrap: wrap; gap: 6px 20px; color: rgba(34, 34, 34, 0.76); }
.cn-artigo .kt-cc-meta span { display: flex; align-items: flex-start; gap: 8px; }
.cn-artigo .kt-cc-meta :is(svg, .zi) { flex: 0 0 17px; width: 17px; height: 17px; margin-top: 2px; color: #00a7f0; }
.cn-artigo .kt-picote { border-top: 2px dashed #e3e8ec; margin: 2px 0; }
.cn-artigo .kt-cc-resumo { display: flex; flex-wrap: wrap; gap: 12px 30px; }
.cn-artigo .kt-cc-campo { display: flex; flex-direction: column; gap: 4px; }
.cn-artigo .kt-cc-campo small { font: 400 12px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-cc-campo :is(b, .cn-b) { font: 600 15px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-cc-campo .kt-cc-taxa { margin-top: -2px; }
.cn-artigo .kt-cc-forma { align-self: flex-start; padding: 3px 10px; border-radius: 6px; background: #eef0f2; color: #3d4651; font: 600 12px/1.5 "Poppins", sans-serif; text-transform: uppercase; }
.cn-artigo .kt-cc-nota { padding: 10px 14px; border-radius: 10px; background: #f5f7f8; font: 400 13px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.76); }
.cn-artigo .kt-cc-orient { padding: 12px 14px; border-radius: 12px; background: #e6f5fd; color: #0e3f5c; display: flex; gap: 10px; align-items: flex-start; }
.cn-artigo .kt-cc-orient > :is(svg, .zi) { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 1px; color: #0b6e9e; }
.cn-artigo .kt-cc-orient div { display: flex; flex-direction: column; gap: 4px; min-width: 0; overflow-wrap: anywhere; }
.cn-artigo .kt-cc-orient :is(b, .cn-b) { font: 600 14px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-cc-orient span { font: 400 13px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-cc-orient strong { align-self: flex-start; max-width: 100%; padding: 4px 10px; border-radius: 8px; background: #fff; font: 600 14px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-cc-acoes { display: flex; flex-direction: column-reverse; align-items: stretch; gap: 4px; }
.cn-artigo .kt-cc-acoes-esq { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0 24px; }
.cn-artigo .kt-cc-acoes-dir { display: flex; flex-direction: column; gap: 10px; }
.cn-artigo .kt-cc-btn { width: 100%; min-height: 48px; padding: 0 22px; border-radius: 12px; border: 1px solid transparent; display: flex; align-items: center; justify-content: center; gap: 10px; font: 600 15px/1.5 "Poppins", sans-serif; text-align: center; white-space: normal; }
.cn-artigo .kt-cc-btn :is(svg, .zi) { width: 20px; height: 20px; flex: none; }
.cn-artigo .kt-cc-btn--prim { background: #0079b0; color: #fff; border-color: #0079b0; box-shadow: 0 2px 8px rgba(0, 121, 176, 0.28); }
.cn-artigo .kt-cc-btn--sec { background: #fff; color: #0b6e9e; border-color: #a9dcf4; }
.cn-artigo .kt-cc-link { display: inline-flex; align-items: center; min-height: 44px; padding: 10px 0; font: 500 13px/1.5 "Poppins", sans-serif; color: #5f6770; text-decoration: underline; text-underline-offset: 3px; }
.cn-artigo .kt-brilho { background: linear-gradient(90deg, #eceff1 25%, #f5f7f8 50%, #eceff1 75%); background-size: 200% 100%; animation: kt-brilho 1.4s ease-in-out infinite; }
@keyframes kt-brilho { from { background-position: 100% 0; } to { background-position: -100% 0; } }
.cn-artigo .kt-mc-esq { display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-mc-esq-card { border-radius: 18px; background: #fff; padding: 14px; display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-mc-esq-card :is(i, .cn-i) { display: block; border-radius: 10px; }
.cn-artigo .kt-mc-esq-midia { width: 100%; aspect-ratio: 39 / 28; }
.cn-artigo .kt-mc-esq-linhas { display: flex; flex-direction: column; gap: 12px; padding-top: 4px; }
.cn-artigo .kt-mc-esq-linhas :is(i, .cn-i) { height: 16px; }
.cn-artigo .kt-mc-esq-linhas :is(i, .cn-i):first-child { width: 30%; }
.cn-artigo .kt-mc-esq-linhas :is(i, .cn-i):nth-child(2) { height: 22px; width: 70%; }
.cn-artigo .kt-mc-esq-linhas :is(i, .cn-i):last-child { width: 50%; }
.cn-artigo .kt-si-voltar { align-self: flex-start; display: inline-flex; align-items: center; gap: 6px; padding: 11.5px 0; margin: -7.5px 0; font: 500 14px/1.5 "Poppins", sans-serif; color: #0079b0; }
.cn-artigo .kt-si-voltar :is(svg, .zi) { width: 16px; height: 16px; }
.cn-artigo .kt-si-evento { display: flex; flex-direction: column; gap: 4px; }
.cn-artigo .kt-si-evento :is(b, .cn-b) { font: 600 17px/1.35 "Poppins", sans-serif; }
.cn-artigo .kt-si-pedido { font: 500 12px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); white-space: nowrap; }
.cn-artigo .kt-si-secao { display: flex; flex-direction: column; gap: 14px; }
.cn-artigo .kt-si-grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.cn-artigo .kt-si-esq { height: 200px; border-radius: 18px; background: linear-gradient(90deg, #ffffff 25%, #eef1f3 50%, #ffffff 75%); background-size: 200% 100%; animation: kt-brilho 1.4s ease-in-out infinite; }
.cn-artigo .kt-si-ing { background: #fff; border-radius: 18px; box-shadow: 0 1px 2px rgba(16, 38, 64, 0.06), 0 6px 20px rgba(16, 38, 64, 0.05); overflow: hidden; display: flex; flex-direction: column; }
.cn-artigo .kt-si-faixa { background: #eaf6fd; padding: 14px 20px; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: start; gap: 4px 12px; }
.cn-artigo .kt-si-cancelado .kt-si-faixa { background: #f1f3f5; }
.cn-artigo .kt-si-faixa :is(b, .cn-b) { font: 600 14px/1.4 "Poppins", sans-serif; color: #0e3f5c; overflow-wrap: anywhere; }
.cn-artigo .kt-si-faixa small { font: 400 12px/1.6 "Poppins", sans-serif; color: #3b6a86; white-space: nowrap; }
.cn-artigo .kt-si-intransf { display: inline-block; margin-left: 8px; vertical-align: 1px; padding: 1px 8px; border: 1px solid #a9dcf4; border-radius: 999px; background: #fff; color: #0b5f8a; font: 600 11px/1.4 "Poppins", sans-serif; white-space: nowrap; }
.cn-artigo .kt-si-corpo { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 14px; }
.cn-artigo .kt-si-quem { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 2px 10px; }
.cn-artigo .kt-si-quem small { font: 400 12px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-si-nome { grid-column: 1 / -1; margin-top: 4px; font: 600 17px/1.5 "Poppins", sans-serif; overflow-wrap: anywhere; }
.cn-artigo .kt-si-email { grid-column: 1 / -1; font: 400 13px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); overflow-wrap: anywhere; }
.cn-artigo .kt-si-selo { padding: 4px 12px; border-radius: 999px; font: 600 12px/1.5 "Poppins", sans-serif; white-space: nowrap; }
.cn-artigo .kt-si-selo--usado { color: #127a4a; background: #e3f5ec; }
.cn-artigo .kt-si-selo--ativo { color: #45505c; background: #eef0f2; }
.cn-artigo .kt-si-selo--cancelado { color: #a3262e; background: #fce9ea; }
.cn-artigo .kt-si-campo { display: flex; flex-direction: column; gap: 4px; }
.cn-artigo .kt-si-campo small { font: 400 12px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-si-campo :is(b, .cn-b) { font: 600 16px/1.5 "Poppins", sans-serif; overflow-wrap: anywhere; }
.cn-artigo .kt-si-campo :is(b, .cn-b).kt-si-codigo { letter-spacing: 1px; }
.cn-artigo .kt-si-msg { padding: 12px 14px; border-radius: 12px; display: flex; gap: 10px; align-items: flex-start; font: 400 13px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-si-msg :is(svg, .zi) { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; }
.cn-artigo .kt-si-msg--ok { background: #f5f7f8; color: rgba(34, 34, 34, 0.76); }
.cn-artigo .kt-si-msg--ok :is(svg, .zi) { color: #127a4a; }
.cn-artigo .kt-si-msg--cancel { background: #fce9ea; color: #6e1c22; }
.cn-artigo .kt-si-msg--bio { background: #e6f5fd; color: #0e3f5c; }
.cn-artigo .kt-si-msg--bio :is(b, .cn-b) { font-weight: 600; }
.cn-artigo .kt-si-btn { width: 100%; height: 48px; padding: 0 22px; border-radius: 12px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font: 600 15px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-si-btn :is(svg, .zi) { width: 20px; height: 20px; flex: none; }
.cn-artigo .kt-si-btn :is(svg, .zi).kt-si-externo { width: 14px; height: 14px; flex: 0 0 14px; }
.cn-artigo .kt-si-btn--prim { background: #0079b0; color: #fff; border-color: #0079b0; box-shadow: 0 2px 8px rgba(0, 121, 176, 0.28); }
.cn-artigo .kt-si-btn--sec { background: #fff; color: #0b6e9e; border-color: #a9dcf4; }
.cn-artigo .kt-si-btn--off { background: #f1f3f5; color: #6b7580; border-color: #dde2e7; }
.cn-artigo .kt-si-btn--off :is(svg, .zi) { width: 18px; height: 18px; }
.cn-artigo .kt-si-alterar { align-self: center; display: inline-flex; align-items: center; gap: 6px; padding: 11.5px 0; margin: -7.5px 0; font: 500 14px/1.5 "Poppins", sans-serif; color: #0079b0; }
.cn-artigo .kt-si-alterar :is(svg, .zi) { width: 16px; height: 16px; }
.cn-artigo .kt-menu { position: absolute; top: 71px; left: 12px; right: 12px; z-index: 30; padding: 8px; border: 1px solid #eceff1; border-radius: 16px; background: #fff; box-shadow: 0 16px 40px rgba(16, 38, 64, 0.16); display: flex; flex-direction: column; color: #222; font: 400 16px/24px "Poppins", sans-serif; }
.cn-artigo .kt-menu-quem { display: flex; align-items: center; gap: 12px; padding: 10px 10px 14px; }
.cn-artigo .kt-menu-quem .kt-iniciais { flex: 0 0 40px; width: 40px; height: 40px; font-size: 14px; line-height: 21px; }
.cn-artigo .kt-menu-quem :is(b, .cn-b) { display: block; font: 600 15px/1.4 "Poppins", sans-serif; }
.cn-artigo .kt-menu-quem small { display: block; font: 400 13px/1.4 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-menu-sep { height: 1px; margin: 4px; background: #eceff1; }
.cn-artigo .kt-menu-item { min-height: 44px; padding: 0 12px; border-radius: 10px; display: flex; align-items: center; gap: 12px; font: 500 14px/1.3 "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-menu-item :is(svg, .zi) { width: 20px; height: 20px; color: #5f6770; flex: none; }
.cn-artigo .kt-menu-item :is(svg, .zi).kt-menu-externo { width: 14px; height: 14px; margin-left: -4px; }
.cn-artigo .kt-menu-item.kt-atual { color: #0b5f8a; background: #e6f5fd; font-weight: 600; }
.cn-artigo .kt-menu-item.kt-atual :is(svg, .zi), .cn-artigo .kt-menu-item.kt-sair :is(svg, .zi) { color: inherit; }
.cn-artigo .kt-menu-item.kt-sair { color: #a3262e; }
.cn-artigo .kt-al-cartao { background: #fff; border-radius: 18px; box-shadow: 0 1px 2px rgba(16, 38, 64, 0.06), 0 6px 20px rgba(16, 38, 64, 0.05); padding: 18px 16px; display: flex; flex-direction: column; gap: 18px; }
.cn-artigo .kt-al-grade { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px 16px; }
.cn-artigo .kt-al-campo { min-width: 0; display: flex; flex-direction: column; }
.cn-artigo .kt-al-rotulo { display: block; margin-bottom: 4px; font: 500 13px/1.5 "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-al-entrada { position: relative; height: 44px; padding: 0 12px; border: 1px solid #cfd6dd; border-radius: 10px; background: #fff; display: flex; align-items: center; font: 400 14px/21px "Poppins", sans-serif; color: #222; white-space: nowrap; overflow: hidden; }
.cn-artigo .kt-al-entrada.kt-travado { background: #f5f7f8; color: #5f6770; }
.cn-artigo .kt-al-entrada.kt-foco { border-color: #0079b0; box-shadow: 0 0 0 2px #fff, 0 0 0 3px #0079b0; }
.cn-artigo .kt-al-entrada.kt-com-erro { border-color: #c4314b; box-shadow: inset 0 0 0 1px #c4314b; }
.cn-artigo .kt-al-entrada.kt-foco.kt-com-erro { box-shadow: inset 0 0 0 1px #c4314b, 0 0 0 2px #fff, 0 0 0 3px #0079b0; }
.cn-artigo .kt-erro-campo { margin: 6px 0 0; display: flex; gap: 6px; align-items: flex-start; font: 500 12.5px/1.4 "Poppins", sans-serif; color: #a3262e; }
.cn-artigo .kt-erro-campo::before { content: ''; flex: 0 0 14px; width: 14px; height: 14px; margin-top: 2px; background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v5.5M12 16.3v.4'/%3E%3C/svg%3E") center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4'%3E%3Ccircle cx='12' cy='12' r='9.5'/%3E%3Cpath d='M12 7.5v5.5M12 16.3v.4'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .kt-al-entrada .kt-ph { color: #757575; }
.cn-artigo .kt-al-entrada--area { height: 85px; padding: 10px 12px; align-items: flex-start; }
.cn-artigo .kt-al-entrada--sel { padding-right: 40px; }
.cn-artigo .kt-al-entrada--sel::after { content: ""; position: absolute; right: 12px; top: 50%; width: 12px; height: 12px; margin-top: -6px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none' stroke='%233d4651' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2.5 4.5 6 8l3.5-3.5'/%3E%3C/svg%3E") no-repeat center / 12px 12px; }
.cn-artigo .kt-al-tel { padding-left: 85px; }
.cn-artigo .kt-al-ddi { position: absolute; left: 1px; top: 1px; bottom: 1px; width: 79.2px; padding: 0 6px 0 8px; border-radius: 9px 0 0 9px; background: rgba(0, 0, 0, 0.05); display: flex; align-items: center; font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-al-ddi .kt-ck-flag { flex: none; }
.cn-artigo .kt-al-ddi span { margin-left: 6px; }
.cn-artigo .kt-al-ddi :is(i, .cn-i) { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; }
.cn-artigo .kt-ct-dica { margin-top: 6px; font: 400 12.5px/1.45 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-ct-dica em { font-style: normal; font-weight: 500; color: #0079b0; text-decoration: underline; text-underline-offset: 2px; }
.cn-artigo .kt-ct-olho { position: absolute; top: 1px; right: 1px; width: 44px; height: 40px; border-radius: 8px; color: #5f6770; display: grid; place-items: center; }
.cn-artigo .kt-ct-olho :is(svg, .zi) { width: 20px; height: 20px; }
.cn-artigo .kt-ct-rotulo-lista { margin: 0 0 4px; font: 500 13px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-ct-requisitos { padding: 12px 14px; border-radius: 12px; background: #f5f7f8; display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px 16px; font: 400 13px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.76); }
.cn-artigo .kt-ct-requisitos span { display: flex; align-items: center; gap: 8px; }
.cn-artigo .kt-ct-requisitos :is(svg, .zi) { flex: 0 0 16px; width: 16px; height: 16px; }
.cn-artigo .kt-ct-requisitos .kt-ok { color: #127a4a; font-weight: 500; }
.cn-artigo .kt-al-botoes { display: grid; grid-auto-flow: row; gap: 10px; margin-top: 4px; }
.cn-artigo .kt-al-btn { min-height: 48px; padding: 10px 14px; border-radius: 12px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; gap: 10px; font: 600 15px/1.2 "Poppins", sans-serif; text-align: center; }
.cn-artigo .kt-al-btn--prim { order: -1; background: #0079b0; color: #fff; border-color: #0079b0; box-shadow: 0 2px 8px rgba(0, 121, 176, 0.28); }
.cn-artigo .kt-al-btn--sec { background: #fff; color: #0b6e9e; border-color: #a9dcf4; }
.cn-artigo .kt-al-btn.kt-ocupado { opacity: 0.72; }
.cn-artigo .kt-al-btn.kt-off { opacity: 0.45; }
.cn-artigo .kt-giro { width: 16px; height: 16px; flex: 0 0 16px; border-radius: 50%; border: 2px solid currentColor; border-right-color: transparent; animation: kt-girar 0.8s linear infinite; }
.cn-artigo .kt-al-esq { display: flex; flex-direction: column; gap: 18px; }
.cn-artigo .kt-al-esq :is(i, .cn-i) { display: block; height: 12px; width: 30%; border-radius: 6px; }
.cn-artigo .kt-al-esq :is(i, .cn-i).kt-esq-rotulo { margin: 4px 0 7.5px; }
.cn-artigo .kt-al-esq :is(i, .cn-i).kt-esq-campo { height: 44px; width: 100%; border-radius: 10px; }
.cn-artigo .kt-al-esq :is(i, .cn-i).kt-esq-btn { height: 48px; width: 100%; border-radius: 12px; }
.cn-artigo .kt-al-esq-dica { display: flex; flex-direction: column; padding-top: 6px; }
.cn-artigo .kt-al-esq-dica :is(i, .cn-i) { height: 10px; width: 90%; margin: 4.0625px 0; }
.cn-artigo .kt-caixa-verde { padding: 12px 14px; border-radius: 12px; background: #e3f5ec; color: #0f5c37; display: flex; gap: 10px; align-items: flex-start; font: 500 14px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-caixa-verde :is(svg, .zi) { flex: 0 0 20px; width: 20px; height: 20px; color: #127a4a; }
.cn-artigo .kt-caixa-azul { padding: 14px 16px; border-radius: 14px; background: #e6f5fd; color: #0e3f5c; display: flex; gap: 12px; align-items: flex-start; font: 400 14px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-caixa-azul :is(svg, .zi) { flex: 0 0 22px; width: 22px; height: 22px; margin-top: 1px; }
.cn-artigo .kt-caixa-amarela { padding: 12px 14px; border-radius: 12px; background: #fff1d9; color: #6b3e00; display: flex; gap: 10px; align-items: flex-start; font: 400 13px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-caixa-amarela :is(svg, .zi) { flex: 0 0 18px; width: 18px; height: 18px; margin-top: 1px; }
.cn-artigo .kt-caixa-vermelha { padding: 12px 14px; border-radius: 12px; background: #fce9ea; color: #6e1c22; font: 400 13px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-al-texto { font: 400 14px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.76); }
.cn-artigo .kt-al-cinza { font: 400 13px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-jc-fundo { position: absolute; inset: 0; z-index: 40; background: #000; opacity: 0.32; }
.cn-artigo .kt-jc-camada { position: absolute; inset: 0; z-index: 41; display: flex; align-items: center; justify-content: center; padding: 24px; }
.cn-artigo .kt-jc { width: 100%; max-width: 480px; max-height: 100%; overflow: hidden; padding: 22px 18px 18px; border-radius: 20px; background: #fff; box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24); display: flex; flex-direction: column; gap: 16px; font: 400 14px/1.5 "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-jc .kt-caixa-azul { font-size: 13px; }
.cn-artigo .kt-jc-titulo { margin-bottom: 12px; font: 600 20px/1.3 "Poppins", sans-serif; color: #222; }
.cn-artigo .kt-jc .kt-al-entrada--area { margin-bottom: 6px; }
.cn-artigo .kt-al-entrada--area::after { content: ''; position: absolute; right: 0; bottom: 0; width: 10px; height: 10px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%23000' stroke-opacity='.55' stroke-width='1'%3E%3Cpath d='M1 8.5L8.5 1M5 8.5L8.5 5'/%3E%3C/svg%3E") no-repeat; }
.cn-artigo .kt-jc-cab { display: flex; flex-direction: column; gap: 4px; }
.cn-artigo .kt-jc-etapa { font: 600 12px/1.5 "Poppins", sans-serif; color: #0079b0; }
.cn-artigo .kt-jc-centro { text-align: center; display: flex; flex-direction: column; gap: 6px; }
.cn-artigo .kt-jc-icone { align-self: center; width: 56px; height: 56px; border-radius: 50%; display: grid; place-items: center; flex: none; }
.cn-artigo .kt-jc-icone--aviso { background: #fff1d9; color: #8a5300; }
.cn-artigo .kt-jc-icone--ok { background: #e3f5ec; color: #127a4a; }
.cn-artigo .kt-jc-caixa { padding: 14px 16px; border-radius: 14px; background: #f5f7f8; display: flex; flex-direction: column; gap: 12px; }
.cn-artigo .kt-jc-caixa-titulo { font: 600 13px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-jc-regra { display: flex; gap: 10px; align-items: flex-start; }
.cn-artigo .kt-jc-regra > :is(svg, .zi) { flex: 0 0 20px; width: 20px; height: 20px; }
.cn-artigo .kt-jc-regra .kt-ok { color: #127a4a; }
.cn-artigo .kt-jc-regra .kt-nao { color: #a3262e; }
.cn-artigo .kt-jc-regra div { display: flex; flex-direction: column; }
.cn-artigo .kt-jc-regra :is(b, .cn-b) { font: 500 14px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-jc-regra small { font: 400 13px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-jc-opcoes { display: flex; flex-direction: column; gap: 8px; }
.cn-artigo .kt-jc-opcao { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border: 1px solid #dde2e7; border-radius: 12px; background: #fff; }
.cn-artigo .kt-jc-opcao.kt-sel { border-color: #0079b0; box-shadow: inset 0 0 0 1px #0079b0; background: #f0f9fe; }
.cn-artigo .kt-radio { flex: none; width: 18px; height: 18px; border-radius: 50%; border: 1px solid #767676; background: #fff; }
.cn-artigo .kt-jc-opcao.kt-sel .kt-radio { border: 1px solid #0079b0; background: radial-gradient(circle, #0079b0 0 4.5px, #fff 5px); }
.cn-artigo .kt-jc-form { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px 12px; }
.cn-artigo .kt-jc-form .kt-largo { grid-column: 1 / -1; }
.cn-artigo .kt-jc-par { display: flex; gap: 8px; }
.cn-artigo .kt-jc-par > div:first-child { flex: 1 1 auto; min-width: 0; }
.cn-artigo .kt-jc-par > div:last-child { flex: 0 0 92px; }
.cn-artigo .kt-jc-resumo { display: flex; flex-direction: column; gap: 10px; }
.cn-artigo .kt-jc-resumo > div { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: baseline; gap: 16px; }
.cn-artigo .kt-jc-resumo small { font: 400 13px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-jc-resumo :is(b, .cn-b) { font: 600 14px/1.5 "Poppins", sans-serif; text-align: right; overflow-wrap: anywhere; }
.cn-artigo .kt-jc-faixa { padding: 12px 14px; border-radius: 12px; background: #eaf6fd; display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; color: #0e3f5c; }
.cn-artigo .kt-jc-faixa :is(b, .cn-b) { font-weight: 700; }
.cn-artigo .kt-jc-link { align-self: center; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-block: -12px; font: 500 13px/1.5 "Poppins", sans-serif; color: #0079b0; text-decoration: underline; text-underline-offset: 3px; }
.cn-artigo .kt-jc-link :is(svg, .zi) { flex: 0 0 14px; width: 14px; height: 14px; }
.cn-artigo .kt-jc-tit-selo { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; }
.cn-artigo .kt-jc-resumo-parcelas { display: grid; grid-template-columns: repeat(auto-fit, minmax(84px, 1fr)); gap: 12px 14px; padding: 14px 16px; border-radius: 14px; background: #f5f7f8; }
.cn-artigo .kt-jc-campo { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.cn-artigo .kt-jc-campo small { font: 400 12px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-jc-campo :is(b, .cn-b) { font: 700 14px/1.5 "Poppins", sans-serif; white-space: nowrap; }
.cn-artigo .kt-jc-parcelas { display: flex; flex-direction: column; border: 1px solid #e3e8ec; border-radius: 14px; overflow: hidden; }
.cn-artigo .kt-jc-parcela { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 6px 14px; padding: 12px 16px; border-top: 1px solid #eceff1; }
.cn-artigo .kt-jc-parcela:first-child { border-top: 0; }
.cn-artigo .kt-jc-parcela > div { display: flex; flex-direction: column; min-width: 0; }
.cn-artigo .kt-jc-parcela :is(b, .cn-b) { font: 600 14px/1.5 "Poppins", sans-serif; }
.cn-artigo .kt-jc-parcela small { font: 400 12px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-jc-parcela-valor { font: 600 14px/1.5 "Poppins", sans-serif; text-align: right; }
.cn-artigo .kt-jc-parcela > .kt-jc-parcela-fim { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 6px; }
.cn-artigo .kt-jc-parcela > .kt-jc-parcela-extra { grid-column: 1 / -1; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 6px 18px; font: 400 13px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.72); }
.cn-artigo .kt-jc-parcela-extra p { flex: 1 1 100%; }
.cn-artigo .kt-jc-link-boleto { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; margin-block: -6px; font: 600 13px/1.5 "Poppins", sans-serif; color: #0b6e9e; }
.cn-artigo .kt-jc-link-boleto :is(svg, .zi) { width: 16px; height: 16px; }
.cn-artigo .kt-jc-doc { display: flex; flex-direction: column; gap: 10px; }
.cn-artigo .kt-jc-marcar { display: flex; align-items: center; gap: 10px; padding: 11.5px 0; margin: -10px 0; font: 500 14px/21px "Poppins", sans-serif; }
.cn-artigo .kt-jc-marcar :is(i, .cn-i) { flex: none; width: 20px; height: 20px; border: 1px solid #767676; border-radius: 3px; background: #fff; }
.cn-artigo .kt-jc-link--esq { align-self: flex-start; }
.cn-artigo .kt-pay { font-family: Helvetica, Arial, sans-serif; color: #222; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; }
.cn-artigo .kt-pay-card { padding: 20px; min-height: 1022.4px; background: #fff; }
.cn-artigo .kt-pay-banner { display: block; width: 353px; height: 63px; margin: -20px -20px 20px -20px; object-fit: cover; }
.cn-artigo .kt-pay-abas { display: flex; gap: 16px; border-bottom: 1px solid #e5e7eb; }
.cn-artigo .kt-pay-aba { position: relative; padding-bottom: 8px; font: 400 16px/24px Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-pay-aba.kt-ativa { color: #222; }
.cn-artigo .kt-pay-aba.kt-ativa::after { content: ""; position: absolute; left: 0; bottom: 0; width: 70%; height: 2px; background: #00a7f0; }
.cn-artigo .kt-pay-conteudo { margin-top: 24px; display: flex; flex-direction: column; gap: 32px; }
.cn-artigo .kt-pay-col { display: flex; flex-direction: column; gap: 20px; }
.cn-artigo .kt-pay-cab { display: flex; align-items: flex-start; gap: 16px; }
.cn-artigo .kt-pay-cab-rot { margin: 4px 0; font: 600 12px/normal Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-pay-tag { display: inline-block; padding: 4px 12px; border-radius: 4px; background: #00a7f0; color: #fff; font: 500 12px/normal Helvetica, Arial, sans-serif; }
.cn-artigo .kt-pay-info { display: flex; flex-direction: column; gap: 12px; }
.cn-artigo .kt-pay-tit { font: 600 18px/normal Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-pay-nome { font: 500 14px/normal Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-pay-dados { display: flex; flex-direction: column; gap: 24px; }
.cn-artigo .kt-pay-grade { display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-pay-item { display: flex; flex-direction: column; gap: 4px; }
.cn-artigo .kt-pay-rot { font: 400 12px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-pay-val { font: 400 14px/normal Helvetica, Arial, sans-serif; color: #222; }
.cn-artigo .kt-pay-assento { display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-pay-assento-l1 { display: flex; flex-wrap: wrap; gap: 16px 60px; }
.cn-artigo .kt-pay-mapa { align-self: flex-start; height: 37px; padding: 8px 0; border-radius: 6px; display: flex; align-items: center; gap: 8px; color: #00a7f0; font: 500 14px/normal Helvetica, Arial, sans-serif; }
.cn-artigo .kt-pay-mapa :is(svg, .zi) { width: 20px; height: 21px; }
.cn-artigo .kt-pay-botoes { display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-pay-btn { height: 43px; padding: 8px 16px; border: 1px solid #e5e7eb; border-radius: 6px; background: #fff; display: flex; align-items: center; justify-content: center; gap: 8px; color: #1f2937; font: 500 14px/normal Helvetica, Arial, sans-serif; }
.cn-artigo .kt-pay-btn :is(svg, .zi) { width: 25px; height: 25px; }
.cn-artigo .kt-pay-btn-carregando { opacity: 0.75; background: #f7f9fa; }
.cn-artigo .kt-pay-mapa.kt-pay-btn-carregando { width: 24px; height: 40px; color: #d1d5db; }
.cn-artigo .kt-pay-btn.kt-pay-btn-carregando { height: 42px; }
.cn-artigo .kt-tela :is(svg, .zi).kt-pay-gira { width: 24px; height: 24px; animation: kt-girar 1s linear infinite; }
.cn-artigo .kt-pay-esq { display: inline-block; vertical-align: baseline; min-height: 16px; border-radius: 6px; background: #e2e8f0; animation: kt-pulso 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
@keyframes kt-pulso { 50% { opacity: 0.5; } }
.cn-artigo .kt-pay-painel { margin: 0 -20px; padding: 32px 20px; background: rgba(125, 129, 130, 0.08); display: flex; flex-direction: column; gap: 32px; }
.cn-artigo .kt-pay-qr-bloco { display: flex; flex-direction: column; gap: 8px; }
.cn-artigo .kt-pay-qr-moldura { width: 280px; height: 280px; margin: 0 auto; padding: 20px; background: #fff; border: 1px solid #e5e7eb; border-radius: 8px; display: flex; justify-content: center; }
.cn-artigo .kt-pay-qr { width: 238px; height: 238px; }
.cn-artigo .kt-pay-qr-txt { font: 500 12px/normal Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-pay-aviso { max-width: 318px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 24px; text-align: center; }
.cn-artigo .kt-pay-aviso-ic { padding: 24px; border-radius: 24px; background: #fff; display: flex; align-items: center; justify-content: center; }
.cn-artigo .kt-pay-aviso-ic :is(svg, .zi) { width: 80px; height: 80px; }
.cn-artigo .kt-pay-aviso :is(b, .cn-b) { font: 600 16px/16px Helvetica, Arial, sans-serif; color: #222; }
.cn-artigo .kt-pay-aviso > span { font: 400 12px/16.8px Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-pay-pilula { width: 191px; height: 34px; padding: 4px 8px; border-radius: 8px; background: #1a1a1a; display: flex; align-items: center; justify-content: center; gap: 10px; }
.cn-artigo .kt-pay-pilula :is(i, .cn-i), .cn-artigo .kt-pay-pilula em { font: normal 400 12px/12px Helvetica, Arial, sans-serif; color: rgba(250, 250, 250, 0.72); }
.cn-artigo .kt-pay-pilula em { color: #fafafa; }
.cn-artigo .kt-pay-cancelado { width: 100%; max-width: 318px; margin: 0 auto; display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
.cn-artigo .kt-pay-rasgado { width: 240px; height: auto; }
.cn-artigo .kt-pay-cancelado :is(b, .cn-b) { font: 700 18px/21.6px Helvetica, Arial, sans-serif; color: #b42318; }
.cn-artigo .kt-pay-cancelado span { font: 400 13px/18.2px Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.72); }
.cn-artigo .kt-pay-minhas { width: 100%; max-width: 280px; padding: 8px 16px; border: 1px solid #e5e7eb; border-radius: 6px; background: #fff; display: flex; align-items: center; justify-content: center; font: 500 14px/normal Helvetica, Arial, sans-serif; color: #222; }
.cn-artigo .kt-pay-sobre { display: flex; flex-direction: column; gap: 32px; }
.cn-artigo .kt-pay-desc { font: 400 16px/24px Helvetica, Arial, sans-serif; color: #1f2937; overflow-wrap: anywhere; }
.cn-artigo .kt-pay-desc strong, .cn-artigo .kt-pay-desc :is(b, .cn-b) { font-weight: 700; }
.cn-artigo .kt-pay-desc ul, .cn-artigo .kt-pay-desc ol { list-style: none; }
.cn-artigo .kt-pay-pe { margin-top: 32px; padding-bottom: 80px; background: #fff; }
.cn-artigo .kt-pay-powered { text-align: center; font: 400 12px/normal Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-tela .kt-pay-powered img { display: inline; width: 119px; height: 30px; vertical-align: middle; }
.cn-artigo .kt-pay-frase { text-align: center; font: 400 14px/normal Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-pay-notas { margin: 24px 0; padding: 0 20px; display: flex; flex-direction: column; gap: 32px; }
.cn-artigo .kt-pay-notas span { font: 400 10px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-pay-notas em { font-style: normal; color: #00a7f0; }
.cn-artigo .kt-pay-idioma { position: absolute; right: 4px; z-index: 5; padding: 8px; border: 2px solid transparent; border-radius: 6px; background: #fff; display: flex; align-items: center; gap: 8px; font: 400 12px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); white-space: nowrap; }
.cn-artigo .kt-pay-bandeira { font: 500 16px/24px Helvetica, Arial, sans-serif; color: #374151; }
.cn-artigo .kt-pay-idioma :is(svg, .zi) { width: 24px; height: 24px; }
.cn-artigo .kt-swal-fundo { position: absolute; inset: 0; z-index: 50; background: rgba(0, 0, 0, 0.4); }
.cn-artigo .kt-swal-caixa { position: absolute; inset: 0; z-index: 51; display: grid; align-items: center; justify-items: center; padding: 10px; }
.cn-artigo .kt-swal { width: 373px; max-width: 100%; background: #fff; border-radius: 16px; padding: 0 0 20px; display: grid; text-align: center; color: #545454; font: 400 16px/24px system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; -webkit-font-smoothing: antialiased; }
.cn-artigo .kt-swal-html { margin: 18px 28.8px 5.4px; padding: 20px; display: flex; flex-direction: column; align-items: center; }
.cn-artigo .kt-swal-sucesso img { width: 80px; height: 80px; margin-bottom: 24px; }
.cn-artigo .kt-swal-h2 { font: 600 24px/28.8px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #000; margin-bottom: 12px; }
.cn-artigo .kt-swal-p { font: 400 14px/normal system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: rgba(34, 34, 34, 0.64); margin-bottom: 32px; }
.cn-artigo .kt-swal-continuar { padding: 12px 24px; border-radius: 8px; background: #00aeef; color: #fff; font: 400 16px/normal system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.cn-artigo .kt-swal-icone { width: 88px; height: 88px; margin: 40px auto 9.6px; border: 4px solid #facea8; border-radius: 50%; color: #f8bb86; display: flex; align-items: center; justify-content: center; font: 400 60px/80px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.cn-artigo .kt-swal-titulo { padding: 24px 30px 0; margin-bottom: 12px; font: 600 30px/36px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #545454; }
.cn-artigo .kt-swal-texto { margin: 18px 28.8px 5.4px; font: 400 18px/normal system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; color: #545454; }
.cn-artigo .kt-swal-acoes { margin: 20px auto 0; display: flex; justify-content: center; }
.cn-artigo .kt-swal-ok { margin: 5px; padding: 10px 17.6px; border-radius: 4px; color: #fff; font: 500 16px/24px system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.cn-artigo .kt-rd { font: 400 16px/24px system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-artigo .kt-rd.kt-rd--poppins { font-family: "Poppins", sans-serif; }
.cn-artigo .kt-rd-azul { padding: 32px 16px; background: #eff9ff; }
.cn-artigo .kt-rd-col { padding: 12px 0; }
.cn-artigo .kt-rd-col1 { margin-top: -12px; display: grid; gap: 40px; }
.cn-artigo .kt-rd-col2 { padding: 32px 0; display: grid; gap: 40px; }
.cn-artigo .kt-rd-col4 { margin: 8px 0 -12px; }
.cn-artigo .kt-rd-marca, .cn-artigo .kt-rd-bloco { display: grid; gap: 16px; }
.cn-artigo .kt-tela .kt-rd-logo { width: auto; height: 37px; }
.cn-artigo .kt-rd-marca p, .cn-artigo .kt-rd-bloco p { font-size: 14px; line-height: 21px; color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-rd-redes, .cn-artigo .kt-rd-pag { display: flex; gap: 16px; }
.cn-artigo .kt-rd h3 { font-size: 18px; font-weight: 600; line-height: 1.2; color: rgba(0, 0, 0, 0.87); }
.cn-artigo .kt-rd-col2 .kt-rd-bloco:first-child h3 { color: #222; }
.cn-artigo .kt-rd-email { display: flex; gap: 8px; font-size: 14px; line-height: 21px; color: #222; }
.cn-artigo .kt-rd-horas { display: flex; gap: 24px; font-size: 14px; line-height: 21px; }
.cn-artigo .kt-rd-horas div { display: grid; }
.cn-artigo .kt-rd-horas span { color: rgba(34, 34, 34, 0.64); }
.cn-artigo .kt-rd-horas :is(b, .cn-b) { font-weight: 400; color: #222; }
.cn-artigo .kt-rd-copy { padding: 32px 16px; background: #00b2ff; font-size: 14px; line-height: 21px; color: #fafafa; }
.cn-artigo .kt-rd-copy1 { padding: 12px 0; display: grid; }
.cn-artigo .kt-rd-links { padding: 12px 0; display: flex; gap: 40px; }
.cn-artigo .kt-rd-links span { text-decoration: underline; }
.cn-artigo .kt-cf .kt-rolo { background: #fff; }
.cn-artigo .kt-cf-main { padding: 32px 20px; }
.cn-artigo .kt-cf-cab { display: flex; justify-content: space-between; margin-bottom: 24px; }
.cn-artigo .kt-cf-rot { margin: auto 0; font: 400 14px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-cf-idioma-caixa { position: relative; z-index: 5; }
.cn-artigo .kt-cf-carregando .kt-cf-idioma-caixa { height: 39px; }
.cn-artigo .kt-cf-idioma { display: flex; align-items: center; gap: 8px; padding: 8px; border: 2px solid transparent; border-radius: 6px; background: #fff; font: 500 16px/24px Helvetica, Arial, sans-serif; color: #374151; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.cn-artigo .kt-cf-idioma.kt-aberto { background: #f9fafb; border-color: #00a7f0; }
.cn-artigo .kt-cf-idioma-txt { font: 400 12px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); white-space: nowrap; }
.cn-artigo .kt-cf-idioma :is(svg, .zi) { width: 24px; height: 24px; flex: none; }
.cn-artigo .kt-cf-idiomas { position: absolute; right: 0; top: 100%; z-index: 50; margin-top: 8px; border: 1px solid #e5e7eb; border-radius: 6px; background: #fff; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); opacity: 0; transform: translateY(-16px); pointer-events: none; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.cn-artigo .kt-cf-idiomas.kt-aberto { opacity: 1; transform: none; }
.cn-artigo .kt-cf-op { display: flex; align-items: center; gap: 8px; width: 100%; padding: 8px 16px; font: 400 16px/24px Helvetica, Arial, sans-serif; color: #374151; white-space: nowrap; }
.cn-artigo .kt-cf-convite { display: flex; justify-content: space-between; gap: 20px; margin-bottom: 32px; padding: 20px; border-radius: 16px; background: #faf6dc; }
.cn-artigo .kt-cf-convite-txt { display: flex; flex-direction: column; gap: 6px; }
.cn-artigo .kt-cf-convite-txt :is(b, .cn-b) { font: 600 18px/normal Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-cf-convite-txt span { font: 400 12px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-cf-convite-link { display: block; margin: auto 0; }
.cn-artigo .kt-cf-bt-m { display: flex; align-items: center; justify-content: center; padding: 8px 16px; border-radius: 6px; background: #00a7f0; color: #fff; font: 500 14px/normal Helvetica, Arial, sans-serif; }
.cn-artigo .kt-cf-bt-m > span, .cn-artigo .kt-cf-bt > span, .cn-artigo .kt-cf-bt-g > span { display: flex; align-items: center; gap: 8px; }
.cn-artigo .kt-cf-col { display: flex; flex-direction: column; gap: 32px; text-align: center; }
.cn-artigo .kt-cf-tit { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 24px; width: 100%; }
.cn-artigo .kt-tela .kt-cf-emoji { width: 80px; height: 80px; }
.cn-artigo .kt-cf-h1 { font: 600 24px/normal Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-cf-desc { display: flex; flex-direction: column; gap: 24px; }
.cn-artigo .kt-cf-txt { font: 400 14px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-cf-txt span { color: #000; }
.cn-artigo .kt-cf-desc-in { display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-cf-copia, .cn-artigo .kt-cf-copia-link { position: relative; display: flex; }
.cn-artigo .kt-cf-tx { display: flex; gap: 20px; margin: 0 auto; padding: 8px 20px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; }
.cn-artigo .kt-cf-tx p { font: 400 12px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-cf-tx p span { font: 500 14px/normal Helvetica, Arial, sans-serif; color: #222; }
.cn-artigo .kt-cf-tx :is(svg, .zi) { flex: none; width: 16px; height: 16px; }
.cn-artigo .kt-cf-aviso { position: absolute; top: 40px; left: 50%; z-index: 4; transform: translateX(-50%); padding: 4px 12px; border-radius: 6px; background: #000; color: #fff; font: 400 16px/24px Helvetica, Arial, sans-serif; opacity: 0; pointer-events: none; transition: opacity 0.3s ease-in-out; }
.cn-artigo .kt-cf-aviso.kt-on { opacity: 1; }
.cn-artigo .kt-cf-mail { font: 400 12px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-cf-mail em, .cn-artigo .kt-cf-fim em { font-style: normal; color: #00a7f0; }
.cn-artigo .kt-cf-mail em { font-weight: 500; }
.cn-artigo .kt-cf-resumo { display: flex; flex-direction: column; gap: 20px; padding: 20px; border: 1px solid #e5e7eb; border-radius: 8px; background: #f7f9fa; text-align: left; }
.cn-artigo .kt-cf-resumo-tit { display: flex; gap: 16px; font: 600 16px/24px Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-cf-resumo-tit :is(svg, .zi) { flex: none; width: 24px; height: 25px; }
.cn-artigo .kt-cf-lista { display: flex; flex-direction: column; gap: 24px; }
.cn-artigo .kt-cf-ing { display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-cf-ing-txt { display: flex; flex-direction: column; gap: 4px; width: 100%; }
.cn-artigo .kt-cf-ing-nome { font: 600 14px/normal Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-cf-ing-num, .cn-artigo .kt-cf-ing-quem { font: 400 12px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-cf-ing-num span { color: #222; }
.cn-artigo .kt-cf-ing-bts { display: flex; gap: 16px; width: 100%; white-space: nowrap; }
.cn-artigo .kt-cf-bt { display: flex; align-items: center; justify-content: center; padding: 6px 12px; border-radius: 6px; font: 500 12px/normal Helvetica, Arial, sans-serif; white-space: nowrap; }
.cn-artigo .kt-cf-bt--sec { width: 143px; border: 1px solid #00a7f0; background: #fff; color: #00a7f0; transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
.cn-artigo .kt-cf-bt--sec.kt-hover { background: #def4fc; }
.cn-artigo .kt-cf-bt--prim { width: 83px; margin: auto 0; background: #00a7f0; color: #fff; }
.cn-artigo .kt-cf-hr { height: 1px; background: #e5e7eb; }
.cn-artigo .kt-cf-fim { font: 600 14px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-cf-esq { display: block; flex: none; border-radius: 6px; background: #e2e8f0; animation: kt-pulso 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.cn-artigo .kt-cf-modal-fundo { position: absolute; inset: 0; z-index: 50; display: flex; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.5); }
.cn-artigo .kt-cf-modal { width: 100%; height: 60%; margin-top: auto; padding: 20px; border-radius: 16px 16px 0 0; background: #fff; text-align: center; }
.cn-artigo .kt-cf-modal-topo { display: flex; justify-content: space-between; align-items: center; }
.cn-artigo .kt-cf-fechar { display: block; margin-left: auto; }
.cn-artigo .kt-cf-fechar :is(svg, .zi) { width: 32px; height: 33px; }
.cn-artigo .kt-cf-modal-corpo { margin-top: 8px; display: flex; flex-direction: column; gap: 32px; }
.cn-artigo .kt-cf-modal-msg { display: flex; flex-direction: column; gap: 12px; }
.cn-artigo .kt-tela .kt-cf-modal-msg img { width: 80px; height: 80px; margin: 0 auto 12px; }
.cn-artigo .kt-cf-modal-msg :is(b, .cn-b) { font: 600 24px/normal Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-cf-modal-msg span { font: 400 14px/normal Helvetica, Arial, sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-artigo .kt-cf-modal-bts { display: flex; flex-direction: column; gap: 16px; }
.cn-artigo .kt-cf-bt-g { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px 20px; border-radius: 6px; font: 500 16px/normal Helvetica, Arial, sans-serif; }
.cn-artigo .kt-cf-bt-g--prim { background: #00a7f0; color: #fff; }
.cn-artigo .kt-cf-bt-g--sec { border: 1px solid #e5e7eb; background: #fff; color: #000; }
.cn-artigo .kt-cf-erro { height: 852px; padding: 0 16px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.cn-artigo .kt-cf-erro h1 { margin-bottom: 16px; font: 700 30px/45px Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo .kt-cf-erro p { margin-bottom: 24px; font: 400 16px/24px Helvetica, Arial, sans-serif; color: #000; }
.cn-artigo mark.pendente { background: #fff1d9; color: #8a5300; border-radius: 4px; padding: 0 4px; }
.cn-artigo .artigo code { overflow-wrap: anywhere; word-break: break-word; }
.cn-artigo .artigo { overflow-x: clip; }
/* ----- prévia: estilo próprio de cada artigo (escopo .cn-<slug>) ----- */
.cn-onde-encontro-meu-ingresso .x-onde-encontro-meu-ingresso { color: #222222; font-family: "Poppins", sans-serif; display: flex; flex-direction: column; line-height: 1.45; }
.cn-onde-encontro-meu-ingresso .x-onde-encontro-meu-ingresso--login { background: #ffffff; color: #1d2228; text-align: center; padding: 30px 18px 16px; }
.cn-onde-encontro-meu-ingresso .x-onde-encontro-meu-ingresso p { margin: 0; }

.cn-paguei-ingresso-nao-apareceu .kt-tela .x-paguei-ocupado { opacity: 0.72; }
.cn-paguei-ingresso-nao-apareceu .kt-tela .x-paguei-esq { display: flex; flex-direction: column; gap: 12px; }
.cn-paguei-ingresso-nao-apareceu .kt-tela .x-paguei-esq :is(i, .cn-i) { display: block; height: 44px; border-radius: 10px; }
.cn-paguei-ingresso-nao-apareceu .x-paguei-dias { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 8px; }
.cn-paguei-ingresso-nao-apareceu .x-paguei-dias li { background: var(--folha); border-radius: 14px; box-shadow: var(--sombra); padding: 12px 8px; display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; }
.cn-paguei-ingresso-nao-apareceu .x-paguei-dias span { font-size: 12px; color: rgba(34, 34, 34, 0.64); }
.cn-paguei-ingresso-nao-apareceu .x-paguei-dias :is(b, .cn-b) { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-paguei-ingresso-nao-apareceu .x-paguei-dias small { font-size: 12px; line-height: 1.35; color: rgba(34, 34, 34, 0.72); }
.cn-paguei-ingresso-nao-apareceu .x-paguei-dias .fds { background: #eef1f4; box-shadow: none; }
.cn-paguei-ingresso-nao-apareceu .x-paguei-dias .pago { box-shadow: inset 0 0 0 2px var(--marca); }
.cn-paguei-ingresso-nao-apareceu .x-paguei-dias .fim { background: var(--marca-fundo); }
.cn-paguei-ingresso-nao-apareceu .x-paguei-dias .fim small { color: var(--marca-texto); font-weight: 600; }
@media (max-width: 760px) {
  .cn-paguei-ingresso-nao-apareceu .x-paguei-dias { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
.cn-lugar-marcado .x-lugar-marcado-erros .erro span q { color: inherit; font-size: inherit; font-weight: 600; }
.cn-lugar-marcado .x-lugar-marcado-msg { font-size: 14px; line-height: 1.5; }
.cn-lugar-marcado .x-lugar-marcado-msg small { font-size: 13px; color: rgba(34, 34, 34, 0.62); }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-cab { flex: none; display: flex; align-items: center; gap: 12px; padding: 16px 20px; border-bottom: 1px solid rgba(34, 34, 34, 0.08); }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-voltar { display: flex; color: #222; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-cab :is(b, .cn-b) { font: 600 16px/1.2 "Poppins", sans-serif; color: #222; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-corpo { flex: 1; min-height: 0; overflow: hidden; padding: 16px 20px 0; display: flex; flex-direction: column; gap: 16px; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-previa { flex: none; height: 220px; border-radius: 12px; overflow: hidden; background: #f5f7f9; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-previa :is(svg, .zi) { width: 100%; height: 100%; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-setores { display: flex; flex-direction: column; gap: 8px; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-setor { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 10px; background: #f5f7f9; color: rgba(34, 34, 34, 0.4); }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-setor--ativo { border-color: rgba(0, 167, 240, 0.4); background: #e2f1f8; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-setor div { display: flex; flex-direction: column; gap: 4px; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-setor :is(b, .cn-b) { font: 600 16px/1.5 "Poppins", sans-serif; color: #222; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-setor span { font: 400 13px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-legenda { flex: none; display: flex; align-items: center; justify-content: center; gap: 20px; padding: 12px 0; background: #f5f7f9; font: 400 13px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.72); }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-legenda span { display: inline-flex; align-items: center; gap: 6px; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-ponto { flex: none; width: 14px; height: 14px; border-radius: 50%; background: #78b8c8; display: flex; align-items: center; justify-content: center; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-ponto :is(svg, .zi) { width: 12px; height: 12px; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-ponto--ocupado { background: rgba(34, 34, 34, 0.32); }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-mapa { position: relative; flex: 1; min-height: 0; overflow: hidden; display: flex; flex-direction: column; align-items: center; gap: 22px; padding: 20px 0; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-palco { width: 240px; height: 34px; border-radius: 0 0 48px 48px; background: #e3e8ec; display: flex; align-items: center; justify-content: center; font: 600 12px/1 Arial, sans-serif; letter-spacing: 3px; color: #5d6672; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-filas { display: flex; flex-direction: column; gap: 10px; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-fila { display: flex; align-items: center; gap: 7px; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-fila > span { width: 16px; text-align: center; font: 400 12px/1 Arial, sans-serif; color: #8a94a0; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-lugar { flex: none; width: 26px; height: 26px; border-radius: 50%; background: #78b8c8; display: flex; align-items: center; justify-content: center; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-lugar :is(svg, .zi) { width: 16px; height: 16px; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-lugar--ocupado { background: rgba(34, 34, 34, 0.32); }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-lugar--pend { box-shadow: 0 0 0 2px #fff, 0 0 0 4px #222; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-tipos { position: absolute; left: 32px; right: 32px; z-index: 3; display: flex; flex-direction: column; gap: 8px; padding: 14px 16px; border-radius: 12px; background: #fff; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22); font: 400 14px/1.4 Arial, sans-serif; color: #222; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-tipos :is(b, .cn-b) { font-weight: 700; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-tipos span { display: flex; justify-content: space-between; align-items: center; padding: 11px 14px; border: 1px solid #dde3e9; border-radius: 10px; font-weight: 700; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-tipos em { font-style: normal; font-weight: 400; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-rodape { flex: none; display: flex; align-items: center; gap: 12px; padding: 12px 20px; border-top: 1px solid rgba(34, 34, 34, 0.08); background: #fff; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-total { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-total :is(b, .cn-b) { font: 600 14px/1 "Poppins", sans-serif; color: #222; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-total em { font: 600 14px/1 "Poppins", sans-serif; color: #00a86b; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-total span { font: 400 12px/1 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-qtd { flex: none; width: 44px; height: 44px; border-radius: 50%; background: #f5f7f9; display: flex; align-items: center; justify-content: center; font: 600 14px/1 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.72); }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-comprar { flex: none; height: 44px; padding: 0 24px; border-radius: 999px; background: #00a7f0; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 14px/1 "Poppins", sans-serif; letter-spacing: 0.4px; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-comprar--off { opacity: 0.4; }
.cn-lugar-marcado .kt-tela .x-lugar-marcado-gira { width: 20px; height: 20px; border-radius: 50%; border: 2px solid #fff; border-right-color: transparent; animation: x-lugar-marcado-girar 1s linear infinite; }
@keyframes x-lugar-marcado-girar { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) {
  .cn-lugar-marcado .kt-tela .x-lugar-marcado-gira { animation: none; }
}
.cn-comprei-para-outras-pessoas .x-cpo-papeis { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 14px; max-width: 900px; }
.cn-comprei-para-outras-pessoas .x-cpo-papel { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; border-top: 4px solid var(--marca); }
.cn-comprei-para-outras-pessoas .x-cpo-papel--part { border-top-color: #75b871; }
.cn-comprei-para-outras-pessoas .x-cpo-papel small { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--marca-texto); }
.cn-comprei-para-outras-pessoas .x-cpo-papel--part small { color: #127a4a; }
.cn-comprei-para-outras-pessoas .x-cpo-papel h3 { font-size: 18px; font-weight: 600; }
.cn-comprei-para-outras-pessoas .x-cpo-papel ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 5px; font-size: 14.5px; }
.cn-comprei-para-outras-pessoas .x-cpo-qs q { quotes: "“" "”"; font-weight: 600; }
.cn-comprei-para-outras-pessoas .x-cpo-qs .erro span q { color: inherit; font-size: inherit; }
.cn-comprei-para-outras-pessoas .x-cpo-qs summary > span { min-width: 0; }
.cn-comprei-para-outras-pessoas .x-cpo-exemplo { max-width: 860px; }
.cn-como-cancelar-compra .x-cancelar-compra-exemplos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: 12px; }
.cn-como-cancelar-compra .x-cancelar-compra-ex { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.cn-como-cancelar-compra .x-cancelar-compra-ex h3 { margin: 0; font-size: 15px; font-weight: 600; }
.cn-como-cancelar-compra .x-cancelar-compra-ex p { font-size: 13.5px; color: rgba(34, 34, 34, 0.8); }
.cn-como-cancelar-compra .x-cancelar-compra-ex q { quotes: "“" "”"; }
.cn-como-cancelar-compra .x-cancelar-compra-tempo { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.cn-como-cancelar-compra .x-cancelar-compra-tempo li { position: relative; padding: 0 0 12px 24px; display: flex; flex-direction: column; font-size: 13.5px; line-height: 1.4; }
.cn-como-cancelar-compra .x-cancelar-compra-tempo li::before { content: ""; position: absolute; left: 2px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--x-cancelar-compra-cor, #8e99a6); }
.cn-como-cancelar-compra .x-cancelar-compra-tempo li::after { content: ""; position: absolute; left: 7px; top: 19px; bottom: 1px; width: 2px; background: #e3e8ec; }
.cn-como-cancelar-compra .x-cancelar-compra-tempo li:last-child { padding-bottom: 0; }
.cn-como-cancelar-compra .x-cancelar-compra-tempo li:last-child::after { display: none; }
.cn-como-cancelar-compra .x-cancelar-compra-tempo :is(b, .cn-b) { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-como-cancelar-compra .x-cancelar-compra-tempo span { font-size: 13px; color: rgba(34, 34, 34, 0.7); }
.cn-como-cancelar-compra .x-cancelar-compra-tempo .pode { --x-cancelar-compra-cor: #127a4a; }
.cn-como-cancelar-compra .x-cancelar-compra-tempo .nao { --x-cancelar-compra-cor: #a3262e; }
.cn-como-cancelar-compra .x-cancelar-compra-tempo .ev { --x-cancelar-compra-cor: #0089c7; }
.cn-como-cancelar-compra .x-cancelar-compra-prazos .regra p { font-size: 14px; }
.cn-prazo-reembolso .x-prazo-reembolso-exemplo { background: #f5f7f8; border-radius: 10px; padding: 8px 10px; margin-top: 4px; font-size: 13.5px; list-style: none; margin-left: -18px; }
.cn-prazo-reembolso .x-prazo-reembolso-exemplo :is(b, .cn-b) { font-weight: 600; }
.cn-forma-pagamento-errada .kt-tela .x-fpe-realce { box-shadow: 0 0 0 3px #f0c060; animation: x-fpe-pulso 1.1s ease-in-out infinite; }
@keyframes x-fpe-pulso { 50% { box-shadow: 0 0 0 6px rgba(240, 192, 96, 0.45); } }
@media (prefers-reduced-motion: reduce) {
  .cn-forma-pagamento-errada .kt-tela .x-fpe-realce { animation: none; }
}
.cn-evento-cancelado-adiado .caso-texto.x-evento-cancelado-adiado-largo { grid-column: 1 / -1; }
.cn-evento-cancelado-adiado .x-evento-cancelado-adiado-exemplo { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.cn-evento-cancelado-adiado .x-evento-cancelado-adiado-exemplo h3 { font-size: 15px; font-weight: 600; }
.cn-evento-cancelado-adiado .x-evento-cancelado-adiado-exemplo > p { font-size: 14px; color: rgba(34, 34, 34, 0.8); max-width: 72ch; }
.cn-evento-cancelado-adiado .x-evento-cancelado-adiado-linha { list-style: none; margin: 0 0 0 6px; padding: 0; display: flex; flex-direction: column; }
.cn-evento-cancelado-adiado .x-evento-cancelado-adiado-linha li { position: relative; display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 2px 16px; padding: 9px 0 9px 20px; border-left: 2px solid var(--linha); font-size: 14px; }
.cn-evento-cancelado-adiado .x-evento-cancelado-adiado-linha li::before { content: ""; position: absolute; left: -6px; top: 15px; width: 10px; height: 10px; border-radius: 50%; background: #c9d1d9; }
.cn-evento-cancelado-adiado .x-evento-cancelado-adiado-linha li.x-evento-cancelado-adiado-marco::before { background: var(--marca); }
.cn-evento-cancelado-adiado .x-evento-cancelado-adiado-linha :is(b, .cn-b) { font-weight: 600; font-variant-numeric: tabular-nums; }
@media (max-width: 760px) {
  .cn-evento-cancelado-adiado .x-evento-cancelado-adiado-linha li { grid-template-columns: 1fr; }
}
.cn-nao-recebi-codigo .x-nao-recebi-codigo-casas-erro span { border-color: #b3261e; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-erro { font-size: 11px; line-height: 1.4; color: #b3261e; padding-top: 5px; text-align: left; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-alerta { color: #8a5300; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-alerta :is(b, .cn-b) { font-weight: 600; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-faixa { border-radius: 8px; padding: 9px 11px; font-size: 11.5px; line-height: 1.45; text-align: left; margin-bottom: 12px; border: 1px solid transparent; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-faixa--erro { background: #f8d7da; color: #842029; border-color: #f5c2c7; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-faixa--aviso { background: #fff3cd; color: #664d03; border-color: #ffe69c; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-reenviar { margin-top: 12px; font-size: 12px; color: #6a7480; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-off { color: #8a94a0; font-weight: 500; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail { background: #fff; display: flex; flex-direction: column; text-align: left; font-family: -apple-system, "SF Pro Text", "Segoe UI", Roboto, system-ui, sans-serif; color: #1d2228; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-topo { padding: 12px 12px 4px; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-busca { height: 40px; border-radius: 20px; background: #eef1f4; display: flex; align-items: center; gap: 8px; padding: 0 14px; font-size: 13px; white-space: nowrap; overflow: hidden; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-busca--foco { background: #fff; box-shadow: 0 0 0 2px #0089c7; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-busca .ph { color: #6f7a86; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-busca :is(svg, .zi) { flex: none; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-pasta { font-size: 11px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; color: #5f6975; padding: 10px 16px 6px; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-item { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; gap: 10px; align-items: start; padding: 10px 14px; border-bottom: 1px solid #eef1f4; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-item--sel { background: #e6f5fd; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-av { width: 34px; height: 34px; border-radius: 50%; background: #eef4f9; display: grid; place-items: center; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-av :is(svg, .zi) { width: 14px; height: 21px; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-av--vazio { background: #e3e8ec; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-txt { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-txt :is(b, .cn-b) { font-size: 13px; font-weight: 700; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-txt span { font-size: 11.5px; color: #5f6975; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-tag { align-self: flex-start; font-style: normal; font-size: 10px; font-weight: 600; color: #842029; background: #f8d7da; border-radius: 4px; padding: 1px 6px; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-item small { font-size: 11px; color: #5f6975; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-esq { display: flex; flex-direction: column; gap: 7px; padding-top: 5px; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-mail-esq :is(i, .cn-i) { display: block; height: 8px; border-radius: 4px; background: #e3e8ec; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta-topo { height: 46px; flex: none; display: flex; align-items: center; gap: 12px; padding: 0 14px; border-bottom: 1px solid #eef1f4; font-size: 18px; color: #38424e; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta { padding: 12px 14px; display: flex; flex-direction: column; gap: 3px; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta-assunto { font-size: 16px; font-weight: 700; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta-hora { font-size: 11px; color: #5f6975; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta-corpo { margin-top: 10px; background: #fafafa; border: 1px solid #eef1f4; border-radius: 12px; padding: 14px; display: flex; flex-direction: column; gap: 8px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; line-height: 1.5; color: #38424e; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta-logo { width: 20px; height: 30px; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta-logo :is(svg, .zi) { width: 100%; height: 100%; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta-codigo { background: #fff; border: 1px solid #e3e8ec; border-radius: 10px; padding: 10px; text-align: center; display: flex; flex-direction: column; gap: 2px; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta-codigo small { font-size: 11px; color: #5f6975; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta-codigo :is(b, .cn-b) { font-size: 26px; letter-spacing: 6px; color: #1d2228; }
.cn-nao-recebi-codigo .x-nao-recebi-codigo-carta-apoio { font-size: 11px; color: #6a7480; }
.cn-conta-bloqueada .x-conta-bloqueada-acoes { display: flex; flex-wrap: wrap; gap: 10px; }
.cn-conta-bloqueada .x-conta-bloqueada-compara { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 12px; }
.cn-conta-bloqueada .x-conta-bloqueada-lado { background: #fff; border-radius: 18px; box-shadow: 0 1px 2px rgba(16, 38, 64, 0.06), 0 6px 20px rgba(16, 38, 64, 0.05); padding: 18px 20px; display: flex; flex-direction: column; gap: 10px; border-top: 4px solid #b3261e; }
.cn-conta-bloqueada .x-conta-bloqueada-lado--espera { border-top-color: #00b2ff; }
.cn-conta-bloqueada .x-conta-bloqueada-lado small { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #8a2a24; }
.cn-conta-bloqueada .x-conta-bloqueada-lado--espera small { color: #0b5f8a; }
.cn-conta-bloqueada .x-conta-bloqueada-lado h3 { font-size: 18px; font-weight: 600; }
.cn-conta-bloqueada .x-conta-bloqueada-lado ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 6px; font-size: 14.5px; }
.cn-conta-bloqueada .x-conta-bloqueada-lado q { quotes: "“" "”"; font-weight: 600; }
.cn-conta-bloqueada .x-conta-bloqueada-amostra { border: 1px solid #e3e8ec; border-radius: 12px; padding: 14px; background: #fafbfc; display: flex; flex-direction: column; gap: 8px; font-size: 13px; line-height: 1.45; }
.cn-conta-bloqueada .x-conta-bloqueada-amostra :is(b, .cn-b) { font-size: 16px; font-weight: 600; }
.cn-conta-bloqueada .x-conta-bloqueada-amostra > span { color: #6a7480; }
.cn-conta-bloqueada .x-conta-bloqueada-amostra em { font-style: normal; height: 38px; border-radius: 8px; display: grid; place-items: center; font-size: 13px; font-weight: 600; color: #fff; background: #00b2ff; font-variant-numeric: tabular-nums; }
.cn-conta-bloqueada .x-conta-bloqueada-amostra em.x-conta-bloqueada-borda { background: #fff; color: #0086c4; border: 1.5px solid #00b2ff; }
.cn-conta-bloqueada .x-conta-bloqueada-amostra em.x-conta-bloqueada-off { background: #e7ebef; color: #9aa4af; }
.cn-conta-bloqueada .x-conta-bloqueada-amostra .x-conta-bloqueada-faixa { margin: 0; font-size: 12.5px; }
.cn-conta-bloqueada .x-conta-bloqueada-tela { display: flex; flex-direction: column; padding: 30px 18px 16px; text-align: center; background: #fff; }
.cn-conta-bloqueada .x-conta-bloqueada-faixa { border-radius: 8px; padding: 9px 11px; font-size: 11.5px; line-height: 1.45; text-align: left; margin: 0 0 12px; background: #f8d7da; color: #842029; border: 1px solid #f5c2c7; font-variant-numeric: tabular-nums; }
.cn-conta-bloqueada .x-conta-bloqueada-ent-erro { border-color: #b3261e; box-shadow: 0 0 0 3px rgba(179, 38, 30, 0.14); }
.cn-conta-bloqueada .x-conta-bloqueada-msg { font-size: 11px; line-height: 1.4; color: #b3261e; padding-top: 5px; text-align: left; }
.cn-conta-bloqueada .x-conta-bloqueada-carregando { background: #4cc9ff; }
.cn-conta-bloqueada .x-conta-bloqueada-mostrar { margin-left: auto; padding-left: 8px; font-size: 12px; font-weight: 600; color: #0086c4; }
.cn-conta-bloqueada .x-conta-bloqueada-tempo { font-variant-numeric: tabular-nums; }
.cn-alterar-dados-pessoais .kt-tela .x-dados-paises { position: absolute; inset: 0; z-index: 60; background: rgba(0, 0, 0, 0.5); padding: 30px; display: flex; flex-direction: column; justify-content: center; }
.cn-alterar-dados-pessoais .kt-tela .x-dados-lista { list-style: none; max-height: 100%; overflow: hidden; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); font: 400 16px/1.5 Roboto, Arial, sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-alterar-dados-pessoais .kt-tela .x-dados-pais { display: flex; align-items: center; padding: 10px; line-height: 1.5em; }
.cn-alterar-dados-pessoais .kt-tela .x-dados-pais--ativo { background: rgba(0, 0, 0, 0.05); }
.cn-alterar-dados-pessoais .kt-tela .x-dados-caixa-bandeira { flex: none; width: 20px; margin-right: 6px; }
.cn-alterar-dados-pessoais .kt-tela .x-dados-bandeira { width: 20px; height: 14px; box-shadow: 0 0 1px 0 #888; }
.cn-alterar-dados-pessoais .kt-tela .x-dados-nome { margin-right: 6px; }
.cn-alterar-dados-pessoais .kt-tela .x-dados-ddi { color: #999; }
.cn-alterar-dados-pessoais .kt-tela .x-dados-divisor { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #ccc; }
.cn-alterar-dados-pessoais .x-dados-nota code { overflow-wrap: anywhere; }
.cn-trocar-email-conta .x-trocar-email-conta-junto { white-space: nowrap; }
.cn-trocar-email-conta .x-trocar-email-conta-acoes { display: flex; flex-wrap: wrap; gap: 10px; }
.cn-trocar-email-conta .x-trocar-email-conta-lista { list-style: none; margin: 0; padding: 0; background: #fff; border-radius: 18px; box-shadow: 0 1px 2px rgba(16, 38, 64, 0.06), 0 6px 20px rgba(16, 38, 64, 0.05); overflow: hidden; counter-reset: item; }
.cn-trocar-email-conta .x-trocar-email-conta-lista li { counter-increment: item; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 2px 14px; padding: 14px 20px; border-top: 1px solid #e3e8ec; }
.cn-trocar-email-conta .x-trocar-email-conta-lista li:first-child { border-top: 0; }
.cn-trocar-email-conta .x-trocar-email-conta-lista li::before { content: counter(item); grid-row: span 2; width: 30px; height: 30px; border-radius: 50%; background: #e6f5fd; color: #0b5f8a; font-size: 13px; font-weight: 600; display: grid; place-items: center; }
.cn-trocar-email-conta .x-trocar-email-conta-lista :is(b, .cn-b) { font-weight: 600; font-size: 15px; }
.cn-trocar-email-conta .x-trocar-email-conta-lista span { font-size: 14px; color: rgba(34, 34, 34, 0.74); }
.cn-trocar-email-conta .x-trocar-email-conta-lista q, .cn-trocar-email-conta .x-trocar-email-conta-dicas q { quotes: "“" "”"; font-weight: 600; }
.cn-trocar-email-conta .x-trocar-email-conta-modelo { background: #fff; border: 1px dashed #a9dcf4; border-radius: 16px; padding: 14px 18px; display: flex; flex-direction: column; gap: 6px; }
.cn-trocar-email-conta .x-trocar-email-conta-modelo small { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #0b5f8a; }
.cn-trocar-email-conta .x-trocar-email-conta-modelo pre { margin: 0; font-family: inherit; font-size: 14px; line-height: 1.7; white-space: pre-wrap; color: #222; }
.cn-trocar-email-conta .x-trocar-email-conta-dicas { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.cn-trocar-email-conta .x-trocar-email-conta-realce { outline: 2px dashed #f0b429; outline-offset: 3px; border-radius: 4px; }
.cn-trocar-email-conta .x-trocar-email-conta-lg { width: 18px; height: 27px; display: block; }
.cn-trocar-email-conta .x-trocar-email-conta-lg :is(svg, .zi) { width: 100%; height: 100%; display: block; }
.cn-trocar-email-conta .x-trocar-email-conta-btn { height: 34px; border-radius: 9px; padding: 0 14px; font-size: 11.5px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: #0089c7; color: #fff; border: 1px solid #0089c7; white-space: nowrap; }
.cn-trocar-email-conta .x-trocar-email-conta-btn--sec { background: #fff; color: #0b6e9e; border-color: #a9dcf4; }
.cn-trocar-email-conta .x-trocar-email-conta-btn--largo { width: 100%; }
.cn-trocar-email-conta .x-trocar-email-conta-ce { background: #f5f7f8; display: flex; flex-direction: column; text-align: left; color: #222; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-topo { position: relative; z-index: 2; flex: none; height: 50px; background: #fff; border-bottom: 1px solid rgba(34, 34, 34, 0.08); display: flex; align-items: center; justify-content: space-between; padding: 0 12px; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-marca { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-pilula { height: 26px; padding: 0 10px; border-radius: 999px; border: 1px solid rgba(128, 128, 128, 0.16); font-size: 10px; font-weight: 500; color: #0089c7; display: flex; align-items: center; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-vista { position: relative; flex: 1; overflow: hidden; }
.cn-trocar-email-conta .x-trocar-email-conta-rolo { display: flex; flex-direction: column; gap: 12px; padding: 18px 12px 16px; }
.cn-trocar-email-conta .x-trocar-email-conta-rolo--desce { animation: x-trocar-email-conta-rolar 1.1s ease forwards; }
.cn-trocar-email-conta .x-trocar-email-conta-rolo--baixo { transform: translateY(calc(-100% + 564px)); }
@keyframes x-trocar-email-conta-rolar { from { transform: none; } to { transform: translateY(calc(-100% + 564px)); } }
.cn-trocar-email-conta .x-trocar-email-conta-ce-hero { display: flex; flex-direction: column; gap: 6px; padding-bottom: 4px; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-hero :is(b, .cn-b) { font-size: 20px; font-weight: 600; line-height: 1.2; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-hero p { font-size: 11px; color: rgba(34, 34, 34, 0.7); }
.cn-trocar-email-conta .x-trocar-email-conta-ce-busca { height: 38px; background: #fff; border: 1px solid rgba(128, 128, 128, 0.16); border-radius: 10px; display: flex; align-items: center; gap: 8px; padding: 0 10px; font-size: 11px; color: rgba(34, 34, 34, 0.55); }
.cn-trocar-email-conta .x-trocar-email-conta-ce-sub { font-size: 13px; font-weight: 600; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-ass { background: #fff; border-radius: 12px; padding: 9px 12px; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-ass :is(b, .cn-b) { display: block; font-size: 12px; font-weight: 600; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-ass small { display: block; font-size: 9.5px; color: rgba(34, 34, 34, 0.6); line-height: 1.35; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-contato { background: #fff; border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 38, 64, 0.06), 0 6px 20px rgba(16, 38, 64, 0.05); padding: 14px; display: flex; flex-direction: column; gap: 8px; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-contato > :is(b, .cn-b) { font-size: 14.5px; font-weight: 600; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-selo { align-self: flex-start; font-size: 9.5px; font-weight: 600; color: #127a4a; background: #e3f5ec; border-radius: 999px; padding: 2px 9px; }
.cn-trocar-email-conta .x-trocar-email-conta-ce-contato p { font-size: 10.5px; color: rgba(34, 34, 34, 0.72); line-height: 1.45; }
.cn-trocar-email-conta .x-trocar-email-conta-nota { background: #eef1f4; display: flex; flex-direction: column; justify-content: center; padding: 18px 14px; text-align: left; color: #222; }
.cn-trocar-email-conta .x-trocar-email-conta-nota-card { background: #fff; border-radius: 16px; box-shadow: 0 6px 20px rgba(16, 38, 64, 0.08); padding: 16px; display: flex; flex-direction: column; gap: 9px; }
.cn-trocar-email-conta .x-trocar-email-conta-nota-tag { align-self: flex-start; font-size: 9.5px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; color: #8a5300; background: #fff1d9; border-radius: 999px; padding: 2px 9px; }
.cn-trocar-email-conta .x-trocar-email-conta-nota-card > :is(b, .cn-b) { font-size: 16px; font-weight: 600; }
.cn-trocar-email-conta .x-trocar-email-conta-nota-linha { border: 1px solid #e3e8ec; border-radius: 10px; padding: 7px 10px; display: flex; flex-direction: column; gap: 1px; }
.cn-trocar-email-conta .x-trocar-email-conta-nota-linha small { font-size: 9.5px; color: rgba(34, 34, 34, 0.6); }
.cn-trocar-email-conta .x-trocar-email-conta-nota-linha span { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.cn-trocar-email-conta .x-trocar-email-conta-nota-linha--vazia { border-style: dashed; background: #fafbfc; }
.cn-trocar-email-conta .x-trocar-email-conta-nota-linha--vazia span { color: transparent; }
.cn-trocar-email-conta .x-trocar-email-conta-surge { animation: x-trocar-email-conta-surgir 0.35s ease; }
@keyframes x-trocar-email-conta-surgir { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.cn-trocar-email-conta .x-trocar-email-conta-nota-pe { font-size: 10.5px; color: #8a2a24; }
.cn-trocar-email-conta .x-trocar-email-conta-acesso { display: flex; flex-direction: column; padding: 30px 18px 16px; text-align: center; background: #fff; }
@media (prefers-reduced-motion: reduce) {
  .cn-trocar-email-conta .x-trocar-email-conta-rolo--desce { animation: none; transform: translateY(calc(-100% + 564px)); }
  .cn-trocar-email-conta .x-trocar-email-conta-surge { animation: none; }
}
.cn-alterar-senha .x-alterar-senha { background: #f5f7f8; color: #222222; font-family: "Poppins", sans-serif; text-align: left; display: flex; flex-direction: column; line-height: 1.45; }
.cn-alterar-senha .x-alterar-senha :is(svg, .zi) { flex: none; }
.cn-alterar-senha .x-alterar-senha.x-alterar-senha--acesso { background: #ffffff; color: #1d2228; text-align: center; padding: 30px 18px 16px; }
.cn-alterar-senha .x-alterar-senha--acesso > * { flex-shrink: 0; }
.cn-alterar-senha .x-alterar-senha.x-alterar-senha--compacta { padding-top: 18px; }
.cn-alterar-senha .x-alterar-senha--compacta .r-logo { width: 26px; height: 38px; margin-bottom: 12px; }
.cn-alterar-senha .x-alterar-senha--compacta .r-sub { margin-bottom: 10px; }
.cn-alterar-senha .x-alterar-senha--compacta .r-pilula { margin-bottom: 10px; }
.cn-alterar-senha .x-alterar-senha--compacta .r-campo { margin-bottom: 9px; }
.cn-alterar-senha .kt-tela .x-alterar-senha-aviso { width: 100%; max-width: 480px; padding: 40px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 16px; background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12); display: grid; gap: 32px; text-align: center; font: 400 14px/1.5 "Poppins", sans-serif; color: #222; }
.cn-alterar-senha .kt-tela .x-alterar-senha-aviso-topo { display: grid; gap: 24px; justify-items: center; }
.cn-alterar-senha .kt-tela .x-alterar-senha-aviso-textos { display: grid; gap: 12px; }
.cn-alterar-senha .kt-tela .x-alterar-senha-aviso-textos :is(b, .cn-b) { font: 600 24px/normal "Poppins", sans-serif; color: #222; }
.cn-alterar-senha .kt-tela .x-alterar-senha-aviso-textos span { font: 400 14px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-alterar-senha .kt-tela .x-alterar-senha-aviso-acoes { display: flex; padding-top: 16px; }
.cn-alterar-senha .kt-tela .x-alterar-senha-aviso-btn { flex: 1 0 auto; height: 36px; border-radius: 8px; background: #00a7f0; color: #fff; display: flex; align-items: center; justify-content: center; font: 500 14px/normal "Poppins", sans-serif; letter-spacing: 0.0892857em; text-transform: uppercase; }
.cn-biometria-intransferivel .x-bioint-realce { outline: 2px solid rgba(245, 158, 11, 0.95); outline-offset: 2px; animation: x-bioint-pulso 1.2s ease-in-out infinite; }
@keyframes x-bioint-pulso { 0%, 100% { outline-color: rgba(245, 158, 11, 0.95); outline-offset: 2px; } 50% { outline-color: rgba(245, 158, 11, 0.4); outline-offset: 5px; } }
@media (prefers-reduced-motion: reduce) {
  .cn-biometria-intransferivel .x-bioint-realce { animation: none; }
}
.cn-biometria-crianca .x-bcri-papeis { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr)); gap: 14px; max-width: 900px; }
.cn-biometria-crianca .x-bcri-papel { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; border-top: 4px solid var(--marca); }
.cn-biometria-crianca .x-bcri-papel--crianca { border-top-color: #75b871; }
.cn-biometria-crianca .x-bcri-papel small { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--marca-texto); }
.cn-biometria-crianca .x-bcri-papel--crianca small { color: #127a4a; }
.cn-biometria-crianca .x-bcri-papel h3 { font-size: 18px; font-weight: 600; }
.cn-biometria-crianca .x-bcri-papel ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 5px; font-size: 14.5px; }
.cn-biometria-crianca .x-bcri-papel q, .cn-biometria-crianca .x-bcri-regras q { quotes: "“" "”"; font-weight: 600; }
.cn-biometria-crianca .kt-tela .x-bcri-aviso { display: flex; gap: 12px; margin-top: 16px; padding: 12px; border-radius: 12px; background: #e2f1f8; border: 1px solid #0d93fa; }
.cn-biometria-crianca .kt-tela .x-bcri-aviso > :is(svg, .zi) { flex: 0 0 24px; width: 24px; height: 24px; margin-top: 2px; }
.cn-biometria-crianca .kt-tela .x-bcri-aviso-conteudo { display: flex; flex-direction: column; gap: 4px; }
.cn-biometria-crianca .kt-tela .x-bcri-aviso-tit { font: 500 14px/1 "Poppins", sans-serif; color: #222; }
.cn-biometria-crianca .kt-tela .x-bcri-aviso-txt { margin-bottom: 8px; font: 400 12px/1.3 "Poppins", sans-serif; color: #222; }
.cn-biometria-crianca .kt-tela .x-bcri-aviso-btn { align-self: flex-start; height: 28px; display: inline-flex; align-items: center; gap: 8px; padding: 4px 12px; border-radius: 8px; background: #00a7f0; color: #fff; font: 500 12px/18px "Poppins", sans-serif; }
.cn-biometria-crianca .kt-tela .x-bcri-limpar { position: absolute; top: 50%; right: 12px; transform: translateY(-50%); font: 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-biometria-crianca .kt-tela .x-bcri-bio { display: flex; flex-direction: column; gap: 16px; margin: 16px 0; padding: 12px; border-radius: 12px; background: rgba(255, 255, 255, 0.4); border: 1px solid rgba(128, 128, 128, 0.16); }
.cn-biometria-crianca .kt-tela .x-bcri-bio--ok { background: #e9f6ec; border-color: #9fd8ac; }
.cn-biometria-crianca .kt-tela .x-bcri-bio--erro { background: #fdecec; border-color: #f3b5b0; }
.cn-biometria-crianca .kt-tela .x-bcri-bio--agu { gap: 12px; background: #fbf3d8; border-color: rgba(128, 128, 128, 0.16); }
.cn-biometria-crianca .kt-tela .x-bcri-bio-cab { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-tit { display: flex; align-items: center; gap: 8px; font: 500 14px/1 "Poppins", sans-serif; color: #222; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-tit :is(svg, .zi) { flex-shrink: 0; width: 20px; height: 23.33px; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-selo { display: inline-flex; align-items: center; gap: 4px; height: 26px; padding: 4px 8px; border-radius: 8px; font: 500 12px/18px "Poppins", sans-serif; white-space: nowrap; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-selo :is(svg, .zi) { width: 16px; height: 16px; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-selo--pend { background: #fbf3db; color: #8a6d00; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-selo--pend :is(svg, .zi) { width: 14px; height: 14px; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-selo--verif { background: rgba(0, 167, 240, 0.12); color: #0083bd; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-selo--ok { background: #57a773; color: #fff; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-selo--erro { background: #d72b2b; color: #fff; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-selo--agu { background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), #e9b509; color: #fff; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-giro { flex-shrink: 0; width: 13px; height: 13px; border-radius: 50%; border: 2px solid rgba(0, 167, 240, 0.35); border-top-color: #00a7f0; animation: x-bcri-girar 0.7s linear infinite; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-giro--claro { width: 16px; height: 16px; border-color: rgba(255, 255, 255, 0.45); border-top-color: #fff; }
@keyframes x-bcri-girar { to { transform: rotate(360deg); } }
.cn-biometria-crianca .kt-tela .x-bcri-bio-msg { font: 400 12px/1.3 "Poppins", sans-serif; color: #222; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-msg--erro { color: #670000; line-height: 1; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-acoes { display: flex; flex-direction: column; gap: 12px; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; width: 100%; height: 44px; padding: 8px 16px; border-radius: 12px; background: #00a7f0; color: #fafafa; font: 500 14px/1 "Poppins", sans-serif; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-btn--verif { background: rgba(0, 167, 240, 0.45); }
.cn-biometria-crianca .kt-tela .x-bcri-bio-btn--off { background: #f1f3f5; color: rgba(34, 34, 34, 0.32); }
.cn-biometria-crianca .kt-tela .x-bcri-bio-btn--borda { background: transparent; color: #00a7f0; border: 1px solid #00a7f0; }
.cn-biometria-crianca .kt-tela .x-bcri-bio-dica { font: 400 12px/1.3 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-biometria-crianca .kt-tela .x-bcri-pendente { display: flex; align-items: center; gap: 8px; margin: 16px 0 -4px; color: #794500; font: 500 12px/1 "Poppins", sans-serif; }
.cn-biometria-crianca .kt-tela .x-bcri-pendente :is(svg, .zi) { flex-shrink: 0; width: 18px; height: 18px; }
@media (prefers-reduced-motion: reduce) {
  .cn-biometria-crianca .kt-tela .x-bcri-bio-giro { animation: none; }
}
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-cores { display: flex; flex-wrap: wrap; gap: 8px 20px; font-size: 13.5px; color: rgba(34, 34, 34, 0.74); }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-cores span { display: inline-flex; align-items: center; gap: 8px; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-msg { display: flex; align-items: baseline; gap: 9px; margin: 0; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-cor { flex: none; width: 10px; height: 10px; border-radius: 50%; display: inline-block; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-cor--cinza { background: #c7ccd3; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-cor--ambar { background: #fbbf24; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-cor--verde { background: #22c55e; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-regras { grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-banner { height: 70px; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-linha-selo { min-height: 26px; display: flex; align-items: center; justify-content: center; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-selo { font-weight: 600; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08); text-align: center; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-selo-cinza { background: #e5e7eb; color: #4b5563; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-selo-ambar { background: #fbbf24; color: #451a03; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-selo-verde { background: #22c55e; color: #fff; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-seta { animation: x-camera-nao-reconheceu-pisca 1s ease-in-out infinite; }
@keyframes x-camera-nao-reconheceu-pisca { 0%, 100% { opacity: 0.4; } 50% { opacity: 1; } }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-falhou { position: absolute; inset: 0; background: rgba(17, 24, 39, 0.9); display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; padding: 16px; text-align: center; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-falhou :is(b, .cn-b) { color: #fff; font-size: 13.5px; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-falhou p { color: #d1d5db; font-size: 10.5px; line-height: 1.45; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-falhou .bio-btn { width: 100%; margin-top: 6px; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-falhou .x-camera-nao-reconheceu-sorriso { position: static; flex: none; width: 30px; height: 30px; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-erro-txt { font-size: 12.5px; color: #374151; text-align: center; line-height: 1.5; padding: 8px 2px; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-aviso-ic { align-self: center; width: 50px; height: 50px; border-radius: 50%; background: #fef3c7; display: grid; place-items: center; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-aviso-ic :is(svg, .zi) { width: 26px; height: 26px; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-alerta { border-radius: 12px; background: #fef2f2; color: #b91c1c; font-size: 10.5px; font-weight: 500; line-height: 1.4; padding: 8px 10px; text-align: center; }
.cn-camera-nao-reconheceu .x-camera-nao-reconheceu-refazer { margin-top: 6px; }
@media (prefers-reduced-motion: reduce) {
  .cn-camera-nao-reconheceu .x-camera-nao-reconheceu-seta { animation: none; }
}
.cn-passar-ingresso-outra-pessoa .x-pip-qs q { quotes: "“" "”"; font-weight: 600; }
.cn-passar-ingresso-outra-pessoa .x-pip-qs .erro span q { color: inherit; font-size: inherit; }
.cn-passar-ingresso-outra-pessoa .x-pip-qs summary > span { min-width: 0; }
.cn-passar-ingresso-outra-pessoa .x-pip-exemplo { max-width: 860px; }
.cn-passar-ingresso-outra-pessoa .kt-tela .kt-jc-marcar :is(i, .cn-i).x-pip-marcado { background: #0079b0; border-color: #0079b0; display: grid; place-items: center; }
.cn-passar-ingresso-outra-pessoa .kt-tela .kt-jc-marcar :is(i, .cn-i).x-pip-marcado :is(svg, .zi) { width: 18px; height: 18px; }
.cn-passar-ingresso-outra-pessoa .kt-tela .kt-al-ddi :is(i, .cn-i).x-pip-seta-cima { border-top: 0; border-bottom: 4px solid #555; }
.cn-passar-ingresso-outra-pessoa .kt-tela .x-pip-iti { position: relative; z-index: 2; height: 0; }
.cn-passar-ingresso-outra-pessoa .kt-tela .x-pip-iti-lista { position: absolute; top: 0; left: -1px; width: 100%; max-height: 200px; overflow: hidden; list-style: none; background: #fff; border: 1px solid #ccc; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); white-space: normal; }
.cn-passar-ingresso-outra-pessoa .kt-tela .x-pip-iti-pais { display: flex; align-items: center; padding: 5px 10px; font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-passar-ingresso-outra-pessoa .kt-tela .x-pip-iti-ativo { background: rgba(0, 0, 0, 0.05); }
.cn-passar-ingresso-outra-pessoa .kt-tela .x-pip-iti-divisor { margin-bottom: 5px; border-bottom: 1px solid #ccc; }
.cn-passar-ingresso-outra-pessoa .kt-tela .x-pip-iti-flag { flex: 0 0 20px; margin-right: 6px; }
.cn-passar-ingresso-outra-pessoa .kt-tela .x-pip-iti-nome { margin-right: 6px; }
.cn-passar-ingresso-outra-pessoa .kt-tela .x-pip-iti-ddi { color: #999; }
.cn-corrigir-dados-compra .x-cdc-qs q { quotes: "“" "”"; font-weight: 600; }
.cn-corrigir-dados-compra .x-cdc-qs .erro span q { color: inherit; font-size: inherit; }
.cn-corrigir-dados-compra .x-cdc-qs summary > span { min-width: 0; }
.cn-corrigir-dados-compra .x-cdc-botoes { display: flex; flex-wrap: wrap; gap: 10px; }
.cn-corrigir-dados-compra .x-cdc-botoes .btn { align-self: auto; }
.cn-corrigir-dados-compra .x-cdc-sub { font-size: 16px; font-weight: 600; margin-top: 6px; }
.cn-corrigir-dados-compra .x-cdc-nota code { overflow-wrap: anywhere; }
.cn-como-comprar .x-cc-erros .erro span q { color: inherit; font-size: inherit; font-weight: 600; }
.cn-como-comprar .x-cc-exemplo { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; max-width: 860px; }
.cn-como-comprar .x-cc-exemplo h3 { font-size: 15px; font-weight: 600; }
.cn-como-comprar .x-cc-exemplo ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.cn-como-comprar .x-cc-exemplo strong { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-como-comprar .kt-tela .x-cc-dica { position: absolute; z-index: 35; top: 52px; right: 12px; width: 320px; padding: 5px 16px; border-radius: 4px; background: #eff9ff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12); }
.cn-como-comprar .kt-tela .x-cc-dica div { padding: 4px; font: 400 12px/1.6 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-como-comprar .kt-tela .x-cc-modal { width: max-content; max-width: 100%; padding: 40px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 16px; background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12); display: grid; gap: 32px; text-align: center; font-family: "Poppins", sans-serif; }
.cn-como-comprar .kt-tela .x-cc-modal-topo { display: grid; gap: 24px; }
.cn-como-comprar .kt-tela .x-cc-modal-ic :is(svg, .zi) { display: inline-block; width: 72px; height: 72px; }
.cn-como-comprar .kt-tela .x-cc-modal-txt { display: grid; gap: 12px; }
.cn-como-comprar .kt-tela .x-cc-modal-txt :is(b, .cn-b) { font: 600 24px/normal "Poppins", sans-serif; color: #222; }
.cn-como-comprar .kt-tela .x-cc-modal-txt span { font: 400 14px/1.5 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-como-comprar .kt-tela .x-cc-modal-acoes { padding-top: 16px; }
.cn-como-comprar .kt-tela .x-cc-modal-btn { height: 48px; border-radius: 8px; background: #00a7f0; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 16px/1 "Poppins", sans-serif; letter-spacing: 0.4px; }
.cn-como-comprar .x-cc-login { background: #fff; display: flex; flex-direction: column; padding: 22px 18px 12px; text-align: center; }
.cn-como-comprar .x-cc-login .r-logo { width: 28px; height: 41px; margin-bottom: 10px; }
.cn-como-comprar .x-cc-login .r-tit { font-size: 19px; margin-bottom: 6px; }
.cn-como-comprar .x-cc-login .r-sub, .cn-como-comprar .x-cc-login .r-pilula { margin-bottom: 10px; }
.cn-como-comprar .x-cc-login .r-campo { margin-bottom: 9px; }
.cn-como-comprar .x-cc-login .r-ent, .cn-como-comprar .x-cc-login .r-codigo span { height: 40px; }
.cn-como-comprar .x-cc-login .r-check { font-size: 10px; }
.cn-quem-define-formas-pagamento .kt-tela .x-qdfp-realce { border-radius: 6px; box-shadow: 0 0 0 3px #f0c060; animation: x-qdfp-pulso 1.1s ease-in-out infinite; }
.cn-quem-define-formas-pagamento .kt-tela .kt-bil-parc.x-qdfp-realce { display: inline-block; padding: 0 4px; margin-left: -4px; background: #fff7e0; }
@keyframes x-qdfp-pulso { 50% { box-shadow: 0 0 0 6px rgba(240, 192, 96, 0.45); } }
.cn-quem-define-formas-pagamento .kt-tela .x-qdfp-passaporte { margin-bottom: 8px; }
.cn-quem-define-formas-pagamento .kt-tela .x-qdfp-fundo { position: absolute; inset: 0; z-index: 60; background: rgba(0, 0, 0, 0.32); display: flex; align-items: center; justify-content: center; padding: 24px; }
.cn-quem-define-formas-pagamento .kt-tela .x-qdfp-lista { width: 100%; max-width: 312px; padding: 8px 0; border-radius: 8px; background: #fff; box-shadow: 0 11px 15px rgba(0, 0, 0, 0.2), 0 24px 38px rgba(0, 0, 0, 0.14); font: 400 16px/24px Roboto, system-ui, sans-serif; color: #202124; }
.cn-quem-define-formas-pagamento .kt-tela .x-qdfp-item { height: 48px; padding: 0 24px; display: flex; align-items: center; justify-content: space-between; }
.cn-quem-define-formas-pagamento .kt-tela .x-qdfp-item :is(i, .cn-i) { width: 20px; height: 20px; border: 2px solid #5f6368; border-radius: 50%; }
.cn-quem-define-formas-pagamento .kt-tela .x-qdfp-item.x-qdfp-sel :is(i, .cn-i) { border-color: #1a73e8; box-shadow: inset 0 0 0 3px #fff, inset 0 0 0 10px #1a73e8; }
@media (prefers-reduced-motion: reduce) {
  .cn-quem-define-formas-pagamento .kt-tela .x-qdfp-realce { animation: none; }
}
.cn-pix-prazo-confirmacao .kt-tela .x-pix-giro { flex: none; width: 20px; height: 20px; margin-right: 8px; border-radius: 50%; border: 2.5px solid #fff; border-right-color: transparent; animation: x-pix-girar 1.4s linear infinite; }
@keyframes x-pix-girar { to { transform: rotate(360deg); } }
.cn-pix-prazo-confirmacao .kt-tela .x-pix-copiado { background: #4caf50; }
.cn-pix-prazo-confirmacao .x-pix-bc { background: #f2f4f7; font-family: -apple-system, system-ui, "Segoe UI", sans-serif; color: #1b1f24; display: flex; flex-direction: column; text-align: left; }
.cn-pix-prazo-confirmacao .x-pix-bc-topo { flex: none; height: 50px; background: #2f3b48; color: #ffffff; display: flex; align-items: center; gap: 10px; padding: 0 14px; font-size: 13px; font-weight: 600; }
.cn-pix-prazo-confirmacao .x-pix-bc-aviso { align-self: center; margin-top: 10px; font-size: 9.5px; font-weight: 600; background: #fff3cd; color: #7a5a00; border-radius: 999px; padding: 3px 10px; }
.cn-pix-prazo-confirmacao .x-pix-bc-corpo { padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.cn-pix-prazo-confirmacao .x-pix-bc-h { font-size: 16px; font-weight: 700; }
.cn-pix-prazo-confirmacao .x-pix-bc-sub { font-size: 11px; color: #5d6672; }
.cn-pix-prazo-confirmacao .x-pix-bc-op { background: #ffffff; border-radius: 12px; padding: 13px 12px; display: flex; align-items: center; gap: 10px; font-size: 12px; font-weight: 600; box-shadow: 0 1px 3px rgba(16, 38, 64, 0.08); }
.cn-pix-prazo-confirmacao .x-pix-bc-op :is(i, .cn-i) { flex: none; width: 28px; height: 28px; border-radius: 8px; background: #e9eef2; display: grid; place-items: center; font-style: normal; font-size: 13px; color: #2f3b48; }
.cn-pix-prazo-confirmacao .x-pix-bc-campo { background: #ffffff; border: 1.5px solid #c9d1d9; border-radius: 10px; padding: 10px; font-size: 10.5px; line-height: 1.45; word-break: break-all; min-height: 66px; color: #1b1f24; }
.cn-pix-prazo-confirmacao .x-pix-bc-campo.foco { border-color: #2f3b48; }
.cn-pix-prazo-confirmacao .x-pix-bc-campo .ph { color: #9aa4af; }
.cn-pix-prazo-confirmacao .x-pix-bc-btn { height: 40px; border-radius: 10px; background: #2f3b48; color: #ffffff; display: grid; place-items: center; font-size: 12.5px; font-weight: 600; }
.cn-pix-prazo-confirmacao .x-pix-bc-btn.off { background: #c9d1d9; }
.cn-pix-prazo-confirmacao .x-pix-bc-val { font-size: 24px; font-weight: 700; }
.cn-pix-prazo-confirmacao .x-pix-bc-lin { display: flex; justify-content: space-between; gap: 8px; font-size: 11px; color: #5d6672; border-bottom: 1px solid #e3e8ec; padding: 7px 0; }
.cn-pix-prazo-confirmacao .x-pix-bc-lin :is(b, .cn-b) { color: #1b1f24; font-weight: 600; }
.cn-pix-prazo-confirmacao .x-pix-bc-ok { width: 56px; height: 56px; border-radius: 50%; background: #dcfce7; color: #16a34a; display: grid; place-items: center; font-size: 26px; font-weight: 700; align-self: center; margin-top: 8px; }
.cn-pix-prazo-confirmacao .x-pix-bc-centro { text-align: center; }
.cn-pix-prazo-confirmacao .x-pix-linha { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; max-width: 860px; }
.cn-pix-prazo-confirmacao .x-pix-linha li { background: var(--folha); border-radius: 14px; box-shadow: var(--sombra); padding: 12px 10px; display: flex; flex-direction: column; align-items: center; gap: 2px; text-align: center; }
.cn-pix-prazo-confirmacao .x-pix-linha span { font-size: 12px; color: rgba(34, 34, 34, 0.64); }
.cn-pix-prazo-confirmacao .x-pix-linha :is(b, .cn-b) { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-pix-prazo-confirmacao .x-pix-linha small { font-size: 12px; line-height: 1.35; color: rgba(34, 34, 34, 0.72); }
.cn-pix-prazo-confirmacao .x-pix-linha .pago { box-shadow: inset 0 0 0 2px var(--marca); }
.cn-pix-prazo-confirmacao .x-pix-linha .fim { background: var(--marca-fundo); }
.cn-pix-prazo-confirmacao .x-pix-linha .fim small { color: var(--marca-texto); font-weight: 600; }
.cn-pix-prazo-confirmacao .x-pix-linha .depois { background: #eef1f4; box-shadow: none; }
@media (max-width: 760px) {
  .cn-pix-prazo-confirmacao .x-pix-linha { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (prefers-reduced-motion: reduce) {
  .cn-pix-prazo-confirmacao .kt-tela .x-pix-giro { animation: none; }
}
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc { margin: 16px 0 8px; padding-top: 8px; display: flex; flex-direction: column; gap: 24px; border-radius: 6px; background: #fff; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-sel { position: relative; height: 58px; padding: 26px 36px 10px 12px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 6px; background: #fff; font: 400 16px/20px "Poppins", sans-serif; color: #000; white-space: nowrap; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-rot { position: absolute; left: 10px; top: -13px; height: 25px; padding: 0 10.2px; display: flex; align-items: center; background: #fff; font: 500 10.2px/1 "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-seta { position: absolute; right: 12px; top: 50%; width: 16px; height: 12px; margin-top: -6px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-caixa { display: grid; gap: 4px; padding: 20px 24px; border-radius: 12px; background: #f2f9fc; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-caixa :is(b, .cn-b) { font: 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-caixa span { font: 400 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-aceite { display: flex; align-items: center; padding-bottom: 22px; font: 400 12px/18px "Poppins", sans-serif; letter-spacing: 0.15px; color: rgba(34, 34, 34, 0.64); }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-caixinha { flex: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: #212529; opacity: 0.6; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-caixinha--on { color: #00b2ff; opacity: 1; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-det { padding: 4px 4px 0; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-btn { height: 48px; margin: 24px 0 67px; border-radius: 4px; background: #00b2ff; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 16px/25px "Poppins", sans-serif; letter-spacing: 0.4px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-btn--linha { margin-top: 16px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-pc-btn--off { background: #ebf3f7; color: rgba(0, 0, 0, 0.26); }
.cn-boleto-prazo-regras .kt-tela .x-boleto-giro { width: 23px; height: 23px; border-radius: 50%; border: 2px solid #fff; border-right-color: transparent; animation: x-boleto-girar 1s linear infinite; }
@keyframes x-boleto-girar { to { transform: rotate(360deg); } }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-camada { position: absolute; inset: 0; z-index: 41; display: flex; align-items: center; justify-content: center; padding: 24px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb { flex: none; width: 345px; max-height: 100%; overflow: hidden; display: flex; flex-direction: column; align-items: center; padding: 20px; border-radius: 16px; background: #fff; font: 400 11px/16.5px "Segoe UI", sans-serif; color: #212529; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-grade { display: grid; gap: 24px; text-align: center; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-pilha { display: flex; flex-direction: column; align-items: center; gap: 8px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-tit { font: 600 19.2px/28.8px "Segoe UI", sans-serif; color: #222; overflow-wrap: break-word; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-valor { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-sub { font-size: 12px; line-height: 18px; color: #555; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-venc { display: flex; align-items: center; font-size: 12.8px; line-height: 19.2px; color: #222; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-venc :is(b, .cn-b) { padding-left: 4px; font-weight: 700; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-p { font-size: 13.12px; line-height: 19.68px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-p :is(b, .cn-b) { font-weight: 700; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-acoes { display: grid; gap: 24px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-cod { display: flex; align-items: center; gap: 8px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-codigo { display: flex; justify-content: center; align-items: center; max-width: 485px; padding: 14px 16px; border-radius: 8px; background: #f4f5f5; font-size: 14px; line-height: 21px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-copiar { flex: none; width: 48px; height: 48px; border-radius: 50%; background: #b8df81; display: flex; align-items: center; justify-content: center; color: #000; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-img { flex: none; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-btns { display: flex; flex-direction: column; gap: 16px; margin: -4px 0; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-btn { height: 48px; padding: 0 16px; border-radius: 4px; display: flex; align-items: center; justify-content: center; font: 600 16px/normal "Segoe UI", sans-serif; letter-spacing: 0.4px; white-space: nowrap; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-btn--borda { border: 1px solid #051d36; color: #051d36; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-btn--verde { background: #b8df81; color: #000; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-comp { width: 100%; padding: 24px; border-radius: 8px; background: #f3fafd; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-voltar { display: flex; align-items: center; justify-content: center; color: #000; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-alerta { flex: none; display: flex; align-items: flex-start; height: 64px; padding: 16px; border-radius: 4px; background: #4caf50; color: #fff; font-size: 11px; line-height: 16.5px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-alerta > :is(svg, .zi) { flex: none; margin-right: 16px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-alerta > span { margin-top: 16px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-gb-alerta > :is(i, .cn-i) { flex: none; width: 32px; height: 48px; margin-left: 16px; display: flex; align-items: center; justify-content: center; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-esq { display: flex; flex-direction: column; gap: 12px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-esq :is(i, .cn-i) { display: block; height: 44px; border-radius: 10px; }
.cn-boleto-prazo-regras .kt-tela .x-boleto-copiado { color: #127a4a; font-weight: 500; }
.cn-boleto-prazo-regras .x-boleto-exemplo { background: #f5f7f8; border-radius: 12px; padding: 10px 14px; margin: 12px 0 0; max-width: 70ch; }
.cn-boleto-prazo-regras .x-boleto-exemplo :is(b, .cn-b) { font-weight: 600; }
.cn-boleto-prazo-regras .x-boleto-tempo { list-style: none; margin: 10px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(118px, 1fr)); gap: 8px; max-width: 70ch; }
.cn-boleto-prazo-regras .x-boleto-tempo li { background: #fff; border: 1px solid #e3e8ec; border-radius: 12px; padding: 9px 11px; display: flex; flex-direction: column; gap: 2px; font-size: 13px; color: rgba(34, 34, 34, 0.76); }
.cn-boleto-prazo-regras .x-boleto-tempo li :is(b, .cn-b) { font-size: 14px; color: #222; font-weight: 600; }
.cn-boleto-prazo-regras .x-boleto-tempo li.x-boleto-tempo--fim { border-color: #f3c7cb; background: #fff7f7; }
@media (prefers-reduced-motion: reduce) {
  .cn-boleto-prazo-regras .kt-tela .x-boleto-giro { animation: none; }
}
.cn-cartao-recusado .kt-tela .x-cr-realce { box-shadow: 0 0 0 3px #f0c060; animation: x-cr-pulso 1.1s ease-in-out infinite; }
@keyframes x-cr-pulso { 50% { box-shadow: 0 0 0 6px rgba(240, 192, 96, 0.45); } }
.cn-cartao-recusado .kt-tela .x-cr-mult-nota { padding-top: 24px; margin-bottom: 16px; font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-cartao-recusado .kt-tela .x-cr-mult { border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; }
.cn-cartao-recusado .kt-tela .x-cr-mult + .x-cr-mult { margin-top: 24px; }
.cn-cartao-recusado .kt-tela .x-cr-mult-cab { padding: 16px 20px; border-radius: 8px 8px 0 0; background: #f7f9fa; display: flex; align-items: center; gap: 8px; font: 600 18px/27px "Poppins", sans-serif; color: #222; }
.cn-cartao-recusado .kt-tela .x-cr-mult-cab :is(svg, .zi) { width: 24px; height: 18px; flex: none; }
.cn-cartao-recusado .kt-tela .x-cr-mult-corpo { padding: 16px 16px 0; }
.cn-cartao-recusado .kt-tela .x-cr-mult-mais { margin: 16px 0; height: 48px; border-radius: 8px; background: #00b2ff; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 16px/24px "Poppins", sans-serif; }
.cn-cartao-recusado .kt-tela .kt-ck-linha-pagto.x-cr-linha2 { margin-top: 0; border-top: 0; }
.cn-cartao-recusado .kt-tela .kt-ck-recusa.x-cr-longa { height: auto; padding: 16px; text-align: center; }
.cn-cartao-recusado .kt-tela .x-cr-abrindo { opacity: 0.72; }
@media (prefers-reduced-motion: reduce) {
  .cn-cartao-recusado .kt-tela .x-cr-realce { animation: none; }
}
.cn-aviso-debito-compra-nao-concluida .kt-tela .x-aviso-foco { border-radius: 6px; box-shadow: 0 0 0 3px #f0a63a; }
.cn-aviso-debito-compra-nao-concluida .kt-tela .x-aviso-mult-nota { padding-top: 24px; margin-bottom: 16px; font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-aviso-debito-compra-nao-concluida .kt-tela .x-aviso-mult { border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; }
.cn-aviso-debito-compra-nao-concluida .kt-tela .x-aviso-mult + .x-aviso-mult { margin-top: 24px; }
.cn-aviso-debito-compra-nao-concluida .kt-tela .x-aviso-mult-cab { padding: 16px 20px; border-radius: 8px 8px 0 0; background: #f7f9fa; display: flex; align-items: center; gap: 8px; font: 600 18px/27px "Poppins", sans-serif; color: #222; }
.cn-aviso-debito-compra-nao-concluida .kt-tela .x-aviso-mult-cab :is(svg, .zi) { width: 24px; height: 18px; flex: none; }
.cn-aviso-debito-compra-nao-concluida .kt-tela .x-aviso-mult-corpo { padding: 16px 16px 0; }
.cn-aviso-debito-compra-nao-concluida .kt-tela .x-aviso-mult-mais { margin: 16px 0; height: 48px; border-radius: 8px; background: #00b2ff; color: #fff; display: flex; align-items: center; justify-content: center; font: 600 16px/24px "Poppins", sans-serif; }
.cn-aviso-debito-compra-nao-concluida .kt-tela .kt-ck-linha-pagto.x-aviso-linha2 { margin-top: 0; border-top: 0; }
.cn-aviso-debito-compra-nao-concluida .kt-tela .x-aviso-abrindo { opacity: 0.72; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-foco { box-shadow: 0 0 0 2px #f0a63a; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail { background: #ffffff; font-family: "Poppins", sans-serif; color: #222222; text-align: left; display: flex; flex-direction: column; font-size: 11px; line-height: 1.45; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-topo { flex: none; height: 44px; display: flex; align-items: center; gap: 8px; padding: 0 12px; border-bottom: 1px solid #eceff1; font-size: 13px; font-weight: 600; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-topo :is(svg, .zi) { color: #0b6e9e; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-item { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 2px 9px; padding: 11px 12px; border-bottom: 1px solid #f0f2f4; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-item > :is(i, .cn-i) { grid-row: span 3; width: 30px; height: 30px; border-radius: 50%; background: #e6f5fd; color: #0b5f8a; display: grid; place-items: center; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-item > :is(i, .cn-i) :is(svg, .zi) { width: 14px; height: 21px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-item :is(b, .cn-b) { font-size: 11.5px; font-weight: 700; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-item time { font-size: 9.5px; color: #0b6e9e; font-weight: 600; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-item strong { grid-column: 2 / -1; font-size: 10.5px; font-weight: 600; line-height: 1.35; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-item span { grid-column: 2 / -1; font-size: 10px; color: rgba(34, 34, 34, 0.6); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-cinza { padding: 12px; display: flex; gap: 9px; border-bottom: 1px solid #f0f2f4; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-cinza > :is(i, .cn-i) { flex: none; width: 30px; height: 30px; border-radius: 50%; background: #eef1f4; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-cinza div { flex: 1; display: flex; flex-direction: column; gap: 7px; padding-top: 3px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-cinza div :is(i, .cn-i) { display: block; height: 8px; border-radius: 4px; background: #eef1f4; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-janela { flex: 1; min-height: 0; overflow: hidden; position: relative; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-rolo--desce { animation: x-aviso-rolar 0.7s ease forwards; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-rolo--baixo { transform: translateY(-70px); }
@keyframes x-aviso-rolar { from { transform: translateY(0); } to { transform: translateY(-70px); } }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-cab { padding: 12px 12px 10px; display: flex; flex-direction: column; gap: 8px; border-bottom: 1px solid #f0f2f4; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-cab > :is(b, .cn-b) { font-size: 13px; font-weight: 600; line-height: 1.35; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-de { display: flex; align-items: center; gap: 8px; font-size: 10.5px; color: rgba(34, 34, 34, 0.64); }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-de :is(i, .cn-i) { width: 26px; height: 26px; border-radius: 50%; background: #e6f5fd; display: grid; place-items: center; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-de :is(i, .cn-i) :is(svg, .zi) { width: 12px; height: 18px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-de :is(b, .cn-b) { color: #222222; font-weight: 600; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-corpo { background: #fafafa; padding: 10px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-folha { background: #ffffff; padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 9px; font-family: Helvetica, Arial, sans-serif; color: #222222; font-size: 10.5px; line-height: 1.5; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-marca { display: flex; align-items: center; gap: 6px; font-family: "Poppins", sans-serif; font-weight: 700; font-size: 12px; color: #0e3f5c; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-marca :is(svg, .zi) { width: 14px; height: 21px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-folha h5 { margin: 0; font-size: 13px; font-weight: 700; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-folha p { margin: 0; border-radius: 6px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-folha ol { margin: 0; padding-left: 16px; display: flex; flex-direction: column; gap: 3px; font-weight: 600; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-btn { align-self: flex-start; background: #00a7f0; color: #ffffff; border-radius: 6px; padding: 7px 12px; font-weight: 700; font-size: 10.5px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-dados { background: #f5f7f8; border-radius: 8px; padding: 9px 10px; display: flex; flex-direction: column; gap: 2px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-mail-dados :is(b, .cn-b) { font-size: 11px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-datas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; max-width: 760px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-datas li { background: var(--folha); border-radius: 14px; box-shadow: var(--sombra); padding: 12px 14px; display: flex; flex-direction: column; gap: 2px; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-datas :is(b, .cn-b) { font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-aviso-debito-compra-nao-concluida .x-aviso-datas small { font-size: 13px; line-height: 1.4; color: rgba(34, 34, 34, 0.72); }
.cn-aviso-debito-compra-nao-concluida .x-aviso-datas .fim { background: var(--marca-fundo); }
.cn-aviso-debito-compra-nao-concluida .x-aviso-datas .fim small { color: var(--marca-texto); font-weight: 600; }
@media (max-width: 760px) {
  .cn-aviso-debito-compra-nao-concluida .x-aviso-datas { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion: reduce) {
  .cn-aviso-debito-compra-nao-concluida .x-aviso-mail-rolo--desce { animation: none; transform: translateY(-70px); }
}
.cn-parcelas-payflex .kt-tela .x-parcelas-payflex-ocupado { opacity: 0.72; }
.cn-parcelas-payflex .kt-tela .x-parcelas-payflex-esq { display: flex; flex-direction: column; gap: 12px; }
.cn-parcelas-payflex .kt-tela .x-parcelas-payflex-esq :is(i, .cn-i) { display: block; height: 44px; border-radius: 10px; }
.cn-parcelas-payflex .kt-tela .x-parcelas-payflex-copiado { color: #127a4a; font-weight: 500; }
.cn-parcelas-payflex .x-parcelas-payflex-tempo { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 230px), 1fr)); gap: 10px; }
.cn-parcelas-payflex .x-parcelas-payflex-tempo li { background: #fff; border-radius: 14px; border: 1px solid #eceff1; padding: 14px 16px; display: flex; flex-direction: column; gap: 6px; font-size: 14px; }
.cn-parcelas-payflex .x-parcelas-payflex-tempo :is(b, .cn-b) { font-size: 13px; font-weight: 600; color: var(--marca-texto); }
.cn-parcelas-payflex .x-parcelas-payflex-tempo q { quotes: "“" "”"; font-weight: 600; }
.cn-parcelas-payflex .x-parcelas-payflex-exemplo { display: flex; flex-direction: column; gap: 10px; margin-top: 14px; }
.cn-parcelas-payflex .x-parcelas-payflex-exemplo > p { font-size: 14.5px; font-weight: 600; }
.cn-ingresso-seguro .caso-texto.x-ingresso-seguro-largo { grid-column: 1 / -1; }
.cn-ingresso-seguro .x-ingresso-seguro-exemplos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 12px; }
.cn-ingresso-seguro .x-ingresso-seguro-exemplo { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.cn-ingresso-seguro .x-ingresso-seguro-exemplo h3 { font-size: 15px; font-weight: 600; }
.cn-ingresso-seguro .x-ingresso-seguro-exemplo > p { font-size: 14px; color: rgba(34, 34, 34, 0.8); max-width: 72ch; }
.cn-ingresso-seguro .x-ingresso-seguro-linha { list-style: none; margin: 0 0 0 6px; padding: 0; display: flex; flex-direction: column; }
.cn-ingresso-seguro .x-ingresso-seguro-linha li { position: relative; display: grid; grid-template-columns: 140px minmax(0, 1fr); gap: 2px 16px; padding: 9px 0 9px 20px; border-left: 2px solid var(--linha); font-size: 14px; }
.cn-ingresso-seguro .x-ingresso-seguro-linha li::before { content: ""; position: absolute; left: -6px; top: 15px; width: 10px; height: 10px; border-radius: 50%; background: #c9d1d9; }
.cn-ingresso-seguro .x-ingresso-seguro-linha li.x-ingresso-seguro-marco::before { background: var(--marca); }
.cn-ingresso-seguro .x-ingresso-seguro-linha :is(b, .cn-b) { font-weight: 600; font-variant-numeric: tabular-nums; }
@media (max-width: 760px) {
  .cn-ingresso-seguro .x-ingresso-seguro-linha li { grid-template-columns: 1fr; }
}
.cn-acessar-curso .x-acessar-curso { background: #f5f7f8; color: #222222; font-family: "Poppins", sans-serif; text-align: left; display: flex; flex-direction: column; line-height: 1.45; }
.cn-acessar-curso .x-acessar-curso--login { background: #ffffff; color: #1d2228; text-align: center; padding: 30px 18px 16px; }
.cn-acessar-curso .x-acessar-curso--am { background: #111114; color: #fafafa; }
.cn-acessar-curso .x-acessar-curso p { margin: 0; }
.cn-acessar-curso .x-acessar-curso :is(svg, .zi) { flex: none; }
.cn-acessar-curso .x-acessar-curso .xc-nav { flex: none; height: 40px; background: #f1f3f4; border-bottom: 1px solid #e1e4e8; display: flex; align-items: center; gap: 8px; padding: 0 9px; color: #3c4043; }
.cn-acessar-curso .x-acessar-curso .xc-end { flex: 1; min-width: 0; height: 26px; border-radius: 13px; background: #ffffff; display: flex; align-items: center; gap: 5px; padding: 0 10px; font-size: 10px; white-space: nowrap; overflow: hidden; }
.cn-acessar-curso .x-acessar-curso .xc-abas-nav { flex: none; width: 19px; height: 19px; border: 1.6px solid #5f6368; border-radius: 4px; display: grid; place-items: center; font-size: 9.5px; font-weight: 700; }
.cn-acessar-curso .x-acessar-curso .xc-am-capa { flex: none; height: 92px; background: radial-gradient(circle at 22% 35%, rgba(255, 196, 120, 0.85) 0%, rgba(255, 196, 120, 0) 42%), linear-gradient(135deg, #23264f 0%, #4a52d9 58%, #9aa1ff 100%); }
.cn-acessar-curso .x-acessar-curso .xc-am-corpo { flex: 1; min-height: 0; padding: 12px 18px 12px; display: flex; flex-direction: column; gap: 10px; }
.cn-acessar-curso .x-acessar-curso .xc-am-voltar { align-self: flex-start; width: 28px; height: 28px; border: 1px solid #3a3b44; border-radius: 8px; display: grid; place-items: center; }
.cn-acessar-curso .x-acessar-curso .xc-am-nome { text-align: center; font-size: 14px; font-weight: 600; padding: 2px 0 2px; }
.cn-acessar-curso .x-acessar-curso .xc-am-tit { text-align: center; font-size: 16px; font-weight: 600; }
.cn-acessar-curso .x-acessar-curso .xc-am-sub { text-align: center; font-size: 10.5px; color: #a1a1aa; line-height: 1.45; margin-top: -5px; }
.cn-acessar-curso .x-acessar-curso .xc-am-sub :is(b, .cn-b) { color: #fafafa; font-weight: 600; }
.cn-acessar-curso .x-acessar-curso .xc-am-rot { display: block; font-size: 10.5px; font-weight: 500; margin-bottom: 4px; }
.cn-acessar-curso .x-acessar-curso .xc-am-ent { height: 36px; border-radius: 10px; background: #1f1f24; border: 1px solid #34343c; display: flex; align-items: center; padding: 0 11px; font-size: 12px; color: #fafafa; overflow: hidden; white-space: nowrap; }
.cn-acessar-curso .x-acessar-curso .xc-am-ent--foco { border-color: #5560f6; box-shadow: 0 0 0 3px rgba(85, 96, 246, 0.3); }
.cn-acessar-curso .x-acessar-curso .xc-am-ent--erro { border-color: #f87171; }
.cn-acessar-curso .x-acessar-curso .xc-am-cursor { display: inline-block; width: 1.5px; height: 15px; background: #fafafa; margin-left: 1px; animation: x-acessar-curso-piscar 1s steps(1) infinite; }
@keyframes x-acessar-curso-piscar { 50% { opacity: 0; } }
.cn-acessar-curso .x-acessar-curso .xc-am-ajuda { font-size: 9.5px; color: #a1a1aa; margin-top: 4px; }
.cn-acessar-curso .x-acessar-curso .xc-am-erro { font-size: 9.5px; color: #f87171; margin-top: 4px; }
.cn-acessar-curso .x-acessar-curso .xc-am-btn { flex: none; height: 38px; border-radius: 999px; background: #5560f6; color: #ffffff; font-size: 12.5px; font-weight: 600; display: flex; align-items: center; justify-content: center; gap: 7px; }
.cn-acessar-curso .x-acessar-curso .xc-am-btn.off { opacity: 0.45; }
.cn-acessar-curso .x-acessar-curso .xc-am-link { align-self: center; font-size: 11px; font-weight: 500; text-decoration: underline; text-underline-offset: 3px; }
.cn-acessar-curso .x-acessar-curso .xc-am-fantasma { align-self: flex-end; font-size: 10px; font-weight: 500; padding: 2px 4px; }
.cn-acessar-curso .x-acessar-curso .xc-am-codigo { display: grid; grid-template-columns: repeat(6, 1fr); gap: 6px; }
.cn-acessar-curso .x-acessar-curso .xc-am-codigo span { height: 46px; border-radius: 10px; background: #26262c; display: grid; place-items: center; font-size: 20px; font-weight: 600; }
.cn-acessar-curso .x-acessar-curso .xc-am-codigo span.cheio { background: #2d3170; }
.cn-acessar-curso .x-acessar-curso .xc-am-pe { margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: 9.5px; color: #a1a1aa; }
.cn-acessar-curso .x-acessar-curso .xc-am-pe :is(i, .cn-i) { width: 10px; height: 15px; display: block; }
.cn-acessar-curso .x-acessar-curso .xc-am-pe :is(i, .cn-i) :is(svg, .zi) { width: 100%; height: 100%; display: block; }
.cn-acessar-curso .x-acessar-curso .xc-am-pe :is(b, .cn-b) { color: #fafafa; font-weight: 600; font-size: 10px; }
.cn-acessar-curso .x-acessar-curso .xc-giro { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.35); border-top-color: #ffffff; animation: x-acessar-curso-girar 0.8s linear infinite; }
@keyframes x-acessar-curso-girar { to { transform: rotate(360deg); } }
.cn-acessar-curso .x-acessar-curso .xc-am-barra { flex: none; height: 46px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; border-bottom: 1px solid #24242b; }
.cn-acessar-curso .x-acessar-curso .xc-am-barra :is(b, .cn-b) { font-size: 12.5px; font-weight: 600; }
.cn-acessar-curso .x-acessar-curso .xc-am-ini { width: 26px; height: 26px; border-radius: 50%; background: #2d3170; color: #c7cbff; font-size: 10px; font-weight: 700; display: grid; place-items: center; }
.cn-acessar-curso .x-acessar-curso .xc-am-hero { flex: none; height: 116px; position: relative; background: linear-gradient(180deg, rgba(17, 17, 20, 0) 40%, #111114 100%), linear-gradient(120deg, #3b2a5c 0%, #5560f6 55%, #f2a65a 100%); display: flex; align-items: flex-end; padding: 12px 14px; }
.cn-acessar-curso .x-acessar-curso .xc-am-hero :is(b, .cn-b) { font-size: 15px; font-weight: 600; }
.cn-acessar-curso .x-acessar-curso .xc-am-lista { padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.cn-acessar-curso .x-acessar-curso .xc-am-card { background: #1b1b20; border-radius: 14px; overflow: hidden; }
.cn-acessar-curso .x-acessar-curso .xc-am-card-img { aspect-ratio: 16 / 8; }
.cn-acessar-curso .x-acessar-curso .xc-am-card-corpo { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 6px; }
.cn-acessar-curso .x-acessar-curso .xc-am-card-corpo :is(b, .cn-b) { font-size: 13px; font-weight: 600; }
.cn-acessar-curso .x-acessar-curso .xc-am-card-corpo small { font-size: 10px; color: #a1a1aa; }
.cn-acessar-curso .x-acessar-curso .xc-am-card .xc-am-btn { height: 34px; font-size: 12px; margin-top: 2px; }
.cn-acessar-curso .x-acessar-curso .xc-am-curso { padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.cn-acessar-curso .x-acessar-curso .xc-am-h1 { font-size: 18px; font-weight: 600; line-height: 1.25; }
.cn-acessar-curso .x-acessar-curso .xc-am-info { font-size: 11px; color: #a1a1aa; margin-top: -6px; }
.cn-acessar-curso .x-acessar-curso .xc-am-prog { display: flex; align-items: center; gap: 8px; font-size: 10.5px; }
.cn-acessar-curso .x-acessar-curso .xc-am-prog :is(i, .cn-i) { flex: 1; height: 5px; border-radius: 3px; background: #2a2a31; }
.cn-acessar-curso .x-acessar-curso .xc-am-sec { font-size: 13px; font-weight: 600; margin-top: 4px; }
.cn-acessar-curso .x-acessar-curso .xc-am-mod { background: #1b1b20; border-radius: 12px; padding: 9px 10px; display: flex; gap: 10px; align-items: center; }
.cn-acessar-curso .x-acessar-curso .xc-am-mod :is(i, .cn-i) { flex: none; width: 58px; height: 36px; border-radius: 7px; }
.cn-acessar-curso .x-acessar-curso .xc-am-mod :is(b, .cn-b) { display: block; font-size: 11.5px; font-weight: 600; }
.cn-acessar-curso .x-acessar-curso .xc-am-mod small { font-size: 9.5px; color: #a1a1aa; }
@media (prefers-reduced-motion: reduce) {
  .cn-acessar-curso .x-acessar-curso .xc-am-cursor, .cn-acessar-curso .x-acessar-curso .xc-giro { animation: none; }
}
.cn-cancelar-assinatura .x-cancelar-assinatura-exemplos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: 12px; }
.cn-cancelar-assinatura .x-cancelar-assinatura-ex { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.cn-cancelar-assinatura .x-cancelar-assinatura-ex h3 { margin: 0; font-size: 15px; font-weight: 600; }
.cn-cancelar-assinatura .x-cancelar-assinatura-ex p { font-size: 13.5px; color: rgba(34, 34, 34, 0.8); }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo li { position: relative; padding: 0 0 12px 24px; display: flex; flex-direction: column; font-size: 13.5px; line-height: 1.4; }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo li::before { content: ""; position: absolute; left: 2px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--x-cancelar-assinatura-cor, #8e99a6); }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo li::after { content: ""; position: absolute; left: 7px; top: 19px; bottom: 1px; width: 2px; background: #e3e8ec; }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo li:last-child { padding-bottom: 0; }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo li:last-child::after { display: none; }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo :is(b, .cn-b) { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo span { font-size: 13px; color: rgba(34, 34, 34, 0.7); }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo .pago { --x-cancelar-assinatura-cor: #127a4a; }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo .acao { --x-cancelar-assinatura-cor: #0089c7; }
.cn-cancelar-assinatura .x-cancelar-assinatura-tempo .fim { --x-cancelar-assinatura-cor: #8e99a6; }
.cn-cancelar-assinatura .x-cancelar-assinatura-nota code { overflow-wrap: anywhere; }
.cn-reembolso-assinatura .x-reembolso-assinatura-compara { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.cn-reembolso-assinatura .x-reembolso-assinatura-op { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; border-top: 4px solid var(--marca); }
.cn-reembolso-assinatura .x-reembolso-assinatura-op--cancelar { border-top-color: #8e99a6; }
.cn-reembolso-assinatura .x-reembolso-assinatura-op h3 { margin: 0; font-size: 17px; font-weight: 600; }
.cn-reembolso-assinatura .x-reembolso-assinatura-op h3 q { quotes: "“" "”"; }
.cn-reembolso-assinatura .x-reembolso-assinatura-op :is(dl, .cn-dl) { margin: 0; display: flex; flex-direction: column; }
.cn-reembolso-assinatura .x-reembolso-assinatura-op :is(dl, .cn-dl) div { display: grid; grid-template-columns: 112px minmax(0, 1fr); gap: 2px 14px; padding: 9px 0; border-top: 1px solid var(--linha); }
.cn-reembolso-assinatura .x-reembolso-assinatura-op :is(dl, .cn-dl) div:first-child { border-top: 0; padding-top: 0; }
.cn-reembolso-assinatura .x-reembolso-assinatura-op :is(dt, .cn-dt) { font-size: 13px; font-weight: 600; color: rgba(34, 34, 34, 0.62); }
.cn-reembolso-assinatura .x-reembolso-assinatura-op :is(dd, .cn-dd) { margin: 0; font-size: 14px; }
.cn-reembolso-assinatura .x-reembolso-assinatura-op q { quotes: "“" "”"; font-weight: 500; }
.cn-reembolso-assinatura .x-reembolso-assinatura-resumo-compara { max-width: 70ch; }
.cn-reembolso-assinatura .x-reembolso-assinatura-ex { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; max-width: 640px; }
.cn-reembolso-assinatura .x-reembolso-assinatura-ex p { font-size: 14px; color: rgba(34, 34, 34, 0.8); }
.cn-reembolso-assinatura .x-reembolso-assinatura-ex q { quotes: "“" "”"; }
.cn-reembolso-assinatura .x-reembolso-assinatura-tempo { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.cn-reembolso-assinatura .x-reembolso-assinatura-tempo li { position: relative; padding: 0 0 12px 24px; display: flex; flex-direction: column; font-size: 14px; line-height: 1.4; }
.cn-reembolso-assinatura .x-reembolso-assinatura-tempo li::before { content: ""; position: absolute; left: 2px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--x-reembolso-assinatura-cor, #8e99a6); }
.cn-reembolso-assinatura .x-reembolso-assinatura-tempo li::after { content: ""; position: absolute; left: 7px; top: 19px; bottom: 1px; width: 2px; background: #e3e8ec; }
.cn-reembolso-assinatura .x-reembolso-assinatura-tempo li:last-child { padding-bottom: 0; }
.cn-reembolso-assinatura .x-reembolso-assinatura-tempo li:last-child::after { display: none; }
.cn-reembolso-assinatura .x-reembolso-assinatura-tempo :is(b, .cn-b) { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-reembolso-assinatura .x-reembolso-assinatura-tempo span { font-size: 13.5px; color: rgba(34, 34, 34, 0.72); }
.cn-reembolso-assinatura .x-reembolso-assinatura-tempo .pode { --x-reembolso-assinatura-cor: #127a4a; }
.cn-reembolso-assinatura .x-reembolso-assinatura-tempo .nao { --x-reembolso-assinatura-cor: #a3262e; }
.cn-reembolso-assinatura .x-reembolso-assinatura-prazos .regra p { font-size: 14px; }
@media (max-width: 760px) {
  .cn-reembolso-assinatura .x-reembolso-assinatura-op :is(dl, .cn-dl) div { grid-template-columns: 1fr; }
}
.cn-reativar-assinatura .x-reativar-assinatura-exemplos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 330px), 1fr)); gap: 12px; }
.cn-reativar-assinatura .x-reativar-assinatura-ex { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 12px; }
.cn-reativar-assinatura .x-reativar-assinatura-ex h3 { margin: 0; font-size: 15px; font-weight: 600; }
.cn-reativar-assinatura .x-reativar-assinatura-ex p { font-size: 13.5px; color: rgba(34, 34, 34, 0.8); }
.cn-reativar-assinatura .x-reativar-assinatura-ex q { quotes: "“" "”"; }
.cn-reativar-assinatura .x-reativar-assinatura-tempo { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; }
.cn-reativar-assinatura .x-reativar-assinatura-tempo li { position: relative; padding: 0 0 12px 24px; display: flex; flex-direction: column; font-size: 13.5px; line-height: 1.4; }
.cn-reativar-assinatura .x-reativar-assinatura-tempo li::before { content: ""; position: absolute; left: 2px; top: 4px; width: 12px; height: 12px; border-radius: 50%; background: var(--x-reativar-assinatura-cor, #8e99a6); }
.cn-reativar-assinatura .x-reativar-assinatura-tempo li::after { content: ""; position: absolute; left: 7px; top: 19px; bottom: 1px; width: 2px; background: #e3e8ec; }
.cn-reativar-assinatura .x-reativar-assinatura-tempo li:last-child { padding-bottom: 0; }
.cn-reativar-assinatura .x-reativar-assinatura-tempo li:last-child::after { display: none; }
.cn-reativar-assinatura .x-reativar-assinatura-tempo :is(b, .cn-b) { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-reativar-assinatura .x-reativar-assinatura-tempo span { font-size: 13px; color: rgba(34, 34, 34, 0.7); }
.cn-reativar-assinatura .x-reativar-assinatura-tempo .pode { --x-reativar-assinatura-cor: #127a4a; }
.cn-reativar-assinatura .x-reativar-assinatura-tempo .nao { --x-reativar-assinatura-cor: #a3262e; }
.cn-reativar-assinatura .x-reativar-assinatura-tempo .ev { --x-reativar-assinatura-cor: #0089c7; }
.cn-falar-com-produtor .x-fcp-topo { position: absolute; top: 0; left: 0; right: 0; height: 46px; z-index: 3; background: #fff; border-bottom: 1px solid rgba(34, 34, 34, 0.08); display: flex; align-items: center; padding: 0 12px; }
.cn-falar-com-produtor .x-fcp-topo .lg { width: 16px; height: 24px; }
.cn-falar-com-produtor .x-fcp-topo .lg :is(svg, .zi) { width: 100%; height: 100%; display: block; }
.cn-falar-com-produtor .x-fcp-busca { background: #fff; font-family: "Poppins", sans-serif; color: #222; }
.cn-falar-com-produtor .x-fcp-bc { position: absolute; top: 46px; left: 0; right: 0; bottom: 0; padding: 18px 14px; display: flex; flex-direction: column; gap: 14px; }
.cn-falar-com-produtor .x-fcp-bc-tit { font-size: 16px; font-weight: 600; color: #222; }
.cn-falar-com-produtor .x-fcp-campo { height: 40px; border: 1px solid #dde3e9; border-radius: 10px; display: flex; align-items: center; gap: 8px; padding: 0 11px; font-size: 11.5px; color: #222; white-space: nowrap; overflow: hidden; }
.cn-falar-com-produtor .x-fcp-campo :is(svg, .zi) { flex: none; color: #8a8a8a; }
.cn-falar-com-produtor .x-fcp-campo .ph { color: #8a8a8a; font-size: 10px; overflow: hidden; text-overflow: ellipsis; }
.cn-falar-com-produtor .x-fcp-campo.foco { border-color: #00a7f0; box-shadow: 0 0 0 3px rgba(0, 167, 240, 0.16); }
.cn-falar-com-produtor .x-fcp-cur { display: inline-block; width: 1.5px; height: 14px; background: #00a7f0; margin-left: -6px; animation: x-fcp-pisca 1s steps(1) infinite; }
@keyframes x-fcp-pisca { 50% { opacity: 0; } }
.cn-falar-com-produtor .x-fcp-cartao { border: 1px solid #eceff1; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 4px 16px rgba(16, 38, 64, 0.06); }
.cn-falar-com-produtor .x-fcp-capa { display: block; width: 100%; aspect-ratio: 1140 / 400; object-fit: cover; }
.cn-falar-com-produtor .x-fcp-cartao-c { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 5px; }
.cn-falar-com-produtor .x-fcp-cartao-c small { font-size: 10px; color: rgba(34, 34, 34, 0.64); }
.cn-falar-com-produtor .x-fcp-cartao-c :is(b, .cn-b) { font-size: 13px; font-weight: 600; color: #222; }
.cn-falar-com-produtor .x-fcp-cartao-c span { display: flex; align-items: center; gap: 6px; font-size: 10.5px; color: rgba(34, 34, 34, 0.72); }
.cn-falar-com-produtor .x-fcp-mail { background: #fff; font-family: -apple-system, "Segoe UI", Roboto, sans-serif; color: #1d2228; }
.cn-falar-com-produtor .x-fcp-mail-topo { height: 50px; display: flex; align-items: center; justify-content: space-between; padding: 0 12px; border-bottom: 1px solid #e6e9ec; font-size: 12px; }
.cn-falar-com-produtor .x-fcp-mail-topo span { color: #0a7cff; }
.cn-falar-com-produtor .x-fcp-mail-topo :is(b, .cn-b) { font-size: 13px; font-weight: 600; }
.cn-falar-com-produtor .x-fcp-mail-topo :is(i, .cn-i) { width: 30px; height: 30px; border-radius: 50%; background: #c9d6e3; color: #fff; display: grid; place-items: center; }
.cn-falar-com-produtor .x-fcp-mail-topo :is(i, .cn-i).on { background: #0a7cff; }
.cn-falar-com-produtor .x-fcp-mail-l { min-height: 40px; display: flex; align-items: center; gap: 6px; padding: 0 12px; border-bottom: 1px solid #eef0f2; font-size: 11.5px; overflow: hidden; white-space: nowrap; }
.cn-falar-com-produtor .x-fcp-mail-l small { flex: none; color: #8a94a0; font-size: 11.5px; }
.cn-falar-com-produtor .x-fcp-mail-l.foco { background: #f5f9ff; }
.cn-falar-com-produtor .x-fcp-mail-c { padding: 12px; font-size: 12px; line-height: 1.55; white-space: pre-wrap; }
.cn-falar-com-produtor .x-fcp-mail-ok { position: absolute; left: 50%; bottom: 36px; transform: translateX(-50%); background: #1d2228; color: #fff; font-size: 11.5px; padding: 8px 14px; border-radius: 999px; white-space: nowrap; animation: entrar 0.3s ease; }
@media (prefers-reduced-motion: reduce) {
  .cn-falar-com-produtor .x-fcp-cur, .cn-falar-com-produtor .x-fcp-cartao, .cn-falar-com-produtor .x-fcp-mail-ok { animation: none; }
}
.cn-falar-com-produtor .x-fcp-guia :is(b, .cn-b) { font-weight: 600; }
.cn-falar-com-produtor .x-fcp-guia span a { font-weight: 500; }
.cn-falar-com-produtor .x-fcp-nota code { font-size: 12.5px; overflow-wrap: anywhere; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-q q { quotes: "“" "”"; font-weight: 600; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-q li { overflow-wrap: anywhere; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-intro { max-width: 70ch; color: rgba(34, 34, 34, 0.8); }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-empresa { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 22px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 14px 28px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-empresa div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-empresa small { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--marca-texto); }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-empresa span { font-size: 15px; overflow-wrap: anywhere; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-empresa .x-ticket-and-go-segura-largo { grid-column: 1 / -1; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-empresa .x-ticket-and-go-segura-email { overflow-wrap: normal; white-space: nowrap; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-fonte { font-size: 13.5px; color: rgba(34, 34, 34, 0.66); }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-enderecos { background: #fff; border-radius: 18px; box-shadow: var(--sombra); overflow: hidden; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-end { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 2px 12px; padding: 12px 20px; border-top: 1px solid var(--linha); align-items: center; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-end:first-child { border-top: 0; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-end :is(i, .cn-i) { grid-row: span 2; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; background: #e3f5ec; color: #127a4a; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-end--nao :is(i, .cn-i) { background: #fce9ea; color: #a3262e; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-end code { font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 14px; color: #222; overflow-wrap: anywhere; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-end code :is(b, .cn-b) { white-space: nowrap; font-weight: 700; border-radius: 4px; padding: 0 3px; background: #e3f5ec; color: #0f5132; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-end--nao code :is(b, .cn-b) { background: #fce9ea; color: #842029; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-end span { font-size: 13.5px; color: rgba(34, 34, 34, 0.74); }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-canais { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 12px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-canal { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-canal h3 { font-size: 12.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--marca-texto); }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-canal strong { font-size: 15.5px; font-weight: 600; overflow-wrap: anywhere; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-canal p { font-size: 14px; color: rgba(34, 34, 34, 0.76); }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-canal ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; font-size: 14px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-canal a { overflow-wrap: anywhere; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-nav { background: #fff; display: flex; flex-direction: column; text-align: left; color: #222; font-family: "Poppins", sans-serif; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-barra { position: relative; z-index: 6; flex: none; height: 46px; background: #f1f3f4; border-bottom: 1px solid #e3e8ec; display: flex; align-items: center; gap: 8px; padding: 0 10px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-url { flex: 1; min-width: 0; height: 32px; border-radius: 16px; background: #fff; border: 1px solid #dde3e9; display: flex; align-items: center; gap: 0; padding: 0 11px; font-size: 11.5px; color: #5f6770; white-space: nowrap; overflow: hidden; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-url :is(svg, .zi) { flex: none; margin-right: 5px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-url--foco { border-color: #0089c7; box-shadow: 0 0 0 2px rgba(0, 137, 199, 0.2); color: #222; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-dom { color: #222; font-weight: 600; border-radius: 4px; padding: 1px 2px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-dom--realce { background: #fff1d9; outline: 2px dashed #f0b429; outline-offset: 1px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-cam { min-width: 0; color: #8a94a0; overflow: hidden; text-overflow: ellipsis; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-ph { color: #9aa4af; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-pontinhos { flex: none; color: #5f6770; display: grid; place-items: center; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-balao { position: absolute; left: 22px; top: 44px; background: #222; color: #fff; font-size: 10.5px; font-weight: 500; line-height: 1.35; padding: 6px 9px; border-radius: 8px; box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2); animation: x-ticket-and-go-segura-surgir 0.3s ease; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-balao::before { content: ""; position: absolute; top: -5px; left: 30px; border: 5px solid transparent; border-top: 0; border-bottom-color: #222; }
@keyframes x-ticket-and-go-segura-surgir { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-pag { position: relative; flex: 1; min-height: 0; overflow: hidden; display: flex; flex-direction: column; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-nova { flex: 1; display: grid; place-items: center; font-size: 12px; color: #b9c0c7; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-site-topo { flex: none; height: 54px; background: #fff; border-bottom: 1px solid rgba(34, 34, 34, 0.08); display: flex; align-items: center; justify-content: space-between; padding: 0 12px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-site-topo img { height: 24px; width: auto; display: block; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-pilula { height: 30px; padding: 0 12px; border-radius: 480px; border: 1px solid rgba(128, 128, 128, 0.16); font-size: 11px; font-weight: 500; color: #0086c4; display: flex; align-items: center; white-space: nowrap; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-hero { padding: 20px 16px 14px; display: flex; flex-direction: column; gap: 14px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-hero :is(b, .cn-b) { font-size: 19px; font-weight: 700; line-height: 1.3; color: #222; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-hero :is(b, .cn-b) span { color: #00a7f0; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-busca { height: 42px; border: 1px solid rgba(128, 128, 128, 0.16); border-radius: 10px; display: flex; align-items: center; gap: 8px; padding: 0 12px; font-size: 11px; color: rgba(34, 34, 34, 0.55); background: #fff; white-space: nowrap; overflow: hidden; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-banner { margin: 4px 16px 0; border-radius: 12px; overflow: hidden; height: 170px; background: #dfe6ee; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-banner img { width: 100%; height: 100%; object-fit: cover; display: block; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-bolinhas { display: flex; justify-content: center; gap: 6px; padding-top: 10px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-bolinhas :is(i, .cn-i) { width: 6px; height: 6px; border-radius: 3px; background: #d6dbe0; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-bolinhas :is(i, .cn-i).on { width: 16px; background: #00a7f0; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-acesso { flex: 1; display: flex; flex-direction: column; padding: 18px 16px 12px; text-align: center; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-acesso .r-logo { width: 24px; height: 36px; margin-bottom: 10px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-acesso--justo { padding-top: 14px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-acesso--justo .r-sub, .cn-ticket-and-go-segura .x-ticket-and-go-segura-acesso--justo .r-pilula { margin-bottom: 10px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-acesso--justo .r-campo { margin-bottom: 8px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-kbarra { position: absolute; left: 0; top: 0; width: 282px; transform: scale(1.393617); transform-origin: 0 0; z-index: 60; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-kpag { position: absolute; left: 0; right: 0; top: 64px; bottom: 0; overflow: hidden; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-aviso-camada { position: absolute; inset: 0; z-index: 41; display: flex; align-items: center; justify-content: center; padding: 24px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-aviso { max-width: 100%; box-sizing: border-box; padding: 40px; background: #fff; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 12px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12); display: grid; gap: 32px; text-align: center; font-family: "Poppins", sans-serif; color: #222; line-height: 1.5; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-aviso-topo { display: grid; gap: 24px; justify-items: center; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-aviso-topo :is(svg, .zi) { display: block; width: 72px; height: 72px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-aviso-txt { display: grid; gap: 12px; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-aviso-txt :is(b, .cn-b) { font-size: 24px; font-weight: 600; line-height: normal; color: #222; }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-aviso-txt span { font-size: 14px; color: rgba(34, 34, 34, 0.64); }
.cn-ticket-and-go-segura .x-ticket-and-go-segura-aviso-btn { margin-top: 16px; height: 48px; border-radius: 8px; background: #00a7f0; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 16px; font-weight: 600; letter-spacing: 0.4px; }
@media (prefers-reduced-motion: reduce) {
  .cn-ticket-and-go-segura .x-ticket-and-go-segura-balao { animation: none; }
}
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-acoes { display: flex; flex-wrap: wrap; gap: 10px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-mail { font-weight: 600; overflow-wrap: anywhere; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-lista { list-style: none; margin: 0; padding: 0; background: #fff; border-radius: 18px; box-shadow: 0 1px 2px rgba(16, 38, 64, 0.06), 0 6px 20px rgba(16, 38, 64, 0.05); overflow: hidden; counter-reset: item; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-lista li { counter-increment: item; display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 2px 14px; padding: 14px 20px; border-top: 1px solid #e3e8ec; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-lista li:first-child { border-top: 0; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-lista li::before { content: counter(item); grid-row: span 2; width: 30px; height: 30px; border-radius: 50%; background: #e6f5fd; color: #0b5f8a; font-size: 13px; font-weight: 600; display: grid; place-items: center; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-lista :is(b, .cn-b) { font-weight: 600; font-size: 15px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-lista span { font-size: 14px; color: rgba(34, 34, 34, 0.74); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-lista q, .cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nunca q { quotes: "“" "”"; font-weight: 600; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-modelo { background: #fff; border: 1px dashed #a9dcf4; border-radius: 16px; padding: 14px 18px; display: flex; flex-direction: column; gap: 6px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-modelo small { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: #0b5f8a; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-modelo pre { margin: 0; font-family: inherit; font-size: 14px; line-height: 1.7; white-space: pre-wrap; color: #222; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nunca { background: #fdf1f0; border: 1px solid #f2cdc9; border-radius: 12px; padding: 12px 14px; font-size: 14px; color: #5c1d18; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nunca :is(b, .cn-b) { font-weight: 600; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-intro { max-width: 70ch; color: rgba(34, 34, 34, 0.8); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-tela { background: #f5f7f8; display: flex; flex-direction: column; text-align: left; color: #222; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-lg { width: 18px; height: 27px; display: block; flex: none; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-lg :is(svg, .zi) { width: 100%; height: 100%; display: block; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-btn { height: 34px; border-radius: 9px; padding: 0 14px; font-size: 11.5px; font-weight: 600; display: inline-flex; align-items: center; justify-content: center; gap: 6px; background: #0089c7; color: #fff; border: 1px solid #0089c7; white-space: nowrap; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-btn--sec { background: #fff; color: #0b6e9e; border-color: #a9dcf4; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-btn--largo { width: 100%; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-topo { position: relative; z-index: 2; flex: none; height: 50px; background: #fff; border-bottom: 1px solid rgba(34, 34, 34, 0.08); display: flex; align-items: center; justify-content: space-between; padding: 0 12px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-marca { display: flex; align-items: center; gap: 8px; font-size: 12.5px; font-weight: 600; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-pilula { height: 26px; padding: 0 10px; border-radius: 999px; border: 1px solid rgba(128, 128, 128, 0.16); font-size: 10px; font-weight: 500; color: #0089c7; display: flex; align-items: center; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-vista { position: relative; flex: 1; min-height: 0; overflow: hidden; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-rolo { display: flex; flex-direction: column; gap: 10px; padding: 18px 12px 0; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-rolo--anima { animation: x-falar-com-ticket-and-go-rolar 1.1s ease forwards; }
@keyframes x-falar-com-ticket-and-go-rolar { from { transform: var(--de); } to { transform: var(--para); } }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-hero { display: flex; flex-direction: column; gap: 6px; padding-bottom: 4px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-hero :is(b, .cn-b) { font-size: 20px; font-weight: 600; line-height: 1.2; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-hero em { font-style: normal; color: #0089c7; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-hero p { font-size: 11px; color: rgba(34, 34, 34, 0.7); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-busca { height: 38px; background: #fff; border: 1px solid rgba(128, 128, 128, 0.16); border-radius: 10px; display: flex; align-items: center; gap: 8px; padding: 0 10px; font-size: 11px; color: rgba(34, 34, 34, 0.55); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-sub { font-size: 13px; font-weight: 600; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-ass { background: #fff; border-radius: 12px; padding: 9px 12px; display: flex; justify-content: space-between; align-items: center; gap: 8px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-ass :is(b, .cn-b) { display: block; font-size: 12px; font-weight: 600; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-ass small { display: block; font-size: 9.5px; color: rgba(34, 34, 34, 0.6); line-height: 1.35; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-contato { background: #fff; border-radius: 14px; box-shadow: 0 1px 2px rgba(16, 38, 64, 0.06), 0 6px 20px rgba(16, 38, 64, 0.05); padding: 14px; margin-top: 4px; display: flex; flex-direction: column; gap: 8px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-contato > :is(b, .cn-b) { font-size: 14.5px; font-weight: 600; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-selo { align-self: flex-start; font-size: 9.5px; font-weight: 600; color: #127a4a; background: #e3f5ec; border-radius: 999px; padding: 2px 9px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-contato p { font-size: 10.5px; color: rgba(34, 34, 34, 0.72); line-height: 1.45; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-rod { background: #eff9ff; margin: 6px -12px 0; padding: 16px 14px 20px; display: flex; flex-direction: column; gap: 8px; font-size: 11px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-rod :is(b, .cn-b) { font-size: 13px; font-weight: 600; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ce-rod span { display: flex; align-items: center; gap: 7px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chat { background: #fff; display: flex; flex-direction: column; text-align: left; color: #222; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chat-cab { flex: none; height: 58px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid #eceff1; box-shadow: 0 2px 8px rgba(16, 38, 64, 0.05); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-av { flex: none; width: 28px; height: 28px; border-radius: 50%; background: #fff; border: 1px solid #e3e8ec; display: grid; place-items: center; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-av :is(svg, .zi) { width: 12px; height: 18px; display: block; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-av--g { width: 36px; height: 36px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-av--g :is(svg, .zi) { width: 15px; height: 22px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chat-nome { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chat-nome :is(b, .cn-b) { font-size: 14px; font-weight: 600; line-height: 1.2; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chat-nome small { font-size: 10.5px; color: rgba(34, 34, 34, 0.6); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chat-lista { flex: 1; min-height: 0; overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; gap: 10px; padding: 14px 12px; background: #fafbfc; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-msg { display: flex; gap: 7px; align-items: flex-end; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-msg--eu { justify-content: flex-end; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-msg-col { display: flex; flex-direction: column; gap: 3px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-msg-col small { font-size: 9.5px; font-weight: 600; color: rgba(34, 34, 34, 0.6); padding-left: 4px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-bolha { border-radius: 16px; padding: 10px 12px; font-size: 12px; line-height: 1.45; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-bolha--tag { width: 190px; background: #eef1f4; border-bottom-left-radius: 4px; display: flex; flex-direction: column; gap: 6px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-bolha--tag :is(i, .cn-i) { display: block; height: 7px; border-radius: 4px; background: #cfd6dd; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-bolha--eu { max-width: 78%; background: #0089c7; color: #fff; border-bottom-right-radius: 4px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-pontos { width: auto; flex-direction: row; gap: 4px; padding: 12px 14px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-pontos :is(i, .cn-i) { width: 7px; height: 7px; border-radius: 50%; background: #9aa4af; animation: x-falar-com-ticket-and-go-pulo 1s ease-in-out infinite; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-pontos :is(i, .cn-i):nth-child(2) { animation-delay: 0.15s; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-pontos :is(i, .cn-i):nth-child(3) { animation-delay: 0.3s; }
@keyframes x-falar-com-ticket-and-go-pulo { 0%, 100% { opacity: 0.35; transform: none; } 50% { opacity: 1; transform: translateY(-3px); } }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chips { display: flex; flex-wrap: wrap; gap: 6px; padding-left: 35px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chip { border: 1.5px solid #0089c7; color: #0b6e9e; background: #fff; border-radius: 999px; padding: 6px 12px; font-size: 11.5px; font-weight: 600; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chat-pe { flex: none; display: flex; gap: 8px; align-items: center; padding: 10px 12px 14px; border-top: 1px solid #eceff1; background: #fff; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chat-ent { flex: 1; min-width: 0; min-height: 38px; border: 1px solid #cfd6dd; border-radius: 19px; display: flex; flex-wrap: wrap; align-items: center; padding: 8px 14px; font-size: 12px; line-height: 1.4; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-chat-ent--foco { border-color: #0089c7; box-shadow: 0 0 0 2px rgba(0, 137, 199, 0.2); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-ph { color: #9aa4af; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-enviar { flex: none; width: 38px; height: 38px; border-radius: 50%; background: #e7ebef; color: #9aa4af; display: grid; place-items: center; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-enviar--on { background: #0089c7; color: #fff; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-f { display: flex; flex-direction: column; gap: 10px; padding: 14px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-f-tit { font-size: 17px; font-weight: 600; line-height: 1.25; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-f-rot { display: block; font-size: 10.5px; font-weight: 600; color: #38424e; margin-bottom: 3px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-f-ent { min-height: 32px; border: 1px solid #cfd6dd; border-radius: 8px; background: #fff; display: flex; align-items: center; padding: 0 10px; font-size: 11.5px; color: #222; overflow: hidden; white-space: nowrap; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-f-ent--foco { border-color: #0089c7; box-shadow: 0 0 0 2px rgba(0, 137, 199, 0.25); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-f-sel { justify-content: space-between; gap: 8px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-f-area { height: 62px; align-items: flex-start; padding-top: 8px; white-space: normal; line-height: 1.4; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-f-dica { display: block; margin-top: 4px; font-size: 9.5px; line-height: 1.4; color: rgba(34, 34, 34, 0.64); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-f-enviar { align-self: flex-start; padding: 0 24px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-folha-fundo { position: absolute; inset: 0; z-index: 5; background: rgba(15, 23, 32, 0.45); display: flex; align-items: flex-end; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-folha { width: 100%; background: #fff; border-radius: 16px 16px 0 0; padding: 14px 10px 18px; display: flex; flex-direction: column; gap: 2px; box-shadow: 0 -10px 30px rgba(0, 0, 0, 0.18); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-folha :is(b, .cn-b) { font-size: 12.5px; font-weight: 600; padding: 0 8px 8px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-opcao { padding: 9px 8px; border-radius: 8px; font-size: 12px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-opcao--on { background: #e6f5fd; color: #0b5f8a; font-weight: 600; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nota { background: #eef1f4; display: flex; flex-direction: column; justify-content: center; padding: 18px 14px; text-align: left; color: #222; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nota-card { background: #fff; border-radius: 16px; box-shadow: 0 6px 20px rgba(16, 38, 64, 0.08); padding: 16px; display: flex; flex-direction: column; gap: 9px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nota-tag { align-self: flex-start; font-size: 9.5px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; color: #8a5300; background: #fff1d9; border-radius: 999px; padding: 2px 9px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nota-card > :is(b, .cn-b) { font-size: 16px; font-weight: 600; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nota-linha { border: 1px solid #e3e8ec; border-radius: 10px; padding: 7px 10px; display: flex; flex-direction: column; gap: 1px; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nota-linha small { font-size: 9.5px; color: rgba(34, 34, 34, 0.6); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nota-linha span { font-size: 12px; font-weight: 500; overflow-wrap: anywhere; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-nota-pe { font-size: 10.5px; color: rgba(34, 34, 34, 0.7); }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-junto { white-space: nowrap; }
.cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-acesso { display: flex; flex-direction: column; padding: 30px 18px 16px; text-align: center; background: #fff; }
@media (prefers-reduced-motion: reduce) {
  .cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-rolo--anima, .cn-falar-com-ticket-and-go .x-falar-com-ticket-and-go-pontos :is(i, .cn-i) { animation: none; }
}
.cn-legendarios-top .x-legendarios-top-intro { max-width: 70ch; }
.cn-legendarios-top .x-legendarios-top-erros .erro span q { color: inherit; font-size: inherit; font-weight: 600; }
.cn-legendarios-top .x-legendarios-top-exemplos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.cn-legendarios-top .x-legendarios-top-exemplo { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; }
.cn-legendarios-top .x-legendarios-top-exemplo h3 { font-size: 15px; font-weight: 600; }
.cn-legendarios-top .x-legendarios-top-exemplo strong { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-form { display: flex; flex-direction: column; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-tit { margin: 0 0 16px; font: 700 16px/25px "Poppins", sans-serif; color: #222; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-tit--1 { margin-top: 16px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-campo { margin-bottom: 16px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-rot { display: block; margin-bottom: 4px; font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-rot strong { font-weight: 700; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-oculto { color: transparent; white-space: nowrap; overflow: hidden; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-coluna { display: flex; flex-direction: column; gap: 8px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-dupla { display: flex; gap: 8px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-dupla > .x-legendarios-top-k-campo { flex: 1 1 0; min-width: 0; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-data { justify-content: space-between; color: #000; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-cal { flex: none; width: 15px; height: 15px; margin-right: -1px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-desl { height: 48px; padding: 0 12px; display: flex; align-items: center; border: 1px solid #ccc; border-radius: 8px; background: #f0f0f0; font: 400 14px/21px "Poppins", sans-serif; color: #999; white-space: nowrap; overflow: hidden; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-medidas { border-radius: 6px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075); }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-medidas-img { padding: 16px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-medidas-img img { width: 279px; height: 243px; margin: 0 auto; border-radius: 6px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-medidas-pe { height: 51px; padding: 8px 16px; display: flex; justify-content: center; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-medidas-pe span { height: 35px; padding: 6px 12px; display: flex; align-items: center; font: 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-medidas-pe :is(svg, .zi) { width: 21px; height: 21px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-perg { margin-bottom: 16px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-perg--tam { margin-top: 20px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-botoes { display: flex; flex-wrap: wrap; gap: 8px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-bt { height: 40px; min-width: 44px; padding: 8px 16px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; font: 500 14px/21px "Poppins", sans-serif; color: #222; white-space: nowrap; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-bt--sel { background: #00a7f0; border-color: #00a7f0; color: #fafafa; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-espec { margin-top: 8px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-espec > .x-legendarios-top-k-rot { margin-bottom: 11px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-area { height: 68px; padding: 12px; display: flex; align-items: flex-start; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; font: 400 14px/21px "Poppins", sans-serif; color: #000; overflow: hidden; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-area.kt-foco { border-color: #00a7f0; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-termo { margin-top: 20px; padding-bottom: 8px; display: grid; grid-template-columns: 22px 1fr; gap: 10px; align-items: center; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-check { width: 18px; height: 18px; display: flex; align-items: center; justify-content: center; border: 2px solid #d3d6db; border-radius: 6px; background: #fff; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-check--on { border-color: #00a7f0; background: #00a7f0; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-check :is(svg, .zi) { width: 14px; height: 14px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-termo-txt { font: 400 13.5px/19.575px "Poppins", sans-serif; color: #1f2937; }
.cn-legendarios-top .kt-tela .x-legendarios-top-k-termo-txt strong { font-weight: 700; }
.cn-legendarios-top .kt-tela .kt-ck-finalizar.x-legendarios-top-k-fin-off { background: #cfd6d9; color: rgba(0, 0, 0, 0.26); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-compras { position: absolute; left: 235px; top: 17px; width: 126px; height: 34px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(128, 128, 128, 0.16); border-radius: 480px; background: #fff; font: 500 12px/12px "Poppins", sans-serif; letter-spacing: 0.4px; color: #00a7f0; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-banner { width: 393px; height: auto; margin-bottom: 24px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-corpo { padding: 0 16px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-rot { margin-bottom: 4px; font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-h2 { margin-bottom: 4px; font: 600 20px/30px "Poppins", sans-serif; color: #222; text-wrap: wrap; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-p { margin-bottom: 16px; font: 400 14px/21px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-form { padding-top: 16px; border-top: 1px solid rgba(34, 34, 34, 0.08); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-form .kt-ck-ent { margin-bottom: 16px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-h3 { margin-bottom: 12px; font: 500 16px/25px "Poppins", sans-serif; color: #222; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-h3--anexo { margin-bottom: 16px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-btn { height: 48px; padding: 0 16px; display: flex; align-items: center; justify-content: center; border-radius: 8px; background: #00b2ff; color: #fff; font: 600 16px/25px "Poppins", sans-serif; letter-spacing: 0.4px; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-btn--off { background: #cfd6d9; color: rgba(0, 0, 0, 0.26); box-shadow: none; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-btn--mt { margin-top: 16px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-btn--auto { display: inline-flex; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-giro { width: 23px; height: 23px; animation: kt-girar 0.8s linear infinite; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-hr { margin: 24px 0; border-top: 1px solid rgba(34, 34, 34, 0.125); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-alerta { margin-bottom: 16px; padding: 16px; border: 1px solid transparent; border-radius: 6px; background: #f7f9fa; font: 400 16px/24px "Poppins", sans-serif; color: #212529; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-alerta span { font: 500 14px/normal "Poppins", sans-serif; color: #222; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-alerta u { color: #2f80ed; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-dados { padding: 20px; display: flex; flex-direction: column; gap: 16px; border-radius: 12px; background: #f7f9fa; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-dados span { display: block; font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-dados :is(b, .cn-b) { display: block; font: 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-drop { padding: 24px; border: 1px solid #dee2e6; border-radius: 6px; background: #f8f9fa; text-align: center; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-drop-ic { height: 42px; margin-bottom: 16px; display: flex; justify-content: center; align-items: flex-start; color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-drop-ic :is(svg, .zi) { width: 28px; height: 28px; margin-top: 3px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-drop p { margin-bottom: 16px; font: 400 16px/24px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-limites { margin-top: 8px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-limites small { display: block; font: 400 14px/21px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-arq { margin-top: 24px; padding: 8px 0; display: flex; align-items: center; border-bottom: 1px solid #dee2e6; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-arq-pdf { position: relative; flex: none; width: 48px; height: 72px; margin-right: 16px; color: #dc3545; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-arq-pdf > :is(svg, .zi) { position: absolute; left: 0; top: 12px; width: 48px; height: 48px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-arq-pdf :is(i, .cn-i) { position: absolute; right: 0; top: 4px; width: 16px; height: 16px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-arq-pdf :is(i, .cn-i) :is(svg, .zi) { width: 16px; height: 16px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-arq-nome { flex: 1; min-width: 0; font: 400 16px/24px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-arq-ok { flex: none; width: 32px; height: 32px; display: flex; align-items: center; justify-content: flex-end; color: #198754; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-arq-ok :is(svg, .zi) { width: 21.6px; height: 21.6px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-novo { margin-top: 24px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-ok { margin: 48px 0; display: flex; flex-direction: column; align-items: center; text-align: center; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-ok img { width: 80px; height: 80px; margin-bottom: 24px; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-ok h3 { margin: 24px 0 16px; font: 600 24px/35px "Poppins", sans-serif; color: #222; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-ok-1 { margin-bottom: 16px; font: 500 16px/25px "Poppins", sans-serif; color: #222; }
.cn-legendarios-top .kt-tela .x-legendarios-top-a-ok-2 { font: 400 14px/21px "Poppins", sans-serif; color: #222; }
@media (prefers-reduced-motion: reduce) {
  .cn-legendarios-top .kt-tela .x-legendarios-top-a-giro { animation: none; }
}
.cn-legendarios-ingresso-servidor .x-legendarios-serv-erros .erro span q { color: inherit; font-size: inherit; font-weight: 600; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-form { display: flex; flex-direction: column; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-campo { margin-bottom: 16px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-mt8 { margin-top: 8px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-mb24 { margin-bottom: 24px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-mb0 { margin-bottom: 0; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-rot { display: block; margin-bottom: 4px; font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-aster { color: #dc3545; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-data { justify-content: space-between; color: #000; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-cal { flex: none; width: 15px; height: 15px; margin-right: -1px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-multi .kt-ck-sel-txt { color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-bloco { margin-bottom: 16px; border-bottom: 1px solid #dee2e6; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-bloco--end { padding-bottom: 8px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-h3 { margin-bottom: 12px; font: 600 14px/16.8px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-radios { margin-bottom: 16px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-radios-rot { height: 25px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-radios--duas { margin-bottom: 16px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-radios--duas .x-legendarios-serv-k-radios-rot { height: 43px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-radios-lista { display: flex; flex-wrap: wrap; gap: 16px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-radio { min-height: 24px; margin-bottom: 2px; display: flex; align-items: flex-start; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-radio > span { padding-top: 2px; font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-radio-in { flex: none; width: 16px; height: 16px; margin: 4px 8px 0 0; border: 1px solid #dee2e6; border-radius: 50%; background: #fff; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-radio-in--on { border-color: #0d6efd; background: radial-gradient(circle, #fff 0 3.5px, #0d6efd 4px); }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts-fundo { position: absolute; inset: 0; z-index: 70; padding: 20px; display: grid; place-items: center; background: rgba(15, 23, 42, 0.55); }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts { width: 100%; padding: 24px 20px; border-radius: 16px; background: #fff; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25); font: 400 16px/24px system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #212529; text-align: left; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts h2 { margin: 0 0 12px; font-size: 20px; font-weight: 600; line-height: 26px; color: #222; text-wrap: wrap; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts p { margin: 0 0 16px; font-size: 14px; font-weight: 600; line-height: 21px; color: #222; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts p span { color: rgba(34, 34, 34, 0.56); }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts-acoes { margin-top: 24px; display: flex; flex-direction: column; gap: 12px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts-acoes span { min-height: 48px; padding: 12px 20px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 14px; font-weight: 500; line-height: 21px; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts-prim { background: #00a7f0; border: 1px solid #00a7f0; color: #fff; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts-borda { background: #fff; border: 1px solid rgba(34, 34, 34, 0.08); color: #00a7f0; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts p.x-legendarios-serv-k-abts-sup { margin: 16px 0 0; font-size: 12px; font-weight: 400; line-height: 18px; color: rgba(34, 34, 34, 0.56); text-align: center; }
.cn-legendarios-ingresso-servidor .kt-tela .x-legendarios-serv-k-abts-sup u { color: #00a7f0; }
.cn-legendarios-pin-patch .x-legendarios-pin-etapas { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); gap: 12px; counter-reset: etapa; }
.cn-legendarios-pin-patch .x-legendarios-pin-etapas li { counter-increment: etapa; background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 16px 18px; display: flex; flex-direction: column; gap: 6px; }
.cn-legendarios-pin-patch .x-legendarios-pin-etapas li::before { content: counter(etapa); width: 30px; height: 30px; border-radius: 50%; background: #e2f3fc; color: #0089c7; font-weight: 600; font-size: 14px; display: grid; place-items: center; }
.cn-legendarios-pin-patch .x-legendarios-pin-etapas small { font-size: 12px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; color: #0089c7; }
.cn-legendarios-pin-patch .x-legendarios-pin-etapas :is(b, .cn-b) { font-size: 15.5px; font-weight: 600; line-height: 1.35; }
.cn-legendarios-pin-patch .x-legendarios-pin-etapas p { font-size: 14.5px; line-height: 1.55; color: rgba(34, 34, 34, 0.78); }
.cn-legendarios-training-center .caso-texto.x-ltc-largo { grid-column: 1 / -1; }
.cn-legendarios-training-center .x-ltc-exemplo { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; max-width: 860px; }
.cn-legendarios-training-center .x-ltc-exemplo h3 { font-size: 15px; font-weight: 600; }
.cn-legendarios-training-center .x-ltc-exemplo ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.cn-legendarios-training-center .x-ltc-exemplo strong { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-legendarios-training-center .x-ltc-erros .erro span q { color: inherit; font-size: inherit; font-weight: 600; }
.cn-legendarios-training-center .x-ltc-nota li { overflow-wrap: anywhere; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-form { display: flex; flex-direction: column; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-campo { margin-bottom: 16px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-mt8 { margin-top: 8px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-mb24 { margin-bottom: 24px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-mb0 { margin-bottom: 0; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-rot { display: block; margin-bottom: 4px; font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-training-center .kt-tela .x-ltc-k-aster { color: #dc3545; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-data { justify-content: space-between; color: #000; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-cal { flex: none; width: 15px; height: 15px; margin-right: -1px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-multi .kt-ck-sel-txt { color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-training-center .kt-tela .x-ltc-k-bloco { margin-bottom: 16px; border-bottom: 1px solid #dee2e6; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-bloco--end { padding-bottom: 8px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-h3 { margin-bottom: 12px; font: 600 14px/16.8px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-training-center .kt-tela .x-ltc-k-radios { margin-bottom: 16px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-radios-rot { height: 25px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-radios--duas { margin-bottom: 16px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-radios--duas .x-ltc-k-radios-rot { height: 43px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-radios-lista { display: flex; flex-wrap: wrap; gap: 16px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-radio { min-height: 24px; margin-bottom: 2px; display: flex; align-items: flex-start; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-radio > span { padding-top: 2px; font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-radio-in { flex: none; width: 16px; height: 16px; margin: 4px 8px 0 0; border: 1px solid #dee2e6; border-radius: 50%; background: #fff; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts-fundo { position: absolute; inset: 0; z-index: 70; padding: 20px; display: grid; place-items: center; background: rgba(15, 23, 42, 0.55); }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts { width: 100%; padding: 24px 20px; border-radius: 16px; background: #fff; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.25); font: 400 16px/24px system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #212529; text-align: left; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts h2 { margin: 0 0 12px; font-size: 20px; font-weight: 600; line-height: 26px; color: #222; text-wrap: wrap; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts p { margin: 0 0 16px; font-size: 14px; font-weight: 600; line-height: 21px; color: #222; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts p span { color: rgba(34, 34, 34, 0.56); }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts-acoes { margin-top: 24px; display: flex; flex-direction: column; gap: 12px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts-acoes span { min-height: 48px; padding: 12px 20px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 14px; font-weight: 500; line-height: 21px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts-prim { background: #00a7f0; border: 1px solid #00a7f0; color: #fff; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts-borda { background: #fff; border: 1px solid rgba(34, 34, 34, 0.08); color: #00a7f0; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts p.x-ltc-k-abts-sup { margin: 16px 0 0; font-size: 12px; font-weight: 400; line-height: 18px; color: rgba(34, 34, 34, 0.56); text-align: center; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-abts-sup u { color: #00a7f0; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-aviso { margin-bottom: 20px; padding: 8px 10px; display: flex; align-items: center; gap: 10px; border-radius: 12px; background: #faf6dc; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-aviso-ic { flex: none; padding: 8px; display: flex; border-radius: 8px; background: #f5aa2a; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-aviso p { flex: 1; min-width: 0; font: 500 12.5px/17.5px "Poppins", sans-serif; color: #222; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-aviso-mais { flex: none; min-width: 44px; min-height: 44px; padding: 8px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font: 500 14px/21px "Poppins", sans-serif; color: #00a7f0; white-space: nowrap; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-tag-fundo { position: absolute; inset: 0; z-index: 70; padding: 20px; display: grid; place-items: center; background: rgba(34, 34, 34, 0.64); }
.cn-legendarios-training-center .kt-tela .x-ltc-k-tag { width: 100%; padding: 24px 20px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 16px; background: #fff; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12); font: 400 16px/24px system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: #212529; text-align: left; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-tag h3 { margin: 0 0 12px; font-size: 20px; font-weight: 600; line-height: 26px; color: #222; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-tag-corpo { display: grid; gap: 14.4px; font-size: 14px; line-height: 21px; color: rgba(34, 34, 34, 0.56); }
.cn-legendarios-training-center .kt-tela .x-ltc-k-tag-corpo p { margin-bottom: 16px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-tag-acoes { margin-top: 32px; display: flex; flex-direction: column; gap: 16px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-tag-acoes span { min-height: 52px; padding: 12px 20px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font-size: 16px; font-weight: 500; line-height: 24px; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-tag-prim { background: #00a7f0; color: #fafafa; }
.cn-legendarios-training-center .kt-tela .x-ltc-k-tag-borda { background: #fff; border: 2px solid rgba(34, 34, 34, 0.08); color: #00a7f0; }
.cn-legendarios-training-center .x-ltc-cur { display: inline-block; width: 1.5px; height: 14px; background: #222; margin-left: 1px; animation: x-ltc-piscar 1s steps(1) infinite; }
@keyframes x-ltc-piscar { 50% { opacity: 0; } }
.cn-legendarios-training-center .x-ltc-realce { box-shadow: 0 0 0 3px #f5aa2a; }
.cn-legendarios-training-center .x-ltc-tc { background: #3f86c6; font-family: Inter, InterVariable, -apple-system, "SF Pro Text", system-ui, sans-serif; color: #d8dee9; text-align: left; }
.cn-legendarios-training-center .x-ltc-tcbarra { position: absolute; top: 0; left: 0; right: 0; height: 34px; z-index: 3; background: #fff; display: flex; align-items: center; padding: 0 10px; }
.cn-legendarios-training-center .x-ltc-tcurl { flex: 1; min-width: 0; height: 24px; border-radius: 12px; background: #eef0f2; display: flex; align-items: center; gap: 5px; padding: 0 10px; font-size: 9.5px; color: #3c4043; white-space: nowrap; overflow: hidden; }
.cn-legendarios-training-center .x-ltc-tcurl :is(svg, .zi) { flex: none; display: block; }
.cn-legendarios-training-center .x-ltc-tcfundo { position: absolute; top: 34px; left: 0; right: 0; bottom: 0; overflow: hidden; background: linear-gradient(180deg, #6c98c9 0%, #4f8cc8 30%, #3f87c9 70%, #3a82c4 100%); }
.cn-legendarios-training-center .x-ltc-tcfio { position: absolute; left: 12px; top: -12px; width: 2px; height: 40px; background: rgba(170, 178, 188, 0.85); transform: rotate(-12deg); transform-origin: top; }
.cn-legendarios-training-center .x-ltc-tcbandeira { position: absolute; left: 3%; right: -18%; top: 3%; height: 91%; transform: rotate(-2.5deg); transform-origin: left top;
      clip-path: polygon(0% 1.5%, 100% 0%, 100% 93%, 82% 97%, 60% 94%, 38% 99%, 16% 96%, 1% 100%);
      background:
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.05) 0 1px, transparent 1px 3px),
        repeating-linear-gradient(0deg, rgba(120, 30, 0, 0.06) 0 1px, transparent 1px 3px),
        radial-gradient(ellipse 58% 9% at 72% 11%, rgba(150, 25, 0, 0.7), transparent 70%),
        radial-gradient(ellipse 42% 13% at 20% 36%, rgba(170, 40, 0, 0.45), transparent 70%),
        linear-gradient(152deg, transparent 0 44%, rgba(160, 35, 0, 0.32) 51%, transparent 59%),
        radial-gradient(ellipse 60% 28% at 42% 22%, rgba(255, 190, 125, 0.55), transparent 70%),
        radial-gradient(ellipse 70% 28% at 50% 82%, rgba(255, 165, 95, 0.45), transparent 70%),
        linear-gradient(175deg, #ff8f45 0%, #ff7a2e 40%, #f6661f 75%, #ea5a17 100%); }
.cn-legendarios-training-center .x-ltc-tcmeio { position: absolute; top: 34px; left: 0; right: 0; bottom: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 13px; padding: 0 11px 26px; }
.cn-legendarios-training-center .x-ltc-tclogo { display: flex; align-items: center; gap: 5px; color: #fff; }
.cn-legendarios-training-center .x-ltc-tclogo :is(svg, .zi) { display: block; flex: none; }
.cn-legendarios-training-center .x-ltc-tclogo :is(b, .cn-b) { display: block; font-family: Impact, "Arial Narrow", "Helvetica Neue", sans-serif; font-weight: 400; font-size: 14px; line-height: 1; letter-spacing: -0.2px; }
.cn-legendarios-training-center .x-ltc-tclogo small { display: block; margin-top: 1px; font-size: 5.6px; font-weight: 700; letter-spacing: 0.35px; }
.cn-legendarios-training-center .x-ltc-tccard { width: 100%; background: #15171c; border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 4.3px; padding: 22px 21px 20px; display: flex; flex-direction: column; }
.cn-legendarios-training-center .x-ltc-tcrot { font-size: 10px; font-weight: 500; color: #e5e9f0; margin-bottom: 7px; }
.cn-legendarios-training-center .x-ltc-tcent { height: 29px; margin-bottom: 20px; border: 1px solid #2a2d36; border-radius: 4.3px; background: #1b1d24; display: flex; align-items: center; padding: 0 9px; font-size: 10px; color: #e5e9f0; white-space: nowrap; overflow: hidden; }
.cn-legendarios-training-center .x-ltc-tcent.x-ltc-tcfoco { border-color: #f35500; box-shadow: 0 0 0 2px rgba(243, 85, 0, 0.28); }
.cn-legendarios-training-center .x-ltc-cur--claro { background: #e5e9f0; }
.cn-legendarios-training-center .x-ltc-tcbtn { height: 34px; margin-top: -6px; border: 1.5px solid #f35500; border-radius: 4.3px; color: #f35500; font-size: 11.5px; font-weight: 500; display: grid; place-items: center; }
.cn-legendarios-training-center .x-ltc-tcesq { margin: 16px 0 0; font-size: 10px; color: #8b93a1; }
.cn-legendarios-training-center .x-ltc-tcesqt { display: inline-block; border-radius: 4px; padding: 1px 2px; margin: -1px -2px; }
.cn-legendarios-training-center .x-ltc-tcesq :is(b, .cn-b) { font-weight: 400; color: #f35500; }
@media (prefers-reduced-motion: reduce) {
  .cn-legendarios-training-center .x-ltc-cur { animation: none; }
}
.cn-legendarios-legend-squad .caso-texto.x-legend-squad-largo { grid-column: 1 / -1; }
.cn-legendarios-legend-squad .x-legend-squad-erros .erro span q { color: inherit; font-size: inherit; font-weight: 600; }
.cn-legendarios-legend-squad .x-legend-squad-nota li { overflow-wrap: anywhere; }
.cn-legendarios-legend-squad .x-legend-squad-exemplo { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; max-width: 860px; }
.cn-legendarios-legend-squad .x-legend-squad-exemplo h3 { font-size: 15px; font-weight: 600; }
.cn-legendarios-legend-squad .x-legend-squad-exemplo ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.cn-legendarios-legend-squad .x-legend-squad-exemplo strong { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-legendarios-legend-squad .x-legend-squad-tela { background: #f5f7f8; color: #222222; font-family: "Poppins", sans-serif; text-align: left; display: flex; flex-direction: column; line-height: 1.45; }
.cn-legendarios-legend-squad .x-legend-squad-tela--am { background: #f4f4f5; color: #0a0a0a; }
.cn-legendarios-legend-squad .x-legend-squad-tela--email { background: #ffffff; color: #1f2328; }
.cn-legendarios-legend-squad .x-legend-squad-tela p { margin: 0; }
.cn-legendarios-legend-squad .x-legend-squad-tela :is(svg, .zi) { flex: none; }
.cn-legendarios-legend-squad .x-legend-squad-realce { border-radius: 8px; animation: x-legend-squad-pulsar 1.2s ease-in-out infinite; }
@keyframes x-legend-squad-pulsar { 0%, 100% { box-shadow: 0 0 0 2px rgba(0, 137, 199, 0.35); } 50% { box-shadow: 0 0 0 4px rgba(0, 137, 199, 0.7); } }
.cn-legendarios-legend-squad .kt-tela .x-legend-squad-oculto { display: inline-block; border-radius: 4px; background: #e6e9ed; vertical-align: middle; }
.cn-legendarios-legend-squad .x-legend-squad-email-barra { flex: none; height: 46px; display: flex; align-items: center; gap: 10px; padding: 0 12px; border-bottom: 1px solid #eceff1; font-size: 12px; color: #5f6770; }
.cn-legendarios-legend-squad .x-legend-squad-email-cab { flex: none; padding: 12px 14px 10px; display: flex; flex-direction: column; gap: 8px; }
.cn-legendarios-legend-squad .x-legend-squad-email-assunto { font-size: 15px; font-weight: 600; line-height: 1.3; }
.cn-legendarios-legend-squad .x-legend-squad-email-de { display: flex; align-items: center; gap: 8px; font-size: 10.5px; color: #5f6770; }
.cn-legendarios-legend-squad .x-legend-squad-email-de :is(b, .cn-b) { display: block; font-size: 11.5px; color: #1f2328; font-weight: 600; }
.cn-legendarios-legend-squad .x-legend-squad-email-av { flex: none; width: 28px; height: 28px; border-radius: 50%; background: #eef4f9; border: 1px solid #dde6ee; display: grid; place-items: center; }
.cn-legendarios-legend-squad .x-legend-squad-email-av :is(svg, .zi) { width: 12px; height: 18px; }
.cn-legendarios-legend-squad .x-legend-squad-email-corpo { margin: 0 12px; padding: 14px; border: 1px solid #eceff1; border-radius: 12px; display: flex; flex-direction: column; gap: 9px; font-size: 11px; line-height: 1.5; color: #3d4651; }
.cn-legendarios-legend-squad .x-legend-squad-email-corpo :is(b, .cn-b) { color: #1f2328; font-weight: 600; }
.cn-legendarios-legend-squad .x-legend-squad-email-btn { align-self: center; height: 36px; padding: 0 16px; border-radius: 8px; background: #00a7f0; color: #ffffff; font-size: 11.5px; font-weight: 600; display: grid; place-items: center; text-align: center; }
.cn-legendarios-legend-squad .x-legend-squad-nav { flex: none; height: 30px; background: #f1f3f4; border-bottom: 1px solid #e1e4e8; display: flex; align-items: center; gap: 8px; padding: 0 9px; color: #3c4043; }
.cn-legendarios-legend-squad .x-legend-squad-end { flex: 1; min-width: 0; height: 22px; border-radius: 11px; background: #ffffff; display: flex; align-items: center; gap: 5px; padding: 0 10px; font-size: 10px; white-space: nowrap; overflow: hidden; }
.cn-legendarios-legend-squad .x-legend-squad-abas-nav { flex: none; width: 18px; height: 18px; border: 1.6px solid #5f6368; border-radius: 4px; display: grid; place-items: center; font-size: 9px; font-weight: 700; }
.cn-legendarios-legend-squad .x-legend-squad-am-capa { flex: none; position: relative; height: 156px; background: radial-gradient(circle at 78% 26%, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0) 46%), linear-gradient(165deg, #7d8792 0%, #a9b2bb 52%, #d6dbe0 100%); }
.cn-legendarios-legend-squad .x-legend-squad-am-idioma { position: absolute; left: 16px; top: 16px; height: 26px; padding: 0 8px 0 6px; border-radius: 999px; background: rgba(254, 254, 254, 0.64); display: flex; align-items: center; gap: 5px; font-size: 10px; color: #000000; }
.cn-legendarios-legend-squad .x-legend-squad-am-corpo { flex: 1; min-height: 0; padding: 12px 12px 10px; display: flex; flex-direction: column; }
.cn-legendarios-legend-squad .x-legend-squad-am-topo { display: flex; flex-direction: column; gap: 16px; }
.cn-legendarios-legend-squad .x-legend-squad-am-voltar { align-self: flex-start; width: 28px; height: 28px; border-radius: 9px; border: 1px solid rgba(10, 10, 10, 0.16); display: grid; place-items: center; }
.cn-legendarios-legend-squad .x-legend-squad-am-nome { text-align: center; font-size: 14.5px; font-weight: 600; line-height: 1.3; padding: 6px 0; }
.cn-legendarios-legend-squad .x-legend-squad-am-tit { text-align: center; font-size: 16px; font-weight: 600; line-height: 1.35; }
.cn-legendarios-legend-squad .x-legend-squad-am-sub { text-align: center; font-size: 11px; font-weight: 500; color: rgba(10, 10, 10, 0.64); line-height: 1.45; margin-top: 5px; }
.cn-legendarios-legend-squad .x-legend-squad-am-form { display: flex; flex-direction: column; gap: 18px; margin-top: 2px; }
.cn-legendarios-legend-squad .x-legend-squad-am-campos { display: flex; flex-direction: column; gap: 12px; }
.cn-legendarios-legend-squad .x-legend-squad-am-rot { display: block; font-size: 9px; font-weight: 500; line-height: 1.45; color: rgba(10, 10, 10, 0.64); margin-bottom: 3px; }
.cn-legendarios-legend-squad .x-legend-squad-am-rot :is(i, .cn-i) { font-style: normal; color: #dc2626; }
.cn-legendarios-legend-squad .x-legend-squad-am-ent { height: 30px; border-radius: 9px; background: rgba(125, 129, 130, 0.12); display: flex; align-items: center; gap: 6px; padding: 0 9px; font-size: 11px; color: #0a0a0a; overflow: hidden; white-space: nowrap; }
.cn-legendarios-legend-squad .x-legend-squad-am-ent--foco { box-shadow: 0 0 0 1.5px #f4f4f5, 0 0 0 3px #18181b; }
.cn-legendarios-legend-squad .x-legend-squad-am-valor { flex: 1; min-width: 0; overflow: hidden; display: flex; align-items: center; }
.cn-legendarios-legend-squad .x-legend-squad-am-olho { flex: none; display: grid; color: rgba(10, 10, 10, 0.64); }
.cn-legendarios-legend-squad .x-legend-squad-am-cursor { display: inline-block; flex: none; width: 1.5px; height: 14px; background: #0a0a0a; margin-left: 1px; animation: x-legend-squad-piscar 1s steps(1) infinite; }
@keyframes x-legend-squad-piscar { 50% { opacity: 0; } }
.cn-legendarios-legend-squad .x-legend-squad-am-ajuda { font-size: 7.5px; line-height: 1.45; color: rgba(10, 10, 10, 0.64); margin-top: 3px; }
.cn-legendarios-legend-squad .x-legend-squad-am-acoes { display: flex; flex-direction: column; gap: 9px; }
.cn-legendarios-legend-squad .x-legend-squad-am-btn { flex: none; height: 32px; border-radius: 999px; background: #18181b; color: #ffffff; font-size: 11px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 7px; }
.cn-legendarios-legend-squad .x-legend-squad-am-btn--off { background: rgba(125, 129, 130, 0.08); color: rgba(10, 10, 10, 0.32); }
.cn-legendarios-legend-squad .x-legend-squad-am-btn--curto { align-self: flex-start; padding: 0 18px; }
.cn-legendarios-legend-squad .x-legend-squad-am-link { align-self: center; font-size: 10px; font-weight: 500; line-height: 1.45; padding: 3px 0; }
.cn-legendarios-legend-squad .x-legend-squad-am-pe { margin-top: auto; padding-top: 14px; display: flex; flex-direction: column; gap: 12px; }
.cn-legendarios-legend-squad .x-legend-squad-am-powered { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 10px; color: rgba(10, 10, 10, 0.64); }
.cn-legendarios-legend-squad .x-legend-squad-am-powered img { height: 13px; width: auto; display: block; filter: brightness(0); }
.cn-legendarios-legend-squad .x-legend-squad-am-links { display: flex; justify-content: space-between; gap: 4px; padding: 5px 4px; font-size: 7.5px; font-weight: 500; line-height: 1.45; color: #18181b; }
.cn-legendarios-legend-squad .x-legend-squad-giro { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.35); border-top-color: #ffffff; animation: x-legend-squad-girar 0.8s linear infinite; }
.cn-legendarios-legend-squad .x-legend-squad-giro--escuro { border-color: rgba(10, 10, 10, 0.14); border-top-color: rgba(10, 10, 10, 0.55); }
@keyframes x-legend-squad-girar { to { transform: rotate(360deg); } }
.cn-legendarios-legend-squad .x-legend-squad-am-barra { flex: none; height: 44px; display: flex; align-items: center; justify-content: space-between; padding: 0 14px; background: #ffffff; border-bottom: 1px solid #e4e4e7; }
.cn-legendarios-legend-squad .x-legend-squad-am-barra :is(b, .cn-b) { font-size: 12.5px; font-weight: 600; }
.cn-legendarios-legend-squad .x-legend-squad-am-ini { width: 26px; height: 26px; border-radius: 50%; background: #e4e4e7; color: #18181b; font-size: 10px; font-weight: 700; display: grid; place-items: center; }
.cn-legendarios-legend-squad .x-legend-squad-am-hero { flex: none; height: 108px; background: linear-gradient(180deg, rgba(244, 244, 245, 0) 45%, #f4f4f5 100%), linear-gradient(165deg, #7d8792 0%, #a9b2bb 55%, #d6dbe0 100%); }
.cn-legendarios-legend-squad .x-legend-squad-am-lista { padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.cn-legendarios-legend-squad .x-legend-squad-am-card { background: #ffffff; border-radius: 14px; overflow: hidden; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.06), 0 6px 18px rgba(10, 10, 10, 0.05); }
.cn-legendarios-legend-squad .x-legend-squad-am-card-img { aspect-ratio: 16 / 8; background: linear-gradient(140deg, #52525b 0%, #a1a1aa 60%, #e4e4e7 100%); }
.cn-legendarios-legend-squad .x-legend-squad-am-card-corpo { padding: 10px 12px 12px; display: flex; flex-direction: column; gap: 6px; }
.cn-legendarios-legend-squad .x-legend-squad-am-card-corpo :is(b, .cn-b) { font-size: 13px; font-weight: 600; }
.cn-legendarios-legend-squad .x-legend-squad-am-card-corpo small { font-size: 10px; color: rgba(10, 10, 10, 0.64); }
.cn-legendarios-legend-squad .x-legend-squad-am-card .x-legend-squad-am-btn { height: 34px; font-size: 12px; margin-top: 2px; }
.cn-legendarios-legend-squad .x-legend-squad-am-curso { padding: 14px; display: flex; flex-direction: column; gap: 10px; }
.cn-legendarios-legend-squad .x-legend-squad-am-h1 { font-size: 18px; font-weight: 600; line-height: 1.25; }
.cn-legendarios-legend-squad .x-legend-squad-am-info { font-size: 11px; color: rgba(10, 10, 10, 0.64); margin-top: -6px; }
.cn-legendarios-legend-squad .x-legend-squad-am-prog { display: flex; align-items: center; gap: 8px; font-size: 10.5px; }
.cn-legendarios-legend-squad .x-legend-squad-am-prog :is(i, .cn-i) { flex: 1; height: 5px; border-radius: 3px; background: #e4e4e7; overflow: hidden; display: block; }
.cn-legendarios-legend-squad .x-legend-squad-am-prog :is(i, .cn-i) :is(b, .cn-b) { display: block; height: 100%; background: #18181b; border-radius: 3px; transition: width 0.6s ease; }
.cn-legendarios-legend-squad .x-legend-squad-am-sec { font-size: 13px; font-weight: 600; margin-top: 4px; }
.cn-legendarios-legend-squad .x-legend-squad-am-mod { background: #ffffff; border-radius: 12px; padding: 9px 10px; display: flex; gap: 10px; align-items: center; box-shadow: 0 1px 2px rgba(10, 10, 10, 0.05); }
.cn-legendarios-legend-squad .x-legend-squad-am-mod > :is(i, .cn-i) { flex: none; width: 58px; height: 36px; border-radius: 7px; }
.cn-legendarios-legend-squad .x-legend-squad-am-mod-img--a { background: linear-gradient(135deg, #71717a, #d4d4d8); }
.cn-legendarios-legend-squad .x-legend-squad-am-mod-img--b { background: linear-gradient(135deg, #52525b, #a1a1aa); }
.cn-legendarios-legend-squad .x-legend-squad-am-mod-img--c { background: linear-gradient(135deg, #3f3f46, #8e9aa6); }
.cn-legendarios-legend-squad .x-legend-squad-am-mod > div { flex: 1; min-width: 0; }
.cn-legendarios-legend-squad .x-legend-squad-am-mod :is(b, .cn-b) { display: block; font-size: 11.5px; font-weight: 600; }
.cn-legendarios-legend-squad .x-legend-squad-am-mod small { font-size: 9.5px; color: rgba(10, 10, 10, 0.64); }
.cn-legendarios-legend-squad .x-legend-squad-am-trilha { flex: none; display: flex; align-items: center; gap: 6px; padding: 9px 14px; font-size: 10.5px; color: rgba(10, 10, 10, 0.64); }
.cn-legendarios-legend-squad .x-legend-squad-am-trilha :is(b, .cn-b) { color: #0a0a0a; font-weight: 500; }
.cn-legendarios-legend-squad .x-legend-squad-am-video { flex: none; aspect-ratio: 16 / 9; background: radial-gradient(circle at 50% 45%, #3f3f46 0%, #0b0b0d 75%); display: grid; place-items: center; position: relative; }
.cn-legendarios-legend-squad .x-legend-squad-am-video span { width: 44px; height: 44px; border-radius: 50%; background: rgba(255, 255, 255, 0.18); display: grid; place-items: center; }
.cn-legendarios-legend-squad .x-legend-squad-am-video :is(i, .cn-i) { position: absolute; left: 0; bottom: 0; height: 3px; background: #ffffff; }
.cn-legendarios-legend-squad .x-legend-squad-am-aula { padding: 12px 14px; display: flex; flex-direction: column; gap: 10px; }
.cn-legendarios-legend-squad .x-legend-squad-am-concluir { align-self: flex-start; height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid #d4d4d8; background: #ffffff; display: flex; align-items: center; gap: 8px; font-size: 12px; font-weight: 500; }
.cn-legendarios-legend-squad .x-legend-squad-am-concluir--feito { background: #dcfce7; border-color: #86efac; }
.cn-legendarios-legend-squad .x-legend-squad-am-concluir :is(i, .cn-i) { width: 15px; height: 15px; border-radius: 50%; border: 1.5px solid #a1a1aa; display: grid; place-items: center; font-style: normal; font-size: 9px; font-weight: 700; color: #ffffff; }
.cn-legendarios-legend-squad .x-legend-squad-am-concluir--feito :is(i, .cn-i) { background: #16a34a; border-color: #16a34a; }
.cn-legendarios-legend-squad .x-legend-squad-am-aula-tit { font-size: 15px; font-weight: 600; }
.cn-legendarios-legend-squad .x-legend-squad-am-linhas { display: flex; flex-direction: column; gap: 6px; }
.cn-legendarios-legend-squad .x-legend-squad-am-linhas :is(i, .cn-i) { display: block; height: 7px; border-radius: 4px; background: #e4e4e7; }
.cn-legendarios-legend-squad .x-legend-squad-am-rodape { margin-top: auto; flex: none; height: 60px; display: flex; align-items: center; gap: 10px; padding: 0 14px; background: #ffffff; border-top: 1px solid #e4e4e7; }
.cn-legendarios-legend-squad .x-legend-squad-am-ordem { flex: none; width: 28px; height: 28px; border-radius: 50%; background: #e4e4e7; display: grid; place-items: center; font-size: 13px; }
.cn-legendarios-legend-squad .x-legend-squad-am-rod-meio { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.cn-legendarios-legend-squad .x-legend-squad-am-rod-meio > :is(b, .cn-b) { font-size: 11.5px; font-weight: 500; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.cn-legendarios-legend-squad .x-legend-squad-am-setas { flex: none; display: flex; gap: 6px; }
.cn-legendarios-legend-squad .x-legend-squad-am-setas span { width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center; border: 1px solid #d4d4d8; }
.cn-legendarios-legend-squad .x-legend-squad-am-setas span:last-child { background: #18181b; border-color: #18181b; color: #ffffff; }
.cn-legendarios-legend-squad .x-legend-squad-am-quiz { flex: none; height: 158px; background: #ffffff; border-bottom: 1px solid #e4e4e7; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 7px; padding: 12px 16px; text-align: center; }
.cn-legendarios-legend-squad .x-legend-squad-am-quiz-ic { width: 46px; height: 46px; border-radius: 50%; display: grid; place-items: center; background: #f4f4f5; font-size: 18px; font-weight: 700; color: #18181b; }
.cn-legendarios-legend-squad .x-legend-squad-am-quiz-ic--ok { background: conic-gradient(#16a34a 0 80%, #e4e4e7 80% 100%); color: #0a0a0a; position: relative; }
.cn-legendarios-legend-squad .x-legend-squad-am-quiz-ic--ok::after { content: ""; position: absolute; inset: 5px; border-radius: 50%; background: #ffffff; }
.cn-legendarios-legend-squad .x-legend-squad-am-quiz-ic--ok em { position: relative; z-index: 1; font-style: normal; font-size: 12px; }
.cn-legendarios-legend-squad .x-legend-squad-am-quiz :is(b, .cn-b) { font-size: 13px; font-weight: 600; }
.cn-legendarios-legend-squad .x-legend-squad-am-quiz small { font-size: 10px; color: rgba(10, 10, 10, 0.64); line-height: 1.45; }
.cn-legendarios-legend-squad .x-legend-squad-am-fundo { position: absolute; inset: 30px 0 0; z-index: 4; background: rgba(0, 0, 0, 0.45); display: flex; align-items: flex-end; }
.cn-legendarios-legend-squad .x-legend-squad-am-dialogo { width: 100%; background: #ffffff; border-radius: 16px 16px 0 0; padding: 14px 14px 16px; display: flex; flex-direction: column; gap: 9px; }
.cn-legendarios-legend-squad .x-legend-squad-am-dialogo > :is(b, .cn-b) { font-size: 13px; font-weight: 600; }
.cn-legendarios-legend-squad .x-legend-squad-am-dialogo > p { font-size: 11px; color: #3f3f46; }
.cn-legendarios-legend-squad .x-legend-squad-am-alt { height: 34px; border-radius: 10px; border: 1px solid #e4e4e7; display: flex; align-items: center; gap: 9px; padding: 0 11px; font-size: 11px; }
.cn-legendarios-legend-squad .x-legend-squad-am-alt :is(i, .cn-i) { flex: none; width: 13px; height: 13px; border-radius: 50%; border: 1.5px solid #a1a1aa; }
.cn-legendarios-legend-squad .x-legend-squad-am-alt--sel { border-color: #18181b; background: rgba(24, 24, 27, 0.05); }
.cn-legendarios-legend-squad .x-legend-squad-am-alt--sel :is(i, .cn-i) { border: 4px solid #18181b; }
.cn-legendarios-legend-squad .x-legend-squad-am-dialogo-acoes { display: grid; grid-template-columns: 1fr 1.4fr; gap: 8px; margin-top: 4px; }
.cn-legendarios-legend-squad .x-legend-squad-am-dialogo-acoes span { height: 36px; border-radius: 999px; display: grid; place-items: center; font-size: 11.5px; font-weight: 600; border: 1px solid #d4d4d8; }
.cn-legendarios-legend-squad .x-legend-squad-am-dialogo-acoes span:last-child { background: #18181b; border-color: #18181b; color: #ffffff; }
@media (prefers-reduced-motion: reduce) {
  .cn-legendarios-legend-squad .x-legend-squad-realce, .cn-legendarios-legend-squad .x-legend-squad-am-cursor, .cn-legendarios-legend-squad .x-legend-squad-giro, .cn-legendarios-legend-squad .x-legend-squad-am-prog :is(i, .cn-i) :is(b, .cn-b) { animation: none; transition: none; }
}
.cn-legendarios-fire .x-legendarios-fire-erros .erro span q { color: inherit; font-size: inherit; font-weight: 600; }
.cn-legendarios-fire .x-legendarios-fire-msg { font-size: 14px; color: rgba(34, 34, 34, 0.8); }
.cn-legendarios-fire .x-legendarios-fire-exemplos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.cn-legendarios-fire .x-legendarios-fire-exemplo { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; }
.cn-legendarios-fire .x-legendarios-fire-exemplo h3 { font-size: 15px; font-weight: 600; }
.cn-legendarios-fire .x-legendarios-fire-exemplo strong { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-aviso { margin-bottom: 20px; padding: 8px 10px; display: flex; align-items: center; gap: 10px; border-radius: 12px; background: #faf6dc; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-aviso-ic { flex: none; padding: 8px; display: flex; border-radius: 8px; background: #f5aa2a; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-aviso p { flex: 1; min-width: 0; font: 500 12.5px/17.5px "Poppins", sans-serif; color: #222; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-aviso-mais { flex: none; min-width: 44px; min-height: 44px; padding: 8px; display: flex; align-items: center; justify-content: center; border-radius: 8px; font: 500 14px/21px "Poppins", sans-serif; color: #00a7f0; white-space: nowrap; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-form { padding-top: 16px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-col { display: flex; flex-direction: column; gap: 8px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-mb16 { margin-bottom: 16px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-mt8 { margin-top: 8px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-rot { margin-bottom: 4px; font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-transp { color: transparent; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-seta { position: absolute; right: 15px; top: 50%; width: 20px; height: 20px; margin-top: -10px; fill: rgba(34, 34, 34, 0.56); }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-desl { background: #f0f0f0; border-color: #ccc; color: #999; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-desl .kt-ck-ph { color: #999; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-desl .x-legendarios-fire-k-seta { fill: #ccc; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-sec { margin: 0 -20px; padding: 20px; border-top: 1px solid rgba(34, 34, 34, 0.08); }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-sec-cab { height: 24px; display: flex; align-items: center; justify-content: space-between; font: 700 14px/normal "Poppins", sans-serif; color: #222; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-sec-seta { flex: none; width: 24px; height: 24px; fill: #222; transform: rotate(180deg); }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-sec-corpo { margin-top: 16px; display: flex; flex-direction: column; gap: 16px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-farda { border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; overflow: hidden; background: #fff; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-farda img { width: 100%; height: auto; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-ver { height: 44px; padding: 0 16px; display: flex; align-items: center; justify-content: center; gap: 8px; border-top: 1px solid rgba(34, 34, 34, 0.08); font: 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-ver :is(svg, .zi) { width: 20px; height: 20px; fill: #222; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-pa { display: flex; gap: 8px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-par { flex: 1 1 0; min-width: 0; display: flex; gap: 8px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-unid { flex: 0 0 45%; min-width: 0; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-num { flex: 1 1 0; min-width: 0; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-num .kt-ck-ph, .cn-legendarios-fire .kt-tela .x-legendarios-fire-k-num .kt-ck-valor { min-width: 0; overflow: hidden; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-bts { display: flex; flex-wrap: wrap; gap: 8px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-bt { height: 40px; min-width: 44px; padding: 8px 16px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; font: 500 14px/normal "Poppins", sans-serif; color: #222; white-space: nowrap; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-bt--sel { border-color: #00a7f0; background: #00a7f0; color: #fafafa; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-esp { margin-top: 8px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-esp > .x-legendarios-fire-k-rot { margin-bottom: 11px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-area { position: relative; height: 68px; padding: 12px; display: flex; align-items: flex-start; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; font: 400 14px/21px "Poppins", sans-serif; color: #000; overflow: hidden; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-area.kt-foco { border-color: #00a7f0; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-area::after { content: ''; position: absolute; right: 0; bottom: 0; width: 10px; height: 10px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%23000' stroke-opacity='.55' stroke-width='1'%3E%3Cpath d='M1 8.5L8.5 1M5 8.5L8.5 5'/%3E%3C/svg%3E") no-repeat; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-tel { height: 53px; padding-left: 52px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-ddi { position: absolute; left: 0; top: 0; bottom: 0; padding: 0 6px 0 8px; display: flex; align-items: center; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-flag { width: 20px; height: 14px; box-shadow: 0 0 1px 0 #888; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-ddi :is(i, .cn-i) { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-radios { margin-bottom: 16px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-rlista { display: flex; flex-direction: column; gap: 16px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-radio { height: 21px; display: flex; align-items: center; gap: 8px; font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-radio :is(i, .cn-i) { flex: none; width: 18px; height: 18px; border: 1px solid #767676; border-radius: 50%; background: #fff; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-radio :is(i, .cn-i).x-legendarios-fire-k-radio--on { border: 0; background: radial-gradient(circle, #00a7f0 0 4.2px, #fff 4.6px 6.6px, #00a7f0 7px); }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-multi { position: relative; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-multi-bt { color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-drop { position: absolute; left: 0; right: 0; top: 100%; z-index: 5; margin-top: 10px; padding: 4px 12px; border: 1px solid rgba(34, 34, 34, 0.14); border-radius: 8px; background: #fff; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-op { display: flex; align-items: center; gap: 4px; margin-bottom: 4px; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-op span { margin: 4px 0; font: 400 14px/21px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.56); }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-caixa { flex: none; width: 13px; height: 13px; margin: 4px 6px 4px 0; border: 1px solid #767676; border-radius: 2px; background: #fff; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-caixa--on { border-color: #0075ff; background: #0075ff; }
.cn-legendarios-fire .kt-tela .x-legendarios-fire-k-caixa :is(svg, .zi) { width: 11px; height: 11px; }
.cn-legendarios-rem .x-legendarios-rem-erros .erro span q { color: inherit; font-size: inherit; font-weight: 600; }
.cn-legendarios-rem .caso-texto.x-legendarios-rem-largo { grid-column: 1 / -1; }
.cn-legendarios-rem .x-legendarios-rem-ev-rot { margin: -12px 0 12px; font: 400 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-rem .x-legendarios-rem-oculto { display: inline-block; height: 8px; border-radius: 4px; background: #e6e9ed; vertical-align: middle; }
.cn-legendarios-rem .x-legendarios-rem-oculto--verde { background: rgba(0, 168, 107, 0.22); }
.cn-legendarios-rem .x-legendarios-rem-rot { font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-rem .x-legendarios-rem-rot--campo { margin-bottom: 4px; white-space: nowrap; overflow: hidden; }
.cn-legendarios-rem .x-legendarios-rem-rot--sn { margin-bottom: 7px; }
.cn-legendarios-rem .x-legendarios-rem-rot--grupo { margin-bottom: 4px; }
.cn-legendarios-rem .x-legendarios-rem-rot--vazio { color: transparent; }
.cn-legendarios-rem .x-legendarios-rem-obrig { color: #dc3545; }
.cn-legendarios-rem .x-legendarios-rem-ent { position: relative; height: 48px; padding: 0 12px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; display: flex; align-items: center; font: 400 14px/21px "Poppins", sans-serif; color: #000; white-space: nowrap; overflow: hidden; }
.cn-legendarios-rem .x-legendarios-rem-ent--sel { padding-right: 45px; }
.cn-legendarios-rem .x-legendarios-rem-ent--multi { color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-rem .x-legendarios-rem-ent--off { background: #f0f0f0; border-color: #ccc; color: #999; }
.cn-legendarios-rem .x-legendarios-rem-foco { border-color: #00a7f0; }
.cn-legendarios-rem .x-legendarios-rem-valor { display: inline-flex; align-items: center; overflow: hidden; text-overflow: ellipsis; }
.cn-legendarios-rem .x-legendarios-rem-ph { color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-rem .x-legendarios-rem-ent--off .x-legendarios-rem-ph { color: #999; }
.cn-legendarios-rem .x-legendarios-rem-seta { position: absolute; right: 15px; top: 50%; width: 18px; height: 18px; margin-top: -9px; fill: #333; }
.cn-legendarios-rem .x-legendarios-rem-ent--off .x-legendarios-rem-seta { fill: #c2c2c2; }
.cn-legendarios-rem .x-legendarios-rem-sn { display: flex; gap: 8px; }
.cn-legendarios-rem .x-legendarios-rem-sn :is(i, .cn-i) { width: 64px; height: 48px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; display: flex; align-items: center; justify-content: center; font: normal 400 12px/18px "Poppins", sans-serif; letter-spacing: 0.4px; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-rem .x-legendarios-rem-sn :is(i, .cn-i).x-legendarios-rem-on { background: #00b2ff; border-color: #00b2ff; color: #fff; }
.cn-legendarios-rem .x-legendarios-rem-bt { display: flex; flex-wrap: wrap; gap: 8px; }
.cn-legendarios-rem .x-legendarios-rem-bt :is(i, .cn-i) { min-width: 44px; justify-content: center; height: 40px; padding: 0 16px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; display: flex; align-items: center; font: normal 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-rem .x-legendarios-rem-bt :is(i, .cn-i).x-legendarios-rem-on { background: #00a7f0; border-color: #00a7f0; color: #fafafa; }
.cn-legendarios-rem .x-legendarios-rem-hr { height: 1px; background: rgba(34, 34, 34, 0.5); opacity: 0.25; }
.cn-legendarios-rem .x-legendarios-rem-tit { font: 600 14px/16.8px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-rem .x-legendarios-rem-titl { font: 600 18px/27px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-rem .x-legendarios-rem-par { display: flex; gap: 8px; }
.cn-legendarios-rem .x-legendarios-rem-par > div { flex: 1; min-width: 0; }
.cn-legendarios-rem .x-legendarios-rem-medidas { border-radius: 6px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.075); }
.cn-legendarios-rem .x-legendarios-rem-medidas img { display: block; width: 279px; height: 243.4px; margin: 0 16px; padding-top: 16px; box-sizing: content-box; object-fit: cover; border-radius: 6px; }
.cn-legendarios-rem .x-legendarios-rem-medidas-pe { height: 67px; padding-top: 16px; display: flex; align-items: center; justify-content: center; }
.cn-legendarios-rem .x-legendarios-rem-medidas-pe span { display: flex; align-items: center; font: 500 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-rem .x-legendarios-rem-estr { position: relative; height: 24px; }
.cn-legendarios-rem .x-legendarios-rem-estr-txt { position: absolute; left: 24px; top: 0; font: 400 16px/24px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-rem .x-legendarios-rem-card { border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 12px; padding: 20px 20px 36px; margin-bottom: 15.6px; }
.cn-legendarios-rem .x-legendarios-rem-drop { margin-top: 10px; padding: 4px 12px; border: 1px solid rgba(34, 34, 34, 0.14); border-radius: 8px; background: #fff; position: relative; z-index: 2; }
.cn-legendarios-rem .x-legendarios-rem-drop-item { display: flex; align-items: center; height: 29px; margin-bottom: 4px; font: 400 14px/21px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-rem .x-legendarios-rem-chk { flex: none; width: 13px; height: 13px; margin-right: 10px; border: 1px solid #767676; border-radius: 2px; background: #fff; position: relative; }
.cn-legendarios-rem .x-legendarios-rem-chk.x-legendarios-rem-on { background: #0075ff; border-color: #0075ff; }
.cn-legendarios-rem .x-legendarios-rem-chk.x-legendarios-rem-on::after { content: ""; position: absolute; left: 3.5px; top: 0.5px; width: 3.5px; height: 7px; border: solid #fff; border-width: 0 1.6px 1.6px 0; transform: rotate(45deg); }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-erros .erro span q { color: inherit; font-size: inherit; font-weight: 600; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-exemplos { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: 12px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-exemplo { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-exemplo h3 { font-size: 15px; font-weight: 600; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-exemplo strong { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-nota li { overflow-wrap: anywhere; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-aviso { margin: 16px 0 -13px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 16px; background: #fff; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-aviso-cab { height: 63px; padding: 16px 20px 12px; border-bottom: 1px solid rgba(34, 34, 34, 0.08); }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-aviso-cab h3 { margin-bottom: 12px; font: 700 18px/21.6px "Poppins", sans-serif; color: #222; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-aviso-corpo { padding: 19px 20px 21px; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-aviso-msg { height: 27px; display: flex; align-items: center; gap: 8px; font: 700 16px/24px "Poppins", sans-serif; color: #d72b2b; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-aviso-msg :is(svg, .zi) { flex: none; width: 18px; height: 18px; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-aviso-corpo p { margin-top: 8px; font: 400 14px/19.6px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-desc h1 { margin-bottom: 8px; font: 500 27.895px/33.474px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.72); }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-desc h2 { margin-bottom: 12px; font: 500 24.737px/29.6844px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.72); }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-desc strong { font-weight: 700; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-desc p { margin-bottom: 16px; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-desc ul { margin-bottom: 16px; padding-left: 32px; list-style: disc; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-oculto { display: inline-block; height: 8px; border-radius: 4px; background: #e6e9ed; vertical-align: middle; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-oculto--verde { background: rgba(0, 168, 107, 0.22); }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-campo { margin-bottom: 16px; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-campo--quem { margin-bottom: 32px; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-campo--whats { margin-bottom: 8px; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-rot { margin-bottom: 4px; font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-perg { margin-bottom: 16px; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-botoes { display: flex; flex-wrap: wrap; gap: 8px; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-bt { height: 40px; min-width: 44px; padding: 8px 16px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; font: 500 14px/21px "Poppins", sans-serif; color: #222; white-space: nowrap; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-bt--sel { background: #00a7f0; border-color: #00a7f0; color: #fafafa; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-tit { margin: 20px 0 16px; font: 700 16px/25px "Poppins", sans-serif; color: #222; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-hr { height: 0; margin: 20px 0 16px; border-top: 1px solid rgba(34, 34, 34, 0.16); }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-sec { margin-top: 16px; padding: 20px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 12px; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-sec > :last-child { margin-bottom: 0; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-sec-tit { margin-bottom: 16px; display: flex; align-items: center; justify-content: space-between; font: 700 16px/25px "Poppins", sans-serif; color: #222; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-sec-seta { flex: none; width: 24px; height: 24px; fill: #222; transform: rotate(180deg); }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-sobre { margin-bottom: 16px; font: 600 14px/21px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-whats { height: 53px; padding: 0 15px 0 50px; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-whats-ddi { position: absolute; left: 8px; top: 0; bottom: 0; display: flex; align-items: center; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-whats-ddi :is(i, .cn-i) { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-area { position: relative; height: 68px; padding: 12px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; overflow: hidden; font: 400 14px/21px "Poppins", sans-serif; color: #000; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-area .kt-ck-valor { display: inline; }
.cn-legendarios-nuvas-hit .kt-tela .x-legendarios-nuvas-k-area::after { content: ""; position: absolute; right: 1px; bottom: 1px; width: 10px; height: 10px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' fill='none' stroke='%23000' stroke-opacity='.55' stroke-width='1'%3E%3Cpath d='M1 8.5L8.5 1M5 8.5L8.5 5'/%3E%3C/svg%3E") no-repeat; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-topo { position: absolute; top: 0; left: 0; right: 0; height: 44px; z-index: 2; background: #fff; border-bottom: 1px solid rgba(34, 34, 34, 0.08); display: flex; align-items: center; padding: 0 12px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-topo .lg { width: 16px; height: 24px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-topo .lg :is(svg, .zi) { width: 100%; height: 100%; display: block; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-campo div.x-legendarios-nuvas-foco { border-color: #00b2ff; box-shadow: 0 0 0 2px rgba(0, 178, 255, 0.22); }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-ph { font-style: normal; color: #9aa4af; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-cur { display: inline-block; width: 1.5px; height: 13px; background: #222; margin-left: 1px; animation: piscar 1s steps(1) infinite; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-gira { width: 16px; height: 16px; border-radius: 50%; border: 2px solid rgba(255, 255, 255, 0.45); border-top-color: #fff; animation: girar 0.8s linear infinite; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-at { background: #fff; font-family: "Poppins", sans-serif; color: #222; text-align: left; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-at-rola { position: absolute; top: 44px; left: 0; right: 0; bottom: 0; overflow: hidden; display: flex; flex-direction: column; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-at-banner { flex: none; display: block; width: 100%; aspect-ratio: 1000 / 351; object-fit: cover; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-at-corpo { padding: 12px 14px; display: flex; flex-direction: column; gap: 8px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-rot { font-size: 9.5px; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-h { font-size: 13.5px; font-weight: 600; line-height: 1.3; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-p { font-size: 10px; line-height: 1.5; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-form { border-top: 1px solid rgba(34, 34, 34, 0.08); padding-top: 9px; display: flex; flex-direction: column; gap: 8px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-forte { font-size: 10.5px; font-weight: 600; line-height: 1.4; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-campo span { display: block; font-size: 9.5px; color: rgba(34, 34, 34, 0.64); margin-bottom: 3px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-campo div { height: 32px; border: 1px solid #dfe3e7; border-radius: 8px; display: flex; align-items: center; padding: 0 10px; font-size: 11px; overflow: hidden; white-space: nowrap; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-suporte { margin-top: 4px; background: #f7f9fa; border-radius: 8px; padding: 9px 10px; font-size: 9.5px; font-weight: 500; line-height: 1.45; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-suporte span { color: #2f80ed; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-dados { background: #f7f9fa; border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 9px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-dados span { display: block; font-size: 9.5px; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-dados :is(b, .cn-b) { font-size: 11.5px; font-weight: 600; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-drop { border: 1px solid #dee2e6; background: #f8f9fa; border-radius: 6px; padding: 12px 10px; display: flex; flex-direction: column; gap: 8px; align-items: center; text-align: center; font-size: 10px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-arq { display: flex; align-items: center; gap: 9px; border-bottom: 1px solid #dee2e6; padding: 6px 0; font-size: 10.5px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-arq span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-arq :is(i, .cn-i) { flex: none; width: 20px; height: 20px; border-radius: 50%; background: #198754; color: #fff; display: grid; place-items: center; font-style: normal; font-size: 11px; font-weight: 700; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-limite { font-size: 9.5px; line-height: 1.5; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-btn { flex: none; height: 34px; border-radius: 8px; background: #00b2ff; color: #fff; font-size: 11.5px; font-weight: 600; display: grid; place-items: center; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-btn--curto { align-self: center; padding: 0 18px; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-btn.off { opacity: 0.45; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-ok { margin-top: 26px; display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-ok :is(i, .cn-i) { width: 58px; height: 58px; border-radius: 50%; background: #dcfce7; color: #16a34a; display: grid; place-items: center; font-style: normal; font-size: 28px; font-weight: 700; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-ok :is(b, .cn-b) { font-size: 15px; font-weight: 600; line-height: 1.3; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-ok p { font-size: 11px; font-weight: 500; }
.cn-legendarios-nuvas-hit .x-legendarios-nuvas-ok span { font-size: 10.5px; color: rgba(34, 34, 34, 0.7); }
@media (prefers-reduced-motion: reduce) {
  .cn-legendarios-nuvas-hit .x-legendarios-nuvas-cur, .cn-legendarios-nuvas-hit .x-legendarios-nuvas-gira { animation: none; }
}
.cn-legendarios-legado .x-legendarios-legado-erros .erro span q { color: inherit; font-size: inherit; font-weight: 600; }
.cn-legendarios-legado .x-legendarios-legado-papeis { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 250px), 1fr)); gap: 14px; }
.cn-legendarios-legado .x-legendarios-legado-papel { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 18px 20px; display: flex; flex-direction: column; gap: 8px; border-top: 4px solid var(--marca); }
.cn-legendarios-legado .x-legendarios-legado-papel--resp { border-top-color: #9a6a35; }
.cn-legendarios-legado .x-legendarios-legado-papel--filho { border-top-color: #75b871; }
.cn-legendarios-legado .x-legendarios-legado-papel small { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; color: var(--marca-texto); }
.cn-legendarios-legado .x-legendarios-legado-papel--resp small { color: #7a5226; }
.cn-legendarios-legado .x-legendarios-legado-papel--filho small { color: #127a4a; }
.cn-legendarios-legado .x-legendarios-legado-papel h3 { font-size: 18px; font-weight: 600; }
.cn-legendarios-legado .x-legendarios-legado-papel ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 5px; font-size: 14.5px; }
.cn-legendarios-legado .x-legendarios-legado-papel q { font-weight: 600; }
.cn-legendarios-legado .x-legendarios-legado-exemplo { background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 16px 20px; display: flex; flex-direction: column; gap: 8px; font-size: 14.5px; max-width: 860px; }
.cn-legendarios-legado .x-legendarios-legado-exemplo h3 { font-size: 15px; font-weight: 600; }
.cn-legendarios-legado .x-legendarios-legado-exemplo ul { margin: 0; padding-left: 18px; display: flex; flex-direction: column; gap: 4px; }
.cn-legendarios-legado .x-legendarios-legado-exemplo strong { font-weight: 600; font-variant-numeric: tabular-nums; }
.cn-legendarios-legado .x-legendarios-legado-nota li { overflow-wrap: anywhere; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-h1 { margin-bottom: 16px; font: 600 18px/27px "Poppins", sans-serif; color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-oculto { display: inline-block; height: 8px; border-radius: 4px; background: #e6e9ed; vertical-align: middle; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-oculto--verde { background: rgba(0, 168, 107, 0.22); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-item-meio { display: flex; align-items: center; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-campo { margin-bottom: 16px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-rot { margin-bottom: 4px; font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-rot--vazio { color: transparent; white-space: nowrap; overflow: hidden; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-perg { margin-bottom: 16px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-botoes { display: flex; flex-wrap: wrap; gap: 8px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-botoes--solto { padding-top: 4px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-fim { height: 16px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-bt { height: 40px; min-width: 44px; padding: 8px 16px; display: flex; align-items: center; justify-content: center; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; font: 500 14px/21px "Poppins", sans-serif; color: #222; white-space: nowrap; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-bt--sel { background: #00a7f0; border-color: #00a7f0; color: #fafafa; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-sec { margin: 0 -20px; padding: 20px; border-top: 1px solid rgba(34, 34, 34, 0.08); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-sec-tit { display: flex; align-items: center; justify-content: space-between; font: 700 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-sec-seta { flex: none; width: 20px; height: 20px; fill: #666; transform: rotate(180deg); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-sec-corpo { margin-top: 16px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-medidas { display: block; width: 100%; height: auto; margin-bottom: 16px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-coluna { display: flex; flex-direction: column; gap: 8px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-dupla { display: flex; gap: 8px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-dupla > div { flex: 1 1 0; min-width: 0; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-desl { height: 48px; padding: 0 12px; display: flex; align-items: center; border: 1px solid #ccc; border-radius: 8px; background: #f0f0f0; font: 400 14px/21px "Poppins", sans-serif; color: #999; white-space: nowrap; overflow: hidden; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-desl span { flex: 1; min-width: 0; overflow: hidden; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-multi { position: relative; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-multi-bt span { color: rgba(0, 0, 0, 0.87); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-drop { position: absolute; left: 0; right: 0; top: 100%; z-index: 10; height: 200px; padding: 8px; overflow: hidden; border: 1px solid #ccc; border-radius: 4px; background: #fff; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-drop-rolo { transition: transform 0.35s ease; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-drop-item { height: 21px; margin-bottom: 4px; display: flex; align-items: center; gap: 4px; font: 400 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-chk { position: relative; flex: none; width: 13px; height: 13px; margin: 3px 3px 3px 4px; border: 1px solid #767676; border-radius: 2px; background: #fff; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-chk--on { background: #0075ff; border-color: #0075ff; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-chk--on::after { content: ""; position: absolute; left: 3.5px; top: 0.5px; width: 3.5px; height: 7px; border: solid #fff; border-width: 0 1.6px 1.6px 0; transform: rotate(45deg); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-certidao-txt { margin-bottom: 8px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-drop-arquivo { margin-bottom: 4px; padding: 20px; display: flex; flex-direction: column; align-items: center; gap: 12px; border: 1px dashed rgba(34, 34, 34, 0.08); border-radius: 8px; background: #f7f9fa; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-drop-arquivo :is(svg, .zi) { width: 24px; height: 24px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-drop-arquivo p { font: 400 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); text-align: center; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-formatos { font: 400 10px/15px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-arquivo { margin-top: 4px; font: 400 12px/18px "Poppins", sans-serif; color: #222; word-break: break-all; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-filho { margin-top: 16px; padding: 20px 20px 0; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 16px; background: #fff; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-filho-cab { margin: -20px -20px 20px; padding: 16px 20px 12px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(34, 34, 34, 0.08); border-radius: 16px 16px 0 0; background: #f7f9fa; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-filho-cab p { font: 700 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-remover { height: 28px; padding: 4px 40px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #fccccc; border-radius: 4px; background: #fff; font: 500 12px/18px "Poppins", sans-serif; color: #d72b2b; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-ordem { margin-bottom: 16px; display: flex; align-items: flex-start; gap: 8px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-ordem-esq { flex: none; width: 180px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-ordem-dir { flex: 1; min-width: 0; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-nota { margin-bottom: 16px; display: flex; align-items: center; gap: 8px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-nota :is(svg, .zi) { flex: none; width: 24px; height: 24px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-nota p { font: 400 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-hint { margin-bottom: 16px; font: 400 14px/21px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-rapido { padding-top: 12px; display: flex; flex-direction: column; align-items: flex-start; gap: 16px; border-top: 1px solid rgba(34, 34, 34, 0.08); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-rapido > span { font: 500 12px/18px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-rapido > div { display: flex; flex-wrap: wrap; gap: 8px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-rapido-bt { min-height: 28px; padding: 4px 8px; display: inline-flex; align-items: center; gap: 8px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 4px; background: #fff; font: 500 12px/18px "Poppins", sans-serif; color: #222; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-rapido-bt :is(svg, .zi) { width: 16px; height: 16px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-rapido-bt--tocado { background: rgba(243, 243, 243, 0.43); border-color: rgba(34, 34, 34, 0.173); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-add { margin-top: 16px; height: 40px; padding: 8px 16px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; color: #00a7f0; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-add span { width: 20px; height: 20px; display: inline-flex; align-items: center; justify-content: center; font: 500 20px/1 "Poppins", sans-serif; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-add :is(b, .cn-b) { font: 500 14px/14px "Poppins", sans-serif; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-fam { margin-top: 16px; padding: 20px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 16px; background: #fff; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-fam-tit { font: 600 14px/21px "Poppins", sans-serif; color: #222; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-fam-sub { margin-top: 4px; font: 500 14px/21px "Poppins", sans-serif; color: rgba(34, 34, 34, 0.64); }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-fam-bts { margin-top: 16px; display: flex; flex-direction: column; gap: 12px; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-fam-bt { padding: 12px 16px; display: flex; align-items: center; justify-content: center; gap: 8px; border: 1px solid rgba(34, 34, 34, 0.08); border-radius: 8px; background: #fff; font: 500 14px/21px "Poppins", sans-serif; color: #00a7f0; }
.cn-legendarios-legado .kt-tela .x-legendarios-legado-k-fam-bt span { font: 500 18px/18px "Poppins", sans-serif; }
@media (prefers-reduced-motion: reduce) {
  .cn-legendarios-legado .kt-tela .x-legendarios-legado-k-drop-rolo { transition: none; }
}
/* ----- prévia: ajustes de texto pedidos em 19/10 ----- */
.cn-artigo .artigo h1 { text-wrap: wrap; }
@media (max-width: 600px) {
  .cn-artigo .abertura h1 { font-size: 25px; }
}
.cn-artigo .artigo :is(p, li):not(.demo *, .contato *, .util *, .relacionados *, .legenda, .atualizado) { text-align: justify; hyphens: auto; }
.cn-artigo :where(.artigo) q { quotes: "“" "”"; font-weight: 600; hyphens: manual; }
@media (min-width: 700px) {
  .cn-artigo .artigo .regras:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* ===== Central do Participante (prévia): encaixe na Zendesk =====
   Vem depois do CSS da prévia. Título do tema, corpo do artigo, votos, caixa de busca da Zendesk e ícones. */

/* Artigo novo: o h1 vem no corpo (div.abertura); o h1 do tema fica só para artigo antigo */
.cn-artigo .cn-titulo { max-width: 760px; margin: 0; font-size: clamp(28px, 4vw, 36px); line-height: 1.2; font-weight: 600; letter-spacing: -0.5px; }
.cn-artigo .cn-titulo[hidden], .cn-artigo .artigo:has(.artigo-nova) > .cn-titulo { display: none; }
/* O corpo e o marcador não criam caixa: as partes do artigo continuam sendo itens do .artigo (flex com gap 40) */
.cn-artigo .artigo:has(.artigo-nova) > .cn-corpo, .cn-artigo .artigo-nova { display: contents; }
/* Artigo antigo (sem o marcador): cartão branco simples */
.cn-artigo .artigo:not(:has(.artigo-nova)) > .cn-corpo { max-width: 860px; background: #fff; border-radius: 18px; box-shadow: var(--sombra); padding: 28px; }
.cn-artigo .artigo:not(:has(.artigo-nova)) > .cn-corpo :is(p, ul, ol) { margin: 0 0 12px; }
.cn-artigo .cn-corpo img { max-width: 100%; height: auto; }

/* Ícones que eram <svg> no corpo (a Zendesk não aceita svg em artigo): desenho por máscara ou fundo */
.cn-artigo .zi { display: inline-block; flex: none; width: 1em; height: 1em; vertical-align: middle; background-color: currentColor; }
.cn-artigo .zi.zi--cor { background-color: transparent; }

/* "Esse artigo foi útil?": botões do helper vote da Zendesk com o desenho da prévia */
.cn-artigo .util .cn-voto { font: inherit; font-size: 13px; font-weight: 600; color: var(--marca-texto); background: #fff; border: 1px solid #d6e9f5; border-radius: 999px; padding: 6px 16px; cursor: pointer; text-decoration: none; display: inline-flex; align-items: center; line-height: 1.5; }
.cn-artigo .util .cn-voto:hover { border-color: var(--marca); text-decoration: none; }
.cn-artigo .util .cn-voto.cn-votado, .cn-artigo .util .cn-voto[aria-pressed="true"] { background: var(--marca); border-color: var(--marca); color: #fff; }

/* Caixa de busca: o helper search da Zendesk (form.search + input#query) dentro da caixa da prévia */
.cn .busca form.search { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; border: 0; border-radius: 0; background: transparent; position: static; box-shadow: none; }
.cn .busca .search input[type="search"] { flex: 1 1 auto; min-width: 0; width: 100%; height: auto; border: 0; border-radius: 0; padding: 0; margin: 0; background: transparent; font: inherit; font-size: 15px; color: #222; box-shadow: none; outline: 0; }
.cn .busca .search input[type="search"]:focus { border: 0; }
.cn .busca .search input[type="search"]::placeholder { color: rgba(34, 34, 34, 0.55); }
.cn .busca .search .clear-button { display: none !important; }

/* Busca da faixa do artigo, com as mesmas sugestões da página inicial */
.cn-artigo .busca-area { position: relative; width: min(100%, 360px); }
.cn-artigo .busca-area .busca { width: 100%; }
.cn-artigo .busca .search input[type="search"] { font-size: 13px; }
.cn-artigo .busca-area.aberta .busca, .cn-artigo .busca-area:focus-within .busca { border-color: #0089c7; box-shadow: 0 0 0 3px rgba(0, 137, 199, 0.18); }
.cn-artigo .sugestoes { display: none; position: absolute; z-index: 20; top: calc(100% + 8px); left: 0; right: 0; min-width: 300px; background: #fff; border: 1px solid #eceff1; border-radius: 16px; box-shadow: 0 16px 40px rgba(16, 38, 64, 0.18); padding: 8px; text-align: left; }
.cn-artigo .busca-area.aberta .sugestoes { display: block; }
.cn-artigo .sugestoes small { display: block; padding: 8px 10px 6px; font-size: 11px; font-weight: 600; letter-spacing: 0.4px; text-transform: uppercase; color: rgba(34, 34, 34, 0.55); }
.cn-artigo .sugestoes small.nada { text-transform: none; letter-spacing: 0; font-size: 13px; }
.cn-artigo .sug { display: flex; align-items: center; gap: 12px; padding: 10px; border-radius: 10px; font-size: 14px; font-weight: 500; color: #222; text-decoration: none; }
.cn-artigo .sug:hover, .cn-artigo .sug:first-of-type { background: #f0f9fe; }
.cn-artigo .sug > span:nth-child(2) { flex: 1 1 auto; }
.cn-artigo .sug > svg { color: rgba(34, 34, 34, 0.4); }
.cn-artigo .sug .res { display: flex; flex-direction: column; gap: 1px; min-width: 0; flex: 1 1 auto; }
.cn-artigo .sug .res em { font-style: normal; font-size: 12px; color: rgba(34, 34, 34, 0.6); font-weight: 400; }
.cn-artigo .sug-ic { flex: 0 0 32px; width: 32px; height: 32px; border-radius: 9px; background: #e6f5fd; color: #0089c7; display: grid; place-items: center; }
.cn-artigo .sug-ic svg { width: 16px; height: 16px; }
@media (max-width: 600px) { .cn-artigo .busca-area { width: 100%; } .cn-artigo .sugestoes { min-width: 0; } }

/* Páginas de assunto, categoria e busca */
.cn-inicio .cn-vazio { font-size: 14px; color: rgba(34, 34, 34, 0.64); }
.cn-inicio .art-linha .cn-onde { font-style: normal; font-size: 12px; color: #0b5f8a; }
.cn-inicio .art-linha small em { font-style: normal; font-weight: 600; color: #222; }
.cn-inicio .pagination { margin-top: 8px; }

/* Grade de regras com 4 cartões: 2 por linha no computador, para não sobrar um cartão sozinho (pedido do Fernando, 21/10) */
@media (min-width: 700px) {
  .cn-artigo .regras:has(> :nth-child(4):last-child) { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
/* ----- ícones do corpo dos artigos (eram svg) ----- */
.cn-artigo .zi-6f2155d7 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3.5 6.5l8.5 6.5 8.5-6.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-fb9531f0 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Cpath d='M14 14h2v2h-2zM18 18h2v2h-2zM14 18h2M18 14h2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4' y='4' width='6' height='6' rx='1'/%3E%3Crect x='14' y='4' width='6' height='6' rx='1'/%3E%3Crect x='4' y='14' width='6' height='6' rx='1'/%3E%3Cpath d='M14 14h2v2h-2zM18 18h2v2h-2zM14 18h2M18 14h2'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-3b3cb97c { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M9.5 15c1.4 1 3.6 1 5 0M9.5 10.5h.01M14.5 10.5h.01'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2'/%3E%3Cpath d='M9.5 15c1.4 1 3.6 1 5 0M9.5 10.5h.01M14.5 10.5h.01'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-07c49da9 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-52e4cfe7 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='6' y='2.5' width='12' height='19' rx='2.5'/%3E%3Cpath d='M11 18.5h2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='6' y='2.5' width='12' height='19' rx='2.5'/%3E%3Cpath d='M11 18.5h2'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-6eaccc62 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10.5' rx='2.5'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='4.5' y='10.5' width='15' height='10.5' rx='2.5'/%3E%3Cpath d='M8 10.5V7.5a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-24ff924d { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 19v-6a6 6 0 0 1 12 0v6'/%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='M9 13h6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 19v-6a6 6 0 0 1 12 0v6'/%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='M9 13h6'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-990aa370 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-5f2517d9 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9V7a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v2a3 3 0 0 0 0 6v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2a3 3 0 0 0 0-6Z'/%3E%3Cpath d='M14 6v12' stroke-dasharray='2 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9V7a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v2a3 3 0 0 0 0 6v2a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-2a3 3 0 0 0 0-6Z'/%3E%3Cpath d='M14 6v12' stroke-dasharray='2 2'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-64c50f8d { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-67709db1 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='8.5'/%3E%3Cpath d='M12 7.5V12l3 2'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-afa03375 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7.5A1.5 1.5 0 0 1 5.5 6h13A1.5 1.5 0 0 1 20 7.5V10a2 2 0 0 0 0 4v2.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5V14a2 2 0 0 0 0-4Z'/%3E%3Cpath d='M10 9.5l4 5M14 9.5l-4 5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 7.5A1.5 1.5 0 0 1 5.5 6h13A1.5 1.5 0 0 1 20 7.5V10a2 2 0 0 0 0 4v2.5a1.5 1.5 0 0 1-1.5 1.5h-13A1.5 1.5 0 0 1 4 16.5V14a2 2 0 0 0 0-4Z'/%3E%3Cpath d='M10 9.5l4 5M14 9.5l-4 5'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-66ed6ae0 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9'%3E%3Ccircle cx='12' cy='8.5' r='3.5'/%3E%3Cpath d='M5 20c1.2-3.4 3.8-5 7-5s5.8 1.6 7 5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9'%3E%3Ccircle cx='12' cy='8.5' r='3.5'/%3E%3Cpath d='M5 20c1.2-3.4 3.8-5 7-5s5.8 1.6 7 5'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-bec9f359 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-d617f1a4 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9'%3E%3Cpath d='M3 8.5V6.8C3 6.4 3.4 6 3.8 6h16.4c.4 0 .8.4.8.8v1.7a2.5 2.5 0 0 0 0 5v1.7c0 .4-.4.8-.8.8H3.8c-.4 0-.8-.4-.8-.8v-1.7a2.5 2.5 0 0 0 0-5Z'/%3E%3Cpath d='M14.5 6v12' stroke-dasharray='2 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9'%3E%3Cpath d='M3 8.5V6.8C3 6.4 3.4 6 3.8 6h16.4c.4 0 .8.4.8.8v1.7a2.5 2.5 0 0 0 0 5v1.7c0 .4-.4.8-.8.8H3.8c-.4 0-.8-.4-.8-.8v-1.7a2.5 2.5 0 0 0 0-5Z'/%3E%3Cpath d='M14.5 6v12' stroke-dasharray='2 2'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-ebcee40a { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2'/%3E%3Ccircle cx='9.5' cy='10.5' r='.6' fill='%23000'/%3E%3Ccircle cx='14.5' cy='10.5' r='.6' fill='%23000'/%3E%3Cpath d='M9.5 15c1.4 1 3.6 1 5 0'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 8V6a2 2 0 0 1 2-2h2M16 4h2a2 2 0 0 1 2 2v2M20 16v2a2 2 0 0 1-2 2h-2M8 20H6a2 2 0 0 1-2-2v-2'/%3E%3Ccircle cx='9.5' cy='10.5' r='.6' fill='%23000'/%3E%3Ccircle cx='14.5' cy='10.5' r='.6' fill='%23000'/%3E%3Cpath d='M9.5 15c1.4 1 3.6 1 5 0'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-d52ea21c { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5A2.5 2.5 0 0 1 6.5 6h1.8l1.5-2h4.4l1.5 2h1.8A2.5 2.5 0 0 1 20 8.5v8A2.5 2.5 0 0 1 17.5 19h-11A2.5 2.5 0 0 1 4 16.5Z'/%3E%3Ccircle cx='12' cy='12.5' r='3.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5A2.5 2.5 0 0 1 6.5 6h1.8l1.5-2h4.4l1.5 2h1.8A2.5 2.5 0 0 1 20 8.5v8A2.5 2.5 0 0 1 17.5 19h-11A2.5 2.5 0 0 1 4 16.5Z'/%3E%3Ccircle cx='12' cy='12.5' r='3.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-f545d355 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 8.5V6.8C3 6.4 3.4 6 3.8 6h16.4c.4 0 .8.4.8.8v1.7a2.5 2.5 0 0 0 0 5v1.7c0 .4-.4.8-.8.8H3.8c-.4 0-.8-.4-.8-.8v-1.7a2.5 2.5 0 0 0 0-5Z'/%3E%3Cpath d='M14.5 6v12' stroke-dasharray='2 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 8.5V6.8C3 6.4 3.4 6 3.8 6h16.4c.4 0 .8.4.8.8v1.7a2.5 2.5 0 0 0 0 5v1.7c0 .4-.4.8-.8.8H3.8c-.4 0-.8-.4-.8-.8v-1.7a2.5 2.5 0 0 0 0-5Z'/%3E%3Cpath d='M14.5 6v12' stroke-dasharray='2 2'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-97f1c335 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-7842faf0 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 8V5.5A1.5 1.5 0 0 1 5.5 4H8M16 4h2.5A1.5 1.5 0 0 1 20 5.5V8M20 16v2.5a1.5 1.5 0 0 1-1.5 1.5H16M8 20H5.5A1.5 1.5 0 0 1 4 18.5V16'/%3E%3Ccircle cx='9.5' cy='10' r='.6' fill='%23000'/%3E%3Ccircle cx='14.5' cy='10' r='.6' fill='%23000'/%3E%3Cpath d='M9.5 14.5c1.4 1.2 3.6 1.2 5 0'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M4 8V5.5A1.5 1.5 0 0 1 5.5 4H8M16 4h2.5A1.5 1.5 0 0 1 20 5.5V8M20 16v2.5a1.5 1.5 0 0 1-1.5 1.5H16M8 20H5.5A1.5 1.5 0 0 1 4 18.5V16'/%3E%3Ccircle cx='9.5' cy='10' r='.6' fill='%23000'/%3E%3Ccircle cx='14.5' cy='10' r='.6' fill='%23000'/%3E%3Cpath d='M9.5 14.5c1.4 1.2 3.6 1.2 5 0'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-76e28ea1 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2Z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12v18l-3-2-3 2-3-2-3 2Z'/%3E%3Cpath d='M9 8h6M9 12h6'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-a672c124 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 6 9-6'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-937af171 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='4'/%3E%3Cpath d='M4 21a8 8 0 0 1 16 0'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-89822b9a { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='5' width='20' height='14' rx='2'/%3E%3Cpath d='M2 10h20'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-7311afbc { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10.2 8.6v6.8l5.4-3.4Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10.2 8.6v6.8l5.4-3.4Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-75f7e18d { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5.5' width='18' height='13' rx='2'/%3E%3Cpath d='M3 10h18M7 15h4'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-ee8c5973 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='11' width='14' height='9' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-334aab91 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10.2 8.6v6.8l5.4-3.4Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M10.2 8.6v6.8l5.4-3.4Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-103cacbd { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='2.5' y='5.5' width='19' height='13' rx='2.5'/%3E%3Cpath d='M2.5 10h19M6.5 15h4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='2.5' y='5.5' width='19' height='13' rx='2.5'/%3E%3Cpath d='M2.5 10h19M6.5 15h4'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-2ee41082 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M9 9l6 6M15 9l-6 6'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-ca78e3e5 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M9.8 13.2l4.4 4.4M14.2 13.2l-4.4 4.4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Crect x='3.5' y='5' width='17' height='15' rx='2'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4M9.8 13.2l4.4 4.4M14.2 13.2l-4.4 4.4'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-fd35353f { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.6'/%3E%3Cpath d='M20 4.5v4h-4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.3-5.6'/%3E%3Cpath d='M20 4.5v4h-4'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-8ce76d43 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1.5'/%3E%3Cpath d='M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2M10.5 21v-3h3v3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3' width='14' height='18' rx='1.5'/%3E%3Cpath d='M9 7h2M13 7h2M9 11h2M13 11h2M9 15h2M13 15h2M10.5 21v-3h3v3'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-ab3ee7b6 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3Z'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M3 12h18M12 3c2.5 2.6 3.8 5.6 3.8 9s-1.3 6.4-3.8 9c-2.5-2.6-3.8-5.6-3.8-9S9.5 5.6 12 3Z'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-e9b4a4bf { width: 16px; height: 16px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-2213c24e { width: 16px; height: 16px; -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round'%3E%3Cpath d='M6 6l12 12M18 6 6 18'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-ce1f1e75 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 12 5l9 4.5-9 4.5z'/%3E%3Cpath d='M7 11.5v4c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9.5 12 5l9 4.5-9 4.5z'/%3E%3Cpath d='M7 11.5v4c0 1.4 2.2 2.5 5 2.5s5-1.1 5-2.5v-4'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-2ba3dea5 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.5 2.6 2.6L16 9.5'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='m8 12.5 2.6 2.6L16 9.5'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-3d9dbc7a { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h10M4 17h7'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7h16M4 12h10M4 17h7'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-0e45196d { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3.5' width='14' height='17' rx='2'/%3E%3Cpath d='M9 8.5h6M9 12.5h6M9 16.5h3'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='3.5' width='14' height='17' rx='2'/%3E%3Cpath d='M9 8.5h6M9 12.5h6M9 16.5h3'/%3E%3C/svg%3E") center / contain no-repeat; }
.cn-artigo .zi-0be82f85 { -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.5' y='5' width='17' height='15.5' rx='2.5'/%3E%3Cpath d='M3.5 10h17M8 3v4M16 3v4'/%3E%3C/svg%3E") center / contain no-repeat; }
/* ----- estilos que estavam no atributo style ----- */
.cn-artigo .cn-s-6b22bb { max-width:70ch !important; color:rgba(34,34,34,.74) !important; }
.cn-artigo .cn-s-f08e50 { max-width:70ch !important; }
.cn-artigo .cn-s-f28e0a { max-width:70ch !important; margin-top:16px !important; color:rgba(34,34,34,.74) !important; }