/* ====================================================
   Base styles
   ==================================================== */
*, input[type=search] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  background-color: #f4f4f4;
}

body {
  color: rgba(46, 46, 46, 1);
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  font-weight: normal;
  line-height: 2;
  margin: 0;
  padding-bottom: 90px;
  position: relative;
}

body .side-enabled .knowledge-base {
float: left;
width: 63%;
}

body .side-enabled .side.callcenter {
width: 35%;
float: right;
margin-top: 5px;
background: transparent;
position: relative;
padding: 0;
}

body .side-enabled .side.callcenter {
width: 35%;
float: right;
margin-top: 99px;
background: transparent;
position: relative;
padding: 0;
}

body .side-enabled .side.callcenter ul {
  background: #c8deec;
  overflow: hidden;
  padding: 20px 30px;
  width: 100%;
  margin-bottom: 25px;
  margin-top: 0;
}

body .side-enabled .side.callcenter ul li {}

body .side-enabled .side.callcenter ul li a {
}

body .side-enabled .knowledge-base .callcenter {
width: 100%;
padding-top: 20px;
}

body .side-enabled .side.community {
width: 35%;
float: right;
margin-top: 5px;
background: transparent;
position: relative;
padding: 0;
}

body .side-enabled .side.community ul {
  background: #EEEEEE;
  overflow: hidden;
  padding: 20px 30px;
  width: 100%;
  margin-bottom: 25px;
  margin-top: 0;
}

body .side-enabled .side.community ul li {}

body .side-enabled .side.community ul li a {
}

body .side-enabled .knowledge-base .community {
width: 100%;
padding-top: 20px;
}

main {
  display: block;
}

a {
  color: rgba(29, 102, 196, 1);
  text-decoration: none;
  
  
}

a:hover {
  cursor: pointer;
  text-decoration: underline;
}

img {
  vertical-align: middle;
}

p {
  margin-top: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
}

h1 {
  font-size: 1.75em;
  line-height: 1.75em;
  margin: 0;
  text-transform: uppercase;
}

.section-area h1 {
  text-transform: capitalize;
}

.section-area .videoaula {
  margin: 14px 14px 0;
}

.section h3 + .section-empty {
  display: none;
}

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

/*
 * Forms
 */
label {
  display: inline-block;
  font-size: 12px;
  vertical-align: middle;
}

input[type=checkbox] + label {
  display: inline-block;
  margin-left: 5px;
}

input, textarea {
  border: 1px solid #DBDBDB;
  border: 1px solid rgba(0, 0, 0, 0.13);
  outline: none;
  padding: 10px;
  vertical-align: middle;
}

textarea {
  height: 100px;
  padding: 7px 10px;
  resize: vertical;
}

textarea, input[type=text] {
  width: 100%;
}

input, textarea, select {
  color: rgba(46, 46, 46, 1);
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}

/*
 * Buttons
 */
button, [role=button], [type=button], [type=submit] {
  background: transparent;
  border: 1px solid #D1D1D1;
  border: 1px solid rgba(0, 0, 0, 0.17);
  border-radius: 2px;
  box-shadow: inset 0 -2px #F6F6F6;
  box-shadow: inset 0 -2px rgba(0, 0, 0, 0.03);
  color: rgba(46, 46, 46, 1);
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  height: 33px;
  line-height: 31px;
  padding: 0 10px;
  position: relative;
  vertical-align: middle;
  white-space: nowrap;
  -webkit-transition: opacity 300ms ease;
  transition: opacity 300ms ease;
}

input[type=submit][disabled] {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  /* IE 8 */
  opacity: 0.4;
}

a[role="button"]:hover {
  text-decoration: none;
}

/*
 * Tables
 */
table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

td, th {
  border-color: #ECECEC;
  border-color: rgba(0, 0, 0, 0.07);
  border-style: solid;
  padding: 12px;
}

th {
  border-width: 1px 0;
  color: #BBB;
  font-size: 11px;
  font-weight: normal;
  white-space: nowrap;
}

td {
  border-width: 0 0 1px 0;
}

/* ====================================================
   Helper classes
   ==================================================== */
/*
 * Clearfix: contain floats
 */
 
 .clearfix {
  opacity: 0;
  transition: opacity 600ms;
  -o-transition: opacity 600ms;
  -ie-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  -wenkit-transition: opacity 600ms;
 }
.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

/*
 * Column size
 */
.main-column {
  float: left;
  width: 618px;
}

.requests-main-column {
  float: left;
  width: 100%;
}

.side-column {
  float: right;
  width: 298px;
}

/*
 * Dropdown carets
 */
button, [role=button], [type=button], [type=submit],
#user .dropdown-toggle {
  background: #ffffff;
  background: -webkit-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -moz-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -ms-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -o-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f4f4f4), color-stop(100%, #ededed));
  background: linear-gradient(to bottom, white 0%, #f4f4f4 50%, #ededed 100%);
  border-radius: 3px;
}

#user .dropdown-toggle:hover,
.comment-form-controls input[type=submit]:hover,
button:hover,
[role=button]:hover,
[type=button]:hover,
[type=submit]:hover {
  border-color: #bbb;
  box-shadow: inset 0 -1px #ccc;
  text-decoration: none;
}

#user .dropdown-toggle:active,
.comment-form-controls input[type=submit]:active,
button:active,
[role=button]:active,
[type=button]:active,
[type=submit]:active {
  background: #eee;
  background: -webkit-linear-gradient(top, whitesmoke 0%, #d5d5d5 100%);
  background: -moz-linear-gradient(top, whitesmoke 0%, #d5d5d5 100%);
  background: -ms-linear-gradient(top, whitesmoke 0%, #d5d5d5 100%);
  background: -o-linear-gradient(top, whitesmoke 0%, #d5d5d5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, whitesmoke), color-stop(100%, #d5d5d5));
  background: linear-gradient(to bottom, whitesmoke 0%, #d5d5d5 100%);
  border-color: #DDDDDD;
  box-shadow: inset 0 -2px #DDDDDD;
}

.dropdown-toggle {
  display: inline-block;
}

.dropdown-toggle:hover {
  text-decoration: none;
}

.dropdown-toggle:after {
  color: #888;
  content: "\25BE";
  font-family: "entypo";
  font-size: 14px;
  margin-left: 5px;
  padding-right: 2px;
}

#user .dropdown-panel {
  padding: 10px 0;
}

.header .dropdown-panel.pull-right {
  margin-top: 10px;
}

.section-subscribe .dropdown-toggle,
.article-subscribe,
.article-unsubscribe {
  background: #fafafa;
  color: rgba(29, 102, 196, 1);
  border: 0px;
  box-shadow: none;
}

.article-subscribe:hover,
.article-unsubscribe:hover {
  box-shadow: none;
}

/*
 * Visibility: Category, Section and Article
 */
.visibility-internal:before {
  content: "\1F512";
  font-family: "entypo";
  font-size: .9em;
  margin-right: 5px;
}

/* ====================================================
   Content frame
   ==================================================== */
.header-inner, .footer-inner {
  margin: 0 auto;
  padding: 0 20px;
  width: 980px;
}

main {
  margin: 25px auto 0;
  padding: 0 20px;
  width: 980px;
}

/* ====================================================
   Header
   ==================================================== */
.header {
  background-color: rgba(46, 46, 46, 1);
  height: 130px;
  border-bottom:5px solid #8cc63f;
}

.logo {
  float: left;
}

.logo a {
  display: 
  line-height: 130px;
}

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

.user-nav {
    margin: 12px auto;
  padding: 0 20px;
  width: 980px;
  
}

.user-nav:after {
   content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.user-nav > a {
    border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  float: right;
  font-size: 12px;
  line-height: 33px;
  margin-left: 15px;
  padding-left: 15px;
}

.user-nav > a.login {
    font-size: 13px;
  margin-left: 30px;
  padding: 0 15px;
}

.user-nav > a.my-activities {
  border: 0;
}

.user-info {
  display: block;
  float: right;
  margin-left: 30px;
  top: 45px;
}

.language-selector {
  display: inline-block;
}

.user-avatar {
  left: -5px;
  max-height: 20px;
  position: relative;
  top: -1px;
}

/* ====================================================
   Home
   ==================================================== */
.hero-unit {
  padding: 25px 60px 70px 60px;
}

.help-center-name {
  font-size: 35px;
}

/* ====================================================
   Parsed markdown
   ==================================================== */
.markdown {
  word-wrap: break-word;
}

.markdown h1,
.markdown h2,
.markdown h3,
.markdown h4,
.markdown h5 {
  padding: 0;
  margin: 0 0 10px 0;
  font-weight: bold;
  line-height: 13px;
  font-size: 13px;
}

.markdown img {
  display: block;
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  height: auto;
  max-width: 100%;
  padding: 3px;
  margin-bottom: 10px;
}

.markdown p {
  margin-bottom: 10px;
}

.markdown ul,
.markdown ol {
  list-style-position: inside;
  margin: 0 0 10px 10px;
}

.markdown ul {
  list-style-type: disc;
}

.markdown ol {
  list-style-type: decimal;
}

.markdown li > ul,
.markdown li > ol {
  margin: 0 0 0 10px;
}

.markdown pre {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
  margin-bottom: 10px;
}

.markdown blockquote {
  border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  color: #bbb;
  font-style: italic;
  padding-left: 10px;
  margin: 0 0 10px 0;
}

.markdown hr {
  margin-bottom: 10px;
  height: 2px;
  background-color: #ECECEC;
}

/* ====================================================
   Search
   ==================================================== */
.search {
  display: block;
  text-align: center;
 /* float: right;*/
  /*line-height: 130px;*/
  position: relative;
  width: 800px;
  margin: 0 auto;
}

.search:before {
  content: "\1F50D";
  font-family: "entypo";
  font-size: 25px;
  right: 38px;
  line-height: 30px;
  position: absolute;
  top: 3px;
  opacity: .3;
  
}

.search input[type=search] {
  border-radius: 20px;
  font-size: 20px;
  padding: 1px 45px 1px 20px;
  width: 760px;
  line-height: 30px;
}

.search input[type=text] {
  border-radius: 20px;
  font-size: 18px;
  padding: 6px 45px 6px 20px;
  width: 450px;
}

.search input[type=submit] {
  display: none;
}

/* ====================================================
   Navigation pages: Home, Category and Section
   ==================================================== */
.knowledge-base h1 {
 letter-spacing: 1px;
  margin-bottom: 10px;
  margin-top: 36px;
}

.knowledge-base:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.community h4 {
  float: right;
  margin: 0;
}

.trending-questions + h4 {
  margin-top: 65px;
}

.community,
.section-tree,
.subtle-wrap,
.article-sidebar section {
  background: #ffffff;
  overflow: hidden;
  padding: 20px 30px 30px;
  margin-top: 25px;
}

.subtle-wrap {
  margin-top: 15px;
}

.callcenter h2 {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 0;
  padding-bottom: 12px;
  text-transform: uppercase;
}

.callcenter h2 a {
  font-size: 12px;
  margin-left: 5px;
}

.community h2 {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 16px;
  margin-bottom: 20px;
  margin-top: 0;
  padding-bottom: 12px;
  text-transform: uppercase;
}

.community h2 a {
  font-size: 12px;
  margin-left: 5px;
}

.community h4 a {
  font-size: 11px;
  font-weight: normal;
  margin-left: 5px;
}

.community.video {
  width: 100%;
  float: left;
}
.community.video ul {
}

.community.video ul li{
    width: 50%;
  float: left;
}

.community.video ul li h3 {
  font-weight: 700;
  font-size: 18px;
}

.community.video ul li a {
    font-weight: 100;
  font-size: 14px;
  display: block;
  margin-left: 20px;
  line-hright: 30px;
}

.section-tree .section {
  display: inline-block;
  margin: 0 0 30px;
  vertical-align: top;
  width: 49%;
}

.section-tree h3 {
  font-size: 20px;
  line-height: 24px;
  margin: 10px 0 5px;
}

.section-tree ul, ul.article-list {
  color: rgba(29, 102, 196, 1);
  font-size: 14px;
  list-style-position: outside;
  list-style-type: disc;
}

.knowledge-base h4:before, .community h4:before {
  color: #d5d5d5;
  font-family: "entypo";
  font-size: 20px;
  margin-right: 10px;
  vertical-align: middle;
}

.article-list li, .community li {
  line-height: 28px;
  margin-bottom: 0;
  padding-right: 30px;
}

.bg-comeia {
  margin-bottom: 70px;
}
.bg-comeia::before {
  content: '';
  width: 100%;
  height: 284px;
  background: url(http://marketup.com/wp-content/themes/marketup/img/resources-bg.jpg) bottom center #000 no-repeat;
  position: absolute;
  top: 130px;
  right: 0;
  left: 0;
}

.category-list {
  height: 159px;
  display: block;
  width: 933px;
  position: relative;
  margin: 33px auto 0;
  opacity:0;
  transition: opacity 600ms;
  -o-transition: opacity 600ms;
  -ms-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  -webkit-transition: opacity 600ms;
}

.category-list li {
  width: 61px;
  height: 106px;
  background: #8dc142;
  display: block;
  margin-bottom: 15px;
  margin-right: 15px;
  text-align: center;
  color: transparent;
  float: left;
  font-weight: normal;
  position:absolute;
  border-radius:0;
  margin: 0 0 0 30px;
}

.category-list li a::after {
  content: '';
  border-top: 53px solid transparent;
  border-bottom: 53px solid transparent;
  border-right: none;
  position: absolute;
  right: -30px;
  top: 0;
}

.category-list li a::before {
  content: '';
  border-right: 30px solid #8dc142;
  border-top: 53px solid transparent;
  border-bottom: 53px solid transparent;
  border-left: none;
  position: absolute;
  left: -30px;
  top: 0;
}

.category-list li:hover{
  opacity: .5;
}

.category-list li:nth-child(1) {
  top: 0px;
  left: 803px;
  background: #333333;
  background-image: url(http://i.imgur.com/uiNrmcv.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 80px;

}
.category-list li:nth-child(1) a::after {
  border-left: 30px solid #333333;
}
.category-list li:nth-child(1) a::before {
  border-right: 30px solid #333333;
}

.category-list li:nth-child(2) {
  top: 0px;
  left: 0px;
  background: #5f7d38;
  background-image: url(http://i.imgur.com/XxNGp8Q.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 62px;

}
.category-list li:nth-child(2) a::after {
  border-left: 30px solid #5f7d38;
}
.category-list li:nth-child(2) a::before {
  border-right: 30px solid #5f7d38;
}

.category-list li:nth-child(3) {
  top: 59px;
  left: 101px;
  background: #2b459d;
  background-image: url(http://i.imgur.com/sQbrIfl.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 62px;

}
.category-list li:nth-child(3) a::after {
  border-left: 30px solid #2b459d;
}
.category-list li:nth-child(3) a::before {
  border-right: 30px solid #2b459d;
}

.category-list li:nth-child(4) {
  top: 0px;
  left: 201px;
  background: #f15722;
  background-image: url(http://i.imgur.com/c9tfou5.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px;

}
.category-list li:nth-child(4) a::after {
  border-left: 30px solid #f15722;
}
.category-list li:nth-child(4) a::before {
  border-right: 30px solid #f15722;
}

.category-list li:nth-child(5) {
  top: 59px;
  left: 302px;
  background: #8065a3;
  background-image: url(http://i.imgur.com/tbD8YwY.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 62px;

}
.category-list li:nth-child(5) a::after {
  border-left: 30px solid #8065a3;
}
.category-list li:nth-child(5) a::before {
  border-right: 30px solid #8065a3;
}

.category-list li:nth-child(6) {
  top: 59px;
  left: 503px;
  background: #ec853d;
  background-image: url(http://i.imgur.com/7R39FKK.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 62px;
}
.category-list li:nth-child(6) a::after {
  border-left: 30px solid #ec853d;
}
.category-list li:nth-child(6) a::before {
  border-right: 30px solid #ec853d;
}

.category-list li:nth-child(7) {
  top: 0px;
  left: 603px;
  background: #46abc5;
  background-image: url(http://i.imgur.com/fUkXVpL.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 60px;
}
.category-list li:nth-child(7) a::after {
  border-left: 30px solid #46abc5;
}
.category-list li:nth-child(7) a::before {
  border-right: 30px solid #46abc5;
}

.category-list li:nth-child(8) {
  top: 59px;
  left: 704px;
  background: #b05693;
  background-image: url(http://i.imgur.com/gByCrFw.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 62px;
}
.category-list li:nth-child(8) a::after {
  border-left: 30px solid #b05693;
}
.category-list li:nth-child(8) a::before {
  border-right: 30px solid #b05693;
}

.category-list li:nth-child(9) {
  top: 0px;
  left: 403px;
  background: #c4534f;
  background-image: url(http://i.imgur.com/OEzOiVG.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 62px;
}
.category-list li:nth-child(9) a::after {
  border-left: 30px solid #c4534f;
}
.category-list li:nth-child(9) a::before {
  border-right: 30px solid #c4534f;
}


.category-list li a {
  width:100%;
  height: 100%;
  text-align: center;
  line-height: 100px;
  background: transparent;
  color:transparent;
  font-size: 0;
  text-indent: -1000;

}
.category-list li:hover a {
  text-decoration: none;
  
}

.search ::-webkit-input-placeholder {
  color: transparent;
}
.search.place ::-webkit-input-placeholder {
  color: #ccc;
}


.section h3 a {
  color: inherit;
  font-size: .85em;
  font-weight: normal;
}

.article-promoted span {
  cursor: default;
  margin-right: 5px;
  position: relative;
}

.article-promoted span:before,
.article-promoted span:after {
  display: none;
  position: absolute;
}

.article-promoted span:hover:before,
.article-promoted span:hover:after {
  display: block;
}

.article-promoted span:before {
  background: #222;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 4px;
  color: #FFF;
  content: attr(data-title);
  left: -10px;
  margin-top: 5px;
  padding: 3px 10px;
  top: 100%;
  white-space: nowrap;
  z-index: 1;
}

.article-promoted span:after {
  border-bottom: 5px solid #222;
  border-bottom: 5px solid rgba(0, 0, 0, 0.85);
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: -5px;
  content: "";
  height: 0;
  left: 50%;
  margin-left: -5px;
  width: 0;
}

.see-all-articles {
  display: inline-block;
  font-size: 12px;
  margin-top: 10px;
  text-decoration: underline;
}

.category-description, .section-description {
  color: rgba(46, 46, 46, 1);
  font-size: 15px;
  line-height: 15px;
  margin-top: 0;
  margin-bottom: 30px;
}

.section-subscribe, .section-unsubscribe {
  float: right;
  margin-top: 5px;
}

.category-list a, .section-list a {
  color: inherit;
  display: inline-block;
  font-size: 18px;
  margin-bottom: 10px;
}

/* ====================================================
   Subnav
   ==================================================== */
.sub-nav {
  margin-bottom: 4px;
}

.sub-nav .breadcrumbs {
  float: left;
  font-size: 12px;
  margin-top: 5px;
}

/* ====================================================
   Breadcrumbs
   ==================================================== */
.breadcrumbs li {
  display: inline-block;
  font-size: 11px;
  white-space: nowrap;
}

.breadcrumbs li + li:before {
  color: rgba(29, 102, 196, 1);
  content: ">";
}

.category-breadcrumbs .breadcrumbs li:last-child {
  display: none;
}

/* ====================================================
   Article
   ==================================================== */
.article-header h1 {
  text-transform: capitalize;
}

.article-author {
  font-weight: bold;
}

.article-metadata {
  float: left;
  padding-left: 55px;
  position: relative;
}

.article-avatar {
  left: 0;
  position: absolute;
  top: 0;
}

.article-avatar img {
  max-height: 38px;
  max-width: 38px;
}

.article-updated {
  color: #8E8E8E;
  font-size: 12px;
  margin-top: 5px;
}

.article-subscribe, .article-unsubscribe {
  float: right;
}

.article-sidebar {
  margin-top: -4px;
}

.article-sidebar h3 {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  font-size: 16px;
  padding-bottom: 15px;
  margin-top: 0;
  text-transform: uppercase;
}

.article-sidebar ul {
  margin-bottom: 60px;
}

.article-body,
.section-area .article-list {
  margin-top: 6px;
}

.article-body {
  font-size: 14px;
  line-height: 30px;
  word-wrap: break-word;
}

.article-body img {
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  height: auto;
  max-width: 100%;
  padding: 3px;
}

.article-body pre {
  background: #FBFBFB;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  padding: 10px 15px;
  overflow: auto;
  white-space: pre;
}

.article-body blockquote {
  border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  color: #8E8E8E;
  font-style: italic;
  margin: 20px 0;
  padding-left: 20px;
}

.article-body ul,
.article-body ol {
  margin: 20px 0 20px 20px;
  list-style-position: outside;
}

.article-body li > ul,
.article-body li > ol {
  margin: 0 0 0 20px;
}

.article-body ul {
  list-style-type: disc;
}

.article-body ol {
  list-style-type: decimal;
}

.article-body li {
  margin-left: 20px;
}

.article-footer {
  margin: 50px 0 25px;
}

.article-footer .share {
  float: right;
}

.article-vote {
  float: left;
  position: relative;
}

.article-vote-count {
  position: absolute;
  left: 100%;
  margin-left: 106px;
  top: 4px;
  width: 300px;
}

.article-vote small {
  color: #8E8E8E;
  display: block;
}

.article-vote a:hover {
  text-decoration: none;
}

.article-vote-controls {
  position: absolute;
  right: -85px;
  top: 1px;
}

.article-vote-up, .article-vote-down {
  background: #d5d5d5;
  color: inherit;
  font-family: "entypo";
  border: none;
  border-radius: 50%;
  box-shadow: none;
  line-height: 30px;
  height: 30px;
  width: 30px;
}

.article-vote-up:before {
  color: #fafafa;
  content: "\1f44d";
}

.article-vote-down:before {
  color: #fafafa;
  content: "\1f44e";
}

.article-voted {
  box-shadow: inset 1px 1px 5px #666;
  opacity: 1;
}

.article-vote-up.article-voted {
  box-shadow: inset 1px 1px 5px #526F00;
  background-color: #6B9100 !important;
}

.article-vote-down.article-voted {
  box-shadow: inset 1px 1px 5px #99260E;
  background-color: #b7391e !important;
}

.article-more-questions {
  margin-bottom: 30px;
}

.article-comments {
  margin-top: 50px;
}

.article-comments .subtle-wrap {
  padding: 30px 30px 5px;
}

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

/* ====================================================
   Social share links
   ==================================================== */
/* Common styles */
.share li {
  display: inline-block;
}

.share a, .share a:before {
  display: inline-block;
  height: 30px;
  line-height: 30px;
  overflow: hidden;
  width: 30px;
}

.share a:before {
  display: inline-block;
  color: #FFF;
  font-family: "entypo";
  text-align: center;
}

.share a:hover {
  text-decoration: none;
}

.share-twitter:before {
  background: #00ACED;
  content: "\F309";
}

.share-facebook:before {
  background: #3B5998;
  content: "\F30C";
}

.share-linkedin:before {
  background: #4875B4;
  content: "\F318";
}

.share-googleplus:before {
  background: #CD3C2A;
  content: "\F30F";
}

/* Community questions and answers only */
.share-label {
  cursor: pointer;
}

.share-label + .share {
  background: #FFF;
  border: 1px solid #D1D1D1;
  border: 1px solid rgba(0, 0, 0, 0.17);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
  left: 50%;
  line-height: 70px;
  margin: 10px 0 0 -75px;
  position: absolute;
  text-align: center;
  top: 100%;
  white-space: nowrap;
  width: 175px;
}

.share-label + .share:before, .share-label + .share:after {
  content: "";
  display: inline-block;
  left: 50%;
  position: absolute;
}

.share-label + .share:before {
  top: -7px;
  border-right: 7px solid rgba(0, 0, 0, 0);
  border-bottom: 7px solid #CCC;
  border-left: 7px solid rgba(0, 0, 0, 0);
  margin-left: -6px;
}

.share-label + .share:after {
  top: -6px;
  border-right: 6px solid rgba(0, 0, 0, 0);
  border-bottom: 6px solid #FFF;
  border-left: 6px solid rgba(0, 0, 0, 0);
  margin-left: -5px;
}

.share-label[aria-selected="true"] {
  color: #111;
}

.share-label[aria-selected="true"] + .share {
  display: block;
}

.share-label[aria-selected="false"] + .share {
  display: none;
}

/* ====================================================
   Attachments/Screencasts
   ==================================================== */
.attachment-list, .screencast-list {
  font-size: 11px;
  margin-top: 25px;
}

.attachment-list span, .screencast-list span {
  color: #8E8E8E;
}

.attachment-list li, .screencast-list li {
  margin-bottom: 10px;
}

.attachment-list li:before, .screencast-list li:before {
  background: #F2F2F2;
  border-radius: 3px;
  color: #8E8E8E;
  font-family: "entypo";
  margin-right: 5px;
  padding: 5px;
}

.attachment-list li:before {
  content: "\1F4CE";
}

.screencast-list li:before {
  content: "\1F4BB";
}

/* ====================================================
   Comments - Used in the Article page and Request page
   ==================================================== */
.comment, .comment-form {
  position: relative;
  padding-bottom: 40px;
  overflow: hidden;
}

.comment-container {
  margin-left: 90px;
}

.comment-avatar {
  display: inline-block;
  position: absolute;
}

.comment-avatar img {
  border-radius: 3px;
  max-width: 70px;
  max-height: 70px;
}

.comment-author {
  display: inline-block;
  margin-top: -5px;
  font-size: 16px;
  line-height: 2;
}

.comment-published, .comment-edit, .comment-delete {
  float: right;
  font-size: 11px;
}

.comment-published {
  color: #8E8E8E;
}

.comment-edit {
  margin-right: 15px;
}

.comment-form textarea {
  border-radius: 2px 2px 0 0;
  border-width: 1px;
}

.comment-attachments {
  border-color: #DBDBDB;
  border-color: rgba(0, 0, 0, 0.13);
  border-style: solid;
  border-radius: 0 0 2px 2px;
  border-width: 0 1px 1px;
  padding: 10px;
}

.comment-form {
  padding-bottom: 20px;
}

.comment-form-controls {
  display: none;
  margin-top: 10px;
  text-align: right;
}

.comment-form-controls input[type=submit] {
  margin-left: 15px;
  padding: 0 20px;
  background: #ffffff;
  background: -webkit-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -moz-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -ms-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -o-linear-gradient(top, white 0%, #f4f4f4 50%, #ededed 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(50%, #f4f4f4), color-stop(100%, #ededed));
  background: linear-gradient(to bottom, white 0%, #f4f4f4 50%, #ededed 100%);
  border-radius: 3px;
}

.comment-screencasts {
  float: left;
  margin-top: 3px;
}

.pending-comments-list {
  list-style: none;
}

.pending-moderation-comment-badge {
  border-style: solid;
  border-width: 1px;
  border-color: #c7aa2b;
  color: #c7aa2b;
  padding: 3px 5px;
  margin-top: 10px;
  font-size: 12px;
}

/* ====================================================
   My activities
   ==================================================== */
.my-activities-header .breadcrumbs li:first-child,
.my-activities-header .breadcrumbs li:before {
  display: none;
}

.my-activities-header {
  font-size: 20px;
  font-weight: bold;
  padding: 25px 0;
}

.my-activities-nav {
  border-top: 1px solid #ECECEC;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  margin-bottom: 55px;
  padding: 25px 0;
}

.my-activities-nav li {
  padding-right: 30px;
}

.my-activities-sub-nav li {
  padding-right: 15px;
}

.my-activities-nav li, .my-activities-sub-nav li {
  display: inline-block;
  font-weight: bold;
}

.my-activities-nav li a, .my-activities-sub-nav li a {
  font-weight: normal;
}

.my-activities-nav li + li {
  border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  padding-left: 30px;
}

.my-activities-sub-nav li + li {
  padding-left: 15px;
}

.my-activities-sub-nav {
  padding: 15px 0;
  position: relative;
}

.request-table-toolbar {
  background-color: #FAFAFA;
  padding: 8px;
  text-align: right;
}

.status-selection, .organization-selection {
  display: inline-block;
}

.status-selection > span, .organization-selection > span {
  margin-right: 10px;
}

.status-selection button, .organization-selection button {
  background: #FFF;
  border-radius: 0;
  color: inherit;
  height: 27px;
  line-height: 25px;
  min-width: 85px;
  text-align: left;
}

.status-selection button:after, .organization-selection button:after {
  color: #adadad;
  float: right;
  margin-left: 15px;
}

.organization-selection button {
  margin-right: 15px;
}

.requests-search {
  border-radius: 15px;
  float: left;
  height: 27px;
  outline: none;
  padding: 5px 15px;
  width: 250px;
}

.my-activities-table a {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.my-requests th:first-child + th + th, .my-requests td:first-child + td + td {
  display: none;
}

.request-table a {
  max-width: 550px;
}

.following-table a {
  max-width: 390px;
}

.contribution-table a {
  max-width: 250px;
}

.request-table td:nth-child(1) {
  width: 5%;
}

.request-table td:nth-child(2) {
  width: 65%;
}

.request-table td:nth-child(3) {
  width: 15%;
}

.request-table td:nth-child(4) {
  width: 15%;
}

.following-table td:nth-child(1) {
  width: 45%;
}

.following-table td:nth-child(2) {
  width: 15%;
}

.following-table td:nth-child(3) {
  width: 30%;
}

.following-table td:nth-child(4) {
  width: 10%;
}

/* ====================================================
   Requests
   ==================================================== */
.request-follow-up {
  text-align: right;
}

.follow-up-hint {
  display: inline-block;
  float: right;
  font-size: 13px;
  margin-top: 13px;
}

.request-details {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
  border-radius: 3px;
  margin: 30px 0 30px;
  padding: 15px 20px;
}

.request-details li + li {
  margin-top: 10px;
}

.request-header {
  font-weight: lighter;
  font-size: 1.7em;
  margin: 1em 0;
}

.request-id {
  color: #bbb;
  display: block;
  font-size: 13px;
}

.request-details {
  font-size: 12px;
}

.request-details dt ~ dt {
  font-weight: bold;
  margin-top: 15px;
}

.request-details dd {
  margin: 2px 0 0;
}

.request-details dd ul {
  margin: 10px 0;
}

.request-details dd li {
  list-style-type: disc;
  list-style-position: inside;
  margin: 0;
}

.request-details .nested-field-tag:before {
  content: " > ";
}
.request-details .nested-field-tag:first-child:before {
  content: "";
}

.request-status {
  color: #FFF;
  border-radius: 3px;
  display: inline-block;
  font-size: 11px;
  font-weight: normal;
  letter-spacing: 1px;
  padding: 2px 5px;
  white-space: nowrap;
}

.request-open {
  background: #59BBE0;
}

.request-answered {
  background: #F5CA00;
}

.request-solved {
  background: #828282;
}

/* ====================================================
   Search results
   ==================================================== */
body.community-enabled .search-results-column {
  float: left;
  width: 450px;
}

body.community-enabled .search-results-column ~ .search-results-column {
  margin-left: 40px;
}

.search-results-heading {
  font-size: 1.5em;
  font-weight: bold;
  padding: 10px 0;
}

.search-results-subheading {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding-bottom: 10px;
  margin-bottom: 0;
}

.search-results-subheading-link {
  font-size: 13px;
  margin-left: 5px;
}

.search-result {
  margin: 0;
  padding: 20px 0;
}

.search-result + .search-result {
  border-top: 1px solid #ECECEC;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
}

.search-results-list {
  margin: 0;
}

.search-result-link {
  font-size: 16px;
}

.search-result-description,
.search-result-meta {
  padding-top: 16px;
}

.search-result-meta-name,
.search-result-meta-time,
.search-result-meta-count {
  font-size: 12px;
  color: #8E8E8E;
}

.search-result-meta-time:before,
.search-result-meta-count:before {
  display: inline-block;
  padding-right: 5px;
  content: '\2022';
  speak: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
}

.search-result-votes {
  background: #A8D119;
  border-radius: 2px;
  color: #FFF;
  display: inline-block;
  line-height: 1em;
  margin-left: 5px;
  padding: 4px 5px;
  position: relative;
  top: -2px;
}

.search-result-votes:before {
  content: "\1F44D";
  font-family: "entypo";
  margin-right: 3px;
}

/* ====================================================
   Forms
   ==================================================== */
.form {
  overflow: hidden;
  padding: 40px 55px;
}

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

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

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

.form-field.required > label:after {
  content: "*";
  color: red;
  margin-left: 2px;
}

.form-field textarea, .form-field input {
  box-shadow: inset 0 1px #E3E3E3;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.11);
}

.form-field p {
  color: #BEBEBE;
  font-size: 11px;
}

.form-field input[type=number], .form-field input.datepicker {
  width: 150px;
}

.form form + form,
.searchbox {
  margin-top: 25px;
}

.searchbox-suggestions {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  border: solid 1px #ccc;
  padding: 10px 20px;
}

.searchbox-suggestions li {
  padding: 5px 0;
}

[data-loading="true"] input,
[data-loading="true"] textarea {
  background: transparent url("/hc/theming_assets/01HZPE2W553J7FBQRE6RS45CQX") 99% 50% no-repeat;
  background-size: 16px 16px;
}

.form footer {
  border-top: 1px solid #ECECEC;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  margin-top: 40px;
  padding-top: 25px;
  text-align: right;
  
}

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

/* ====================================================
   Footer
   ==================================================== */
.footer {
  margin-top: 50px;
  padding: 25px 0 15px;
  background: #252525;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

/* ====================================================
   Error pages
   ==================================================== */
.error-page {
  margin: 0 auto;
  max-width: 500px;
  padding-top: 5%;
}

.error-page h1 {
  font-size: 4em;
  margin-bottom: 0;
}

.error-page h2 {
  font-size: 1.25em;
  margin-bottom: 5px;
}

.error-page > a {
  display: block;
  margin-top: 25px;
}

/* ====================================================
   Pagination
   ==================================================== */
.pagination {
  border-top: 1px solid #ECECEC;
  border-top: 1px solid rgba(0, 0, 0, 0.07);
  line-height: 0;
  padding: 20px 0;
  text-align: center;
}

.pagination ul {
  display: inline-block;
  list-style: none;
}

.pagination li {
  float: left;
  border: 1px solid #ECECEC;
  border: 1px solid rgba(0, 0, 0, 0.07);
}

.pagination li + li {
  border-left: none;
}

.pagination a, .pagination span {
  display: inline-block;
  line-height: 20px;
  font-size: 12px;
  padding: 5px 12px;
}

.pagination-current {
  background-color: #F6F6F6;
  background-color: rgba(0, 0, 0, 0.03);
  color: #AAA;
}

.pagination-first {
  border-radius: 3px 0 0 3px;
}

.pagination-last {
  border-radius: 0 3px 3px 0;
}

/* ====================================================
   Chat
   ==================================================== */
.chat {
  background: #FAFAFA;
  border: 1px solid #E0E0E0;
  border-bottom: 0;
  border-radius: 5px 5px 0 0;
  bottom: 0;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  font-size: 13px;
  line-height: 35px;
  padding: 0 15px;
  position: fixed;
  right: 85px;
  -webkit-transition: bottom .5s ease-in, color .5s ease-in;
  -moz-transition: bottom .5s ease-in, color .5s ease-in;
  -o-transition: bottom .5s ease-in, color .5s ease-in;
  transition: bottom .5s ease-in, color .5s ease-in;
}

.chat:before {
  content: "\E720";
  font-family: "entypo";
  font-size: 16px;
  margin-right: 10px;
  vertical-align: middle;
}

.chat:hover {
  text-decoration: none;
}

.chat-available {
  bottom: 0;
}

.chat-unavailable {
  color: gray;
  cursor: default !important;
  bottom: -50px;
}

/* ====================================================
   Community
   ==================================================== */
/*
 * Heading
 */
.community-heading {
  float: left;
  font-size: 18px;
  font-weight: bold;
  margin: 0;
}

/*
 * Nav
 */
.community-nav {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  border-top: 0;
  margin-bottom: 55px;
  margin-top: 0;
  padding: 25px 0;
}

.community-nav li {
  display: inline-block;
  font-weight: bold;
  padding-right: 30px;
}

.community-nav li a {
  font-weight: normal;
}

.community-nav li + li {
  border-left: 1px solid #ECECEC;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  padding-left: 30px;
}

.community-nav li:last-child {
  border: 0;
  float: right;
  margin: 0;
  padding: 0;
  position: relative;
  top: -5px;
}

.community-nav li:last-child a {
  color: #158EC2;
}

.community-nav li:last-child a:before {
  content: "\270E";
  font-family: "entypo";
  font-size: 14px;
  margin-right: 10px;
  vertical-align: middle;
}

/*
 * Sub nav
 */
.community-sub-nav {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 15px 0;
  position: relative;
}

.community-sub-nav li {
  display: inline-block;
  font-weight: bold;
  padding-right: 15px;
}

.community-sub-nav li a {
  font-weight: normal;
}

.community-sub-nav li + li {
  padding-left: 15px;
}

.community-sub-nav .topic-add {
  position: absolute;
  right: 0;
  top: 10px;
}

/*
 * Topics/questions/answers
 */
.topic {
  display: inline-block;
  width: 49.5%;
  padding: 20px 30px 20px 0;
  vertical-align: top;
}

.topic-header, .question-header {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  display: table;
  padding-bottom: 10px;
}

.topic-header > *, .question-header > * {
  display: table-cell;
  vertical-align: middle;
}

.topic-header .topic-meta, .question-header .question-meta {
  padding: 0 15px;
  white-space: nowrap;
}

.topic-heading, .question-heading, .answer-list-heading {
  font-weight: bold;
  font-size: 13px;
  width: 100%;
}

.topic-heading {
  font-size: 18px;
}

.topic-questions {
  margin-top: 45px;
}

.topic-description {
  word-break: break-word;
}

.question, .answer {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  padding: 20px 0;
  position: relative;
}

.question-form .nesty-input {
  max-width: none;
}

.question-avatar, .answer-avatar {
  display: table-cell;
  margin-right: 10px;
  min-width: 50px;
  position: relative;
  vertical-align: top;
}

.question-avatar-agent:after, .answer-avatar-agent:after {
  background-color: transparent;
  background-image: url("/hc/theming_assets/01HZPE2W9HNN3CQ8V21SY8JM36");
  background-image: url("/hc/theming_assets/01HZPE2WDX0702EFJZW69E0GCB");
  background-repeat: no-repeat;
  background-size: 14px;
  position: absolute;
  width: 15px;
  height: 15px;
  left: 30px;
  top: 30px;
  content: " ";
}

.question-avatar img, .answer-avatar img {
  border-radius: 3px;
  max-height: 38px;
  max-width: 38px;
}

.question-body, .answer-body, .answer-official-body {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.question-body .answer-official-body {
  vertical-align: top;
  width: 100%;
}

.question-body p, .answer-body p, .answer-official-body p {
  margin: 0 0 5px;
}

.question-body .question-meta, .answer-body .answer-meta, .answer-official-body .answer-meta {
  float: left;
}

.question .answer {
  border: none;
  padding-bottom: 0;
}

.question-topic-list {
  margin: -20px 0 30px;
}

.question-topic-list li {
  display: inline-block;
  margin: 10px 10px 0 0;
}

.question-topic-list a {
  background: #f6f6f6;
  background: rgba(0, 0, 0, 0.02);
  border-radius: 5px;
  color: #C5C5C5;
  display: inline-block;
  font-size: 11px;
  padding: 7px 15px;
}

.question-title, .topic-title {
  margin: -3px 0 5px;
  font-size: 15px;
}

.question-title a, .topic-title a {
  font-weight: lighter;
}

.question-meta, .answer-meta, .topic-meta {
  color: #C5C5C5;
  font-size: 11px;
}

.topic-meta span + span:before, .question-meta span + span:before, .answer-meta span + span:before {
  content: "\2022";
  font-size: 10px;
  margin: 0 10px;
}

.answer-form {
  margin: 30px 0 0 95px;
}

.answer-form-controls {
  display: none;
  margin-top: 10px;
  text-align: right;
}

.answer-form-controls input[type=submit] {
  margin-left: 15px;
}

.answer-form-controls .pull-left {
  float: left;
}

.answer-official-heading {
  font-size: 13px;
  font-weight: bold;
  line-height: 1;
  margin: 0 0 20px;
  border-bottom: 0px;
}

.answer-list-heading {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin-top: 30px;
  padding-bottom: 20px;
}

.pending-moderation-answer-badge {
  clear: both;
  border-style: solid;
  border-width: 1px;
  border-color: #c7aa2b;
  color: #c7aa2b;
  padding: 3px 5px;
  float: left;
  margin-top: 10px;
  font-size: 12px;
}

.question-share, .answer-share {
  position: relative;
}

.related-questions-header {
  border-bottom: 1px solid #ECECEC;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.related-questions-heading {
  margin-top: 3px;
}

.related-questions li {
  margin-top: 10px;
  margin-bottom: 10px;
}

/*
 * Vote
 */
.vote {
  display: table-cell;
  margin-left: 15px;
  margin-right: 10px;
  min-width: 95px;
  vertical-align: top;
}

.vote-sum, .vote-controls {
  display: inline-block;
  vertical-align: middle;
}

.vote-sum {
  font-size: 15px;
  font-weight: bold;
  min-width: 60px;
  padding-left: 10px;
  text-align: center;
}

.vote-controls {
  border-radius: 5px;
}

.vote-controls a {
  background: #FFF;
  border-color: #f6f6f6;
  box-shadow: none;
  color: #BBB;
  display: block;
  font-family: "entypo";
  font-size: 13px;
  height: 18px;
  line-height: 18px;
  padding: 0 6px;
}

.vote-up {
  border-radius: 5px 5px 0 0;
}

.vote-down {
  border-radius: 0 0 5px 5px;
  border-top: 0;
}

.vote-up:before {
  content: "\E763";
}

.vote-down:before {
  content: "\E760";
}

.vote-controls:hover {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}

.vote-controls:hover a {
  background: #FFF;
  border-color: #A6A6A6;
  color: #BBB;
}

.vote-controls a:hover, .vote-controls [aria-selected=true] {
  background: #f6f6f6;
  color: #333;
}

.vote-controls a:active {
  background: #CCC;
  color: #111;
}

/*
 * Accept
 */
.answer-accept {
  color: #BBB;
  font-size: 15px;
  max-width: 15px;
  overflow: hidden;
  padding-top: 7px;
  position: absolute;
  white-space: nowrap;
}

.answer-accept:hover {
  text-decoration: none;
}

.answer-accept:before {
  content: "\2713";
  font-family: "entypo";
  margin-right: 5px;
}

.answer-accepted .answer-accept, .answer-accepted .vote-sum {
  color: green;
}

/*
 * Admin controls
 */
.topic-controls, .question-controls, .answer-controls {
  float: right;
  font-size: 11px;
}

.topic-edit, .question-delete, .question-mark-as-spam, .answer-delete, .answer-mark-as-spam {
  margin-left: 25px;
}

.topic-edit:before, .question-delete:before, .question-mark-as-spam:before, .answer-delete:before, .answer-mark-as-spam:before {
  color: #CCC;
  content: "\2022";
  font-size: 10px;
  margin-left: -16px;
  pointer-events: none;
  position: absolute;
}

.float-action {
  position: fixed;
  z-index: 5;
  right: 0;
  top: 50%;
  margin-top: -50px;
  width: 200px;
  padding: 10px 10px 20px;
  border: 1px solid transparent;
  background-color: #c8deec;
  border: 1px solid #cecece;
  display: none;
}
.float-action:after {
  content: "";
  display: table;
  clear: both;
  /*border-bottom: 10px solid;*/
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.float-action .title {
  padding: 0 20px 5px 0;
  font-weight: bold;
  line-height: 1.2em;
  margin-bottom: 10px;
  border-bottom: 2px solid #1a74b0;
}
.float-action .price {
  font-size: 12px;
}
.float-action .price > span {
  display: block;
}
.float-action .price-to strong {
  font-size: 25px;
}
.float-action .price-portion {
  font-weight: bold;
}
.float-action .product-link {
  padding: 10px;
  font-size: 20px;
  margin-top: 20px;
  width: 100%;
}
.float-action .btn-open {
  display: block;
  padding: 5px 10px;
  width: 100%;
  background-color: #1a74b0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}
.float-action .btn-close {
  color: #273540;
  position: absolute;
  top: 5px;
  right: 8px;
  font-weight: bold;
  font-size: 10px;
  background: none;
  padding: 5px;
  line-height: 10px;
  height: 22px;
}
.btn-ticket {
  display: block;
  padding: 5px 10px;
  width: 100%;
  background-color: #1a74b0;
  color: #fff;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
}
span.italic {
    font-style: italic;
}


/* =====================================================
   REDESIGN MARKETUP - Etapa 1: Tipografia e marca
   Fonte oficial: Montserrat | Azul: #1D66C4 | Verde: #8EC045
   ===================================================== */
body,
input,
button,
select,
textarea,
.search input,
h1, h2, h3, h4, h5, h6 {
    font-family: "Montserrat", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    color: #2E2E2E;
}

/* Alinha botoes legados ao azul oficial da marca */
.float-action .btn-open,
.btn-ticket {
    background-color: #8EC045;
}

}
}
}


/* =====================================================
   REDESIGN MARKETUP - Etapa 2: Busca, cards e botoes (home)
   ===================================================== */

/* --- Barra de busca (hero) --- */
.bg-comeia .search input[type="search"],
.bg-comeia .search input {
    border-radius: 30px;
    border: 1px solid #DEDEDE;
    padding: 14px 22px;
    font-size: 15px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.bg-comeia .search input[type="search"]:focus,
.bg-comeia .search input:focus {
    border-color: #1D66C4;
    box-shadow: 0 0 0 3px rgba(29, 102, 196, 0.15);
    outline: none;
}

/* --- Cards da home (Bem-vindo / Atendimento) --- */
.knowledge-base .community,
.side .community {
    background-color: #FFFFFF;
    border: 1px solid #EDEDED;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 24px 28px;
    margin-bottom: 20px;
}
.side.callcenter .community {
    background-color: #F9F9F9;
}

/* --- Botoes: padrao design system MarketUP --- */
.btn-open,
.float-action .btn-open,
.btn-ticket {
    background-color: #8EC045;
    color: #FFFFFF;
    border-radius: 3px;
    padding: 12px 20px;
    text-transform: uppercase;
    letter-spacing: 1.2px;
    font-weight: 600;
    font-size: 13px;
    transition: background-color 0.2s ease;
}
.btn-open:hover,
.float-action .btn-open:hover,
.btn-ticket:hover {
    background-color: #7CAD37;
}

/* Botao de busca / envio secundario em azul */
.search input[type="submit"],
button[type="submit"] {
    background-color: #1D66C4;
    color: #FFFFFF;
    border: none;
    border-radius: 3px;
}


/* --- Barra de busca (override de especificidade via ID) --- */
#query,
form.search input#query {
    border-radius: 30px;
    border: 1px solid #DEDEDE;
    padding: 14px 48px 14px 22px;
    font-size: 15px;
    height: auto;
    background-color: #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
#query:focus,
form.search input#query:focus {
    border-color: #1D66C4;
    box-shadow: 0 0 0 3px rgba(29, 102, 196, 0.15);
    outline: none;
}


/* --- Blocos laterais (Atendimento / Treinamento) como cards --- */
.side.callcenter ul {
    background-color: #F9F9F9;
    border: 1px solid #EDEDED;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    padding: 24px 28px;
    margin-bottom: 20px;
    list-style: none;
}


/* Override de especificidade para o fundo dos blocos laterais */
body .side-enabled .side.callcenter ul {
    background: #F9F9F9;
}


/* ===================== REDESIGN MARKETUP - Etapa 2 (ajustes) ===================== */

/* --- FIX 2: centralizar a lupa da barra de busca --- */
form.search::before {
  top: 50% !important;
  transform: translateY(-50%) !important;
  line-height: 1 !important;
}

/* --- FIX 3: alinhar colunas do rodapé (mesma altura de base) --- */
.knowledge-base,
.side.callcenter {
  display: block;
}
.columns.main,
.knowledge-base:after {
  content: "";
  display: table;
  clear: both;
}
.knowledge-base {
  overflow: hidden;
}

/* --- FIX 1 (Opcao B): substituir hexagonos imgur por grade de cards com icones SVG proprios + Montserrat --- */
ul.category-list {
  list-style: none !important;
  margin: 40px 0 0 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 20px !important;
  max-width: 1080px;
  margin-left: auto !important;
  margin-right: auto !important;
}
ul.category-list li {
  list-style: none !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  background: none !important;
  background-image: none !important;
  display: block !important;
}
ul.category-list li a {
  display: flex !important;
  align-items: center !important;
  gap: 16px !important;
  width: auto !important;
  height: auto !important;
  min-height: 96px !important;
  padding: 22px 26px !important;
  background: #FFFFFF !important;
  background-image: none !important;
  border: 1px solid #EDEDED !important;
  border-radius: 10px !important;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05) !important;
  color: #2E2E2E !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-indent: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  line-height: 1.3 !important;
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease !important;
}
ul.category-list li a:hover {
  transform: translateY(-3px) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1) !important;
  border-color: #8EC045 !important;
  color: #1D66C4 !important;
  text-decoration: none !important;
}
/* circulo do icone */
ul.category-list li a::before {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px !important;
  background-color: #F1F7E8 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
  display: inline-block !important;
}

/* icones SVG por categoria (ordem do DOM) */
ul.category-list li:nth-child(1) a::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.5825 13.5814L26.8001 12.9632C26.5786 12.2042 26.2759 11.4746 25.897 10.784L28.105 7.63712C28.2836 7.38304 28.2529 7.0368 28.0333 6.81664L25.5444 4.32896C25.3223 4.10752 24.9729 4.07872 24.7181 4.2624L21.6186 6.49024C20.9217 6.10496 20.1857 5.79904 19.4221 5.57696L18.7623 1.80992C18.7085 1.504 18.4429 1.28 18.1319 1.28H14.6119C14.2983 1.28 14.0308 1.5072 13.9802 1.81696L13.3684 5.56352C12.6004 5.78432 11.8631 6.08704 11.1687 6.4672L8.0775 4.2592C7.82214 4.0768 7.47461 4.10624 7.25254 4.32704L4.76486 6.81472C4.54534 7.03424 4.51462 7.37984 4.69318 7.63392L6.86854 10.7462C6.48134 11.447 6.17285 12.1888 5.94821 12.9606L2.21638 13.5821C1.9079 13.6333 1.68134 13.9008 1.68134 14.2131V17.7331C1.68134 18.0435 1.90406 18.3091 2.20934 18.3635L5.94118 19.0253C6.16454 19.7952 6.47301 20.537 6.86149 21.2397L4.65926 24.32C4.4775 24.5741 4.5063 24.9229 4.7271 25.145L7.21542 27.6352C7.43494 27.8547 7.78118 27.8854 8.03526 27.7069L11.1521 25.5238C11.8516 25.9085 12.5908 26.2138 13.3569 26.4352L13.9815 30.1862C14.0321 30.4941 14.2989 30.72 14.6119 30.72H18.1319C18.4423 30.72 18.7079 30.4973 18.7617 30.192L19.4305 26.4224C20.1978 26.1965 20.9332 25.8893 21.6257 25.504L24.7649 27.7062C25.0196 27.8861 25.3652 27.8547 25.5853 27.6352L28.0737 25.145C28.2951 24.9229 28.3239 24.5728 28.1402 24.3181L25.9015 21.2096C26.281 20.5184 26.5825 19.7875 26.802 19.0285L30.5895 18.3635C30.8961 18.3098 31.1188 18.0435 31.1188 17.7331V14.2131C31.1194 13.8995 30.8922 13.632 30.5825 13.5814ZM16.4001 20.48C13.9258 20.48 11.9201 18.4742 11.9201 16C11.9201 13.5258 13.9258 11.52 16.4001 11.52C18.8743 11.52 20.8801 13.5258 20.8801 16C20.8801 18.4742 18.8743 20.48 16.4001 20.48Z' fill='%2346812a'/%3E%3C/svg%3E"); }
ul.category-list li:nth-child(2) a::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8133 1C7.54181 1 0.813293 7.72852 0.813293 16C0.813293 24.2715 7.54181 31 15.8133 31C24.0848 31 30.8133 24.2715 30.8133 16C30.8133 7.72852 24.0848 1 15.8133 1ZM16.6466 23.5846V25.1667H14.98V23.5846C13.5639 23.334 11.0639 22.5006 10.8133 18.9167H12.48C12.48 20.0006 13.2287 21.9993 15.8133 21.9993C18.3979 21.9993 18.9806 20.7494 18.9806 19.4147C18.9806 15.4173 11.23 18.1647 11.23 12.8327C11.23 10.0007 13.6453 8.83203 14.98 8.66602V6.83333H16.6466V8.75065C19.062 9.16732 19.8953 10.834 20.3966 12.6667H18.73C18.4793 11.332 17.646 10.2513 15.8979 10.2513C13.3979 10.2513 13.0626 11.918 13.0626 12.6667C13.0626 14.418 14.6479 14.8346 16.396 15.2513C18.5639 15.7493 20.8133 16.5013 20.8133 19.2487C20.8133 22.582 17.8966 23.5 16.6466 23.5846Z' fill='%2346812a'/%3E%3C/svg%3E"); }
ul.category-list li:nth-child(3) a::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23c3)'%3E%3Cpath d='M4.42 -5.33834e-06C4.285 0.0149963 4.145 0.0824971 4.04 0.179995C3.8325 0.372494 3.7725 0.664993 3.9 0.919995C3.9175 0.957492 5.76 4.67249 5.76 7.67999C5.76 9.22749 5.2625 10.3 4.78 11.34C4.655 11.6075 4.5375 11.8825 4.42 12.16H2.56C1.1475 12.16 0 13.3075 0 14.72V32H32V14.72C32 13.3075 30.8525 12.16 29.44 12.16H26.16C26.2625 11.9325 26.3875 11.705 26.5 11.48C27.005 10.47 27.52 9.43 27.52 7.67999C27.52 4.3675 25.62 0.522497 25.54 0.359995C25.4475 0.174996 25.2625 0.0324939 25.06 -5.33834e-06C24.855 -0.0325045 24.645 0.0349963 24.5 0.179995L22.94 1.75999L20.18 0.0999947C19.9275 -0.0500021 19.5875 -0.0275061 19.38 0.179995L17.82 1.75999L15.06 0.0999947C14.8075 -0.0500021 14.4675 -0.0275061 14.26 0.179995L12.7 1.75999L9.92 0.0999947C9.6675 -0.0500021 9.3475 -0.0275061 9.14 0.179995L7.58 1.75999L4.8 0.0999947C4.6775 0.0274955 4.555 -0.0150069 4.42 -5.33834e-06ZM9.7 1.43999L12.48 3.09999C12.7325 3.25 13.0525 3.2275 13.26 3.01999L14.82 1.43999L17.6 3.09999C17.8525 3.25 18.1725 3.2275 18.38 3.01999L19.94 1.43999L22.72 3.09999C22.9725 3.25 23.2925 3.2275 23.5 3.01999L24.76 1.73999C25.3 3.0075 26.24 5.52749 26.24 7.67999C26.24 9.13 25.8 10.0025 25.34 10.92C24.835 11.93 24.32 12.97 24.32 14.72C24.32 17.0975 25.295 19.75 25.88 21.12H6.82C6.3675 19.995 5.12 16.6975 5.12 14.72C5.12 13.6525 5.5 12.83 5.94 11.88C6.455 10.7675 7.04 9.51 7.04 7.67999C7.04 5.7625 6.3925 3.65749 5.84 2.19999L7.36 3.09999C7.6125 3.25 7.9325 3.2275 8.14 3.01999L9.7 1.43999ZM5.96 23.68H26.12C26.5675 23.68 26.94 24.0725 26.94 24.52V28.04C26.875 28.425 26.4875 28.8 26.04 28.8H5.96C5.5125 28.8 5.12 28.4075 5.12 27.96V24.44C5.12 24.055 5.5125 23.68 5.96 23.68ZM9.6 25.02C9.28 25.02 9.02 25.28 9.02 25.6V26.94C9.02 27.26 9.28 27.52 9.6 27.52H10.94C11.26 27.52 11.52 27.26 11.52 26.94V25.6C11.52 25.28 11.26 25.02 10.94 25.02H9.6ZM15.36 25.02C15.04 25.02 14.78 25.28 14.78 25.6V26.94C14.78 27.26 15.04 27.52 15.36 27.52H16.7C17.02 27.52 17.28 27.26 17.28 26.94V25.6C17.28 25.28 17.02 25.02 16.7 25.02H15.36ZM21.12 25.02C20.8 25.02 20.54 25.28 20.54 25.6V26.94C20.54 27.26 20.8 27.52 21.12 27.52H22.46C22.78 27.52 23.04 27.26 23.04 26.94V25.6C23.04 25.28 22.78 25.02 22.46 25.02H21.12Z' fill='%2346812a'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='c3'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
ul.category-list li:nth-child(4) a::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.07976 3.84V7.04L1.99976 7.58C1.97726 7.7125 1.43976 10.845 1.43976 12.48C1.43976 13.515 1.68226 14.34 2.11976 14.94C2.10726 14.9325 2.09226 14.9275 2.07976 14.92V30.72H28.9598V14.92C28.9473 14.9275 28.9348 14.9325 28.9198 14.94C29.3573 14.34 29.5998 13.515 29.5998 12.48C29.5998 10.845 29.0623 7.7125 29.0398 7.58L28.9398 7.04H28.9598V3.84H2.07976ZM3.15976 8.32H5.91976V14.02C5.49976 14.455 4.90976 14.72 4.31976 14.72C3.25726 14.72 2.71976 13.965 2.71976 12.48C2.71976 11.335 3.01226 9.2875 3.15976 8.32ZM7.19976 8.32H10.3998V14.02C9.97976 14.455 9.38976 14.72 8.79976 14.72C8.20976 14.72 7.61976 14.4525 7.19976 14.02V8.32ZM11.6798 8.32H14.8798V14.02C14.4598 14.455 13.8698 14.72 13.2798 14.72C12.6898 14.72 12.0998 14.4525 11.6798 14.02V8.32ZM16.1598 8.32H19.3598V14.02C18.9398 14.455 18.3498 14.72 17.7598 14.72C17.1698 14.72 16.5798 14.4525 16.1598 14.02V8.32ZM20.6398 8.32H23.8398V14.02C23.4198 14.455 22.8298 14.72 22.2398 14.72C21.6498 14.72 21.0598 14.4525 20.6398 14.02V8.32ZM25.1198 8.32H27.8598C28.0123 9.2875 28.3198 11.335 28.3198 12.48C28.3198 13.965 27.7823 14.72 26.7198 14.72C26.1298 14.72 25.5398 14.4525 25.1198 14.02V8.32ZM5.91976 19.2H16.1598V26.88H5.91976V19.2ZM19.3598 19.2H25.1198V29.44H19.3598V19.2Z' fill='%2346812a'/%3E%3C/svg%3E"); }
ul.category-list li:nth-child(5) a::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.1175 13.0425L31.1201 3.52C31.1201 2.285 30.1151 1.28 28.8801 1.28L19.3601 1.2825L18.9576 1.28C18.1276 1.28 17.3376 1.3275 16.7676 1.8975L2.22256 16.4425C1.87256 16.79 1.68005 17.255 1.68005 17.75C1.68005 18.245 1.87255 18.71 2.22256 19.0575L13.3426 30.1775C13.6901 30.5275 14.1551 30.72 14.6501 30.72C15.1426 30.72 15.6101 30.5275 15.9576 30.1775L30.5026 15.6325C31.1276 15.01 31.1226 14.1125 31.1201 13.2475L31.1175 13.0425ZM25.3601 8.96C24.3001 8.96 23.4401 8.1 23.4401 7.04C23.4401 5.98 24.3001 5.12 25.3601 5.12C26.4201 5.12 27.2801 5.98 27.2801 7.04C27.2801 8.1 26.4201 8.96 25.3601 8.96Z' fill='%2346812a'/%3E%3C/svg%3E"); }
body .category-list.category-list li:nth-child(5) a::before { background-size: 28px 28px !important; background-position: 47% 53% !important; }
ul.category-list li:nth-child(6) a::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.68 2C17.3431 2 17.12 2.22313 17.12 2.56V7.04C17.12 7.37687 17.3431 7.6 17.68 7.6H19.36V8.16H15.44V5.36C15.44 5.05156 15.1884 4.8 14.88 4.8H7.6C7.5825 4.8 7.565 4.8 7.5475 4.8C7.25875 4.82625 7.03781 5.06906 7.04 5.36V8.16H6.025C5.40813 8.16 4.40187 8.3875 4.065 10.0675L2 23.56H30L27.935 10.015C27.655 8.39187 26.5919 8.16 25.975 8.16H23.84V7.6H25.52C25.8569 7.6 26.08 7.37687 26.08 7.04V2.56C26.08 2.22313 25.8569 2 25.52 2H17.68ZM8.16 5.92H14.32V14.88H8.16V5.92ZM9.28 7.6V8.72H13.2V7.6H9.28ZM9.28 9.84V10.96H13.2V9.84H9.28ZM18.2925 10.4H24.575C25.1919 10.4 25.8 10.9031 25.8 11.52L26.08 13.5325C26.1369 13.8694 26.0734 14.2019 25.905 14.425C25.6819 14.705 25.4041 14.88 25.0125 14.88H18.345C17.6734 14.88 17.12 14.3266 17.12 13.655V11.5725C17.12 10.9009 17.6209 10.4 18.2925 10.4ZM9.28 12.08V13.2H13.2V12.08H9.28ZM17.68 16.0525H18.8525C19.1325 16.0525 19.36 16.28 19.36 16.56V17.7325C19.36 18.0125 19.1325 18.24 18.8525 18.24H17.68C17.4 18.24 17.1725 18.0125 17.1725 17.7325V16.56C17.1725 16.28 17.4 16.0525 17.68 16.0525ZM21.04 16.0525H22.2125C22.4925 16.0525 22.72 16.28 22.72 16.56V17.7325C22.72 18.0125 22.4925 18.24 22.2125 18.24H21.04C20.76 18.24 20.5325 18.0125 20.5325 17.7325V16.56C20.5325 16.28 20.76 16.0525 21.04 16.0525ZM24.4 16.0525H25.5725C25.8525 16.0525 26.08 16.28 26.08 16.56V17.7325C26.08 18.0125 25.8525 18.24 25.5725 18.24H24.4C24.12 18.24 23.8925 18.0125 23.8925 17.7325V16.56C23.8925 16.28 24.12 16.0525 24.4 16.0525ZM17.68 19.4125H18.8525C19.1325 19.4125 19.36 19.64 19.36 19.92V21.0925C19.36 21.3725 19.1325 21.6 18.8525 21.6H17.68C17.4 21.6 17.1725 21.3725 17.1725 21.0925V19.92C17.1725 19.64 17.4 19.4125 17.68 19.4125ZM21.04 19.4125H22.2125C22.4925 19.4125 22.72 19.64 22.72 19.92V21.0925C22.72 21.3725 22.4925 21.6 22.2125 21.6H21.04C20.76 21.6 20.5325 21.3725 20.5325 21.0925V19.92C20.5325 19.64 20.76 19.4125 21.04 19.4125ZM24.4 19.4125H25.5725C25.8525 19.4125 26.08 19.64 26.08 19.92V21.0925C26.08 21.3725 25.8525 21.6 25.5725 21.6H24.4C24.12 21.6 23.8925 21.3725 23.8925 21.0925V19.92C23.8925 19.64 24.12 19.4125 24.4 19.4125ZM2 24.12V28.04C2 29.16 2.84 30 3.96 30H28.04C29.16 30 30 29.16 30 28.04V24.12H2ZM16 25.52C16.6169 25.52 17.12 26.0231 17.12 26.64C17.12 27.2569 16.6169 27.76 16 27.76C15.3831 27.76 14.88 27.2569 14.88 26.64C14.88 26.0231 15.3831 25.52 16 25.52Z' fill='%2346812a'/%3E%3C/svg%3E"); }
ul.category-list li:nth-child(7) a::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.7598 2.56V32H30.7198V2.56H21.7598ZM1.27979 10.88V32H10.2398V10.88H1.27979ZM11.5198 17.92V32H20.4798V17.92H11.5198Z' fill='%2346812a'/%3E%3C/svg%3E"); }
ul.category-list li:nth-child(8) a::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23c8)'%3E%3Cpath d='M6.08288 0.504547C2.02743 0.504547 0.620735 3.21625 0.562627 3.33247C0.410093 3.63753 0.5481 4.01281 0.853166 4.16535C1.16065 4.31788 1.53351 4.17988 1.68605 3.87481C1.69573 3.85544 2.68357 1.93061 5.65676 1.76355L16.1162 28.2802C16.213 28.5247 16.4503 28.6675 16.6973 28.6675C16.7723 28.6675 16.8571 28.6579 16.9297 28.6288L30.7981 23.2054C31.1177 23.0819 31.2703 22.7308 31.1468 22.4112C31.0209 22.0917 30.6698 21.9198 30.3526 22.0432L17.0459 27.2536L6.66396 0.891934C6.57196 0.65466 6.3371 0.504547 6.08288 0.504547ZM23.554 0.504547C23.4741 0.504547 23.3797 0.511811 23.3022 0.543286L10.6347 5.59868C10.3175 5.72458 10.1601 6.07565 10.286 6.39282L13.7144 15.0122L27.5441 9.51128L24.1157 0.891934C24.0552 0.7394 23.9366 0.628027 23.7864 0.562655C23.7114 0.53118 23.6339 0.504547 23.554 0.504547ZM20.4355 4.41715C20.6777 4.42199 20.9028 4.56484 20.9973 4.80454C21.1232 5.12171 20.9658 5.49215 20.6486 5.61805L16.0387 7.43876C15.9637 7.46782 15.8813 7.49687 15.8063 7.49687C15.5593 7.49687 15.3414 7.33223 15.2446 7.09012C15.1187 6.77294 15.276 6.42187 15.5932 6.29597L20.2031 4.45589C20.283 4.42441 20.3556 4.41473 20.4355 4.41715ZM28.009 10.6734L14.1793 16.155L17.627 24.813C17.6875 24.9656 17.8062 25.0963 17.9563 25.1617C18.0338 25.1956 18.1233 25.2198 18.2081 25.2198C18.2856 25.2198 18.3679 25.1907 18.4405 25.1617L31.108 20.1257C31.4252 19.9998 31.5826 19.6317 31.4567 19.3122L28.009 10.6734ZM24.1157 13.6176C24.3578 13.6224 24.583 13.7653 24.6774 14.005C24.8033 14.3221 24.646 14.6926 24.3288 14.8185L19.7189 16.6586C19.6438 16.69 19.5615 16.6973 19.4865 16.6973C19.2395 16.6973 19.0022 16.552 18.9054 16.3099C18.7795 15.9927 18.9368 15.6223 19.254 15.4964L23.8639 13.6757C23.9438 13.6442 24.0358 13.6152 24.1157 13.6176ZM12.2811 25.2973C10.5717 25.2973 9.18197 26.687 9.18197 28.3964C9.18197 30.1057 10.5717 31.4955 12.2811 31.4955C13.9904 31.4955 15.3802 30.1057 15.3802 28.3964C15.3802 26.687 13.9904 25.2973 12.2811 25.2973Z' fill='%2346812a'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='c8'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); }
ul.category-list li:nth-child(9) a::before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.560059 1.92V9.6H31.2801V1.92H0.560059ZM1.84006 10.88V30.72H30.0001V10.88H1.84006ZM11.1201 12.8H20.7201C21.6051 12.8 22.3201 13.515 22.3201 14.4C22.3201 15.285 21.6051 16 20.7201 16H11.1201C10.2351 16 9.52006 15.285 9.52006 14.4C9.52006 13.515 10.2351 12.8 11.1201 12.8Z' fill='%2346812a'/%3E%3C/svg%3E"); }

/* responsivo: 2 colunas em telas medias, 1 em telas pequenas */
@media (max-width: 900px) { ul.category-list { grid-template-columns: repeat(2, 1fr) !important; } }
@media (max-width: 560px) { ul.category-list { grid-template-columns: 1fr !important; } }

}
}
}
}
}
}
}
}
}

/* FIX Opcao B: neutralizar posicionamento absoluto herdado dos hexagonos */
ul.category-list li {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
}
ul.category-list li a {
  position: static !important;
  margin: 0 !important;
}
ul.category-list {
  position: static !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
}


/* FIX Opcao B (2): sobrepor nth-child de posicionamento honeycomb com alta especificidade */
body .category-list.category-list li:nth-child(1),
body .category-list.category-list li:nth-child(2),
body .category-list.category-list li:nth-child(3),
body .category-list.category-list li:nth-child(4),
body .category-list.category-list li:nth-child(5),
body .category-list.category-list li:nth-child(6),
body .category-list.category-list li:nth-child(7),
body .category-list.category-list li:nth-child(8),
body .category-list.category-list li:nth-child(9) {
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  margin: 0 !important;
  transform: none !important;
  float: none !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
}
/* remover as pontas do hexagono (bordas triangulares) */
body .category-list.category-list li a::after {
  display: none !important;
  content: none !important;
}

/* FIX Opcao B (3): resetar o ::before do icone (herdava borda/absolute do hexagono) */
body .category-list.category-list li a::before {
  position: static !important;
  left: auto !important;
  top: auto !important;
  border: none !important;
  border-width: 0 !important;
  border-style: none !important;
  margin: 0 !important;
  flex: 0 0 auto !important;
  width: 52px !important;
  height: 52px !important;
  border-radius: 12px !important;
  background-color: #F1F7E8 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 28px 28px !important;
  display: inline-block !important;
  content: "" !important;
}

}

/* FIX Opcao B (4): cards acima da faixa preta (.bg-comeia::before) e espacamento */
ul.category-list {
  position: relative !important;
  z-index: 3 !important;
  margin-top: 120px !important;
}
ul.category-list li a {
  position: relative !important;
  z-index: 3 !important;
}


/* ===================== REDESIGN MARKETUP - Etapa 2 (ajustes 2) ===================== */

/* --- Header preto igual marketup.com --- */
.header {
  background: #0E0E0E !important;
  background-color: #0E0E0E !important;
}
.header .header-inner {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 70px !important;
  height: auto !important;
  text-align: left !important;
}
/* Logo igual ao site */
.header .logo {
  display: flex !important;
  align-items: center !important;
  float: none !important;
}
.header .logo img.site-logo {
  width: 190px !important;
  height: auto !important;
  max-height: 44px !important;
}

/* Perfil (canto superior direito) centralizado */
.header .user-info,
.header .dropdown.language-selector,
.header .btn.with-image.dropdown-toggle {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
}
.header .btn.with-image.dropdown-toggle {
  color: #FFFFFF !important;
}
.header .user-info {
  margin-left: auto !important;
}

/* --- Barra SEBRAE no topo --- */
.header .sebrae-bar {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 10px !important;
  width: 100% !important;
  box-sizing: border-box !important;
  background: #1D66C4 !important;
  color: #FFFFFF !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  text-decoration: none !important;
  padding: 12px 16px !important;
  margin: 0 0 0 0 !important;
  transition: background 0.2s ease !important;
}
.header .sebrae-bar:hover {
  background: #1857A8 !important;
  text-decoration: none !important;
}
.header .sebrae-bar .sebrae-logo {
  height: 16px !important;
  width: auto !important;
  filter: brightness(0) invert(1) !important;
  vertical-align: middle !important;
}

/* --- Remover faixa preta do hero, fundo branco --- */
.bg-comeia,
body .bg-comeia {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
}
.bg-comeia::before,
body .bg-comeia::before {
  background: transparent !important;
  background-color: transparent !important;
  display: none !important;
  content: none !important;
}
.bg-comeia::after,
body .bg-comeia::after {
  background: transparent !important;
  display: none !important;
}
/* Busca legivel em fundo branco */
form.search input#query {
  background-color: #FFFFFF !important;
  color: #2E2E2E !important;
  border: 1px solid #DEDEDE !important;
}
form.search input#query::placeholder {
  color: #949494 !important;
}
form.search::before {
  color: #717171 !important;
}

/* --- Hover dos cards mais vivo (paleta MarketUP) --- */
body .category-list.category-list li a:hover {
  background: #1D66C4 !important;
  border-color: #1D66C4 !important;
  color: #FFFFFF !important;
  box-shadow: 0 10px 24px rgba(29,102,196,0.28) !important;
  transform: translateY(-4px) !important;
}
body .category-list.category-list li a:hover::before {
  background-color: #8EC045 !important;
}

/* corrige icone no hover: circulo branco para o icone verde aparecer sobre o card azul */
body .category-list.category-list li a:hover::before {
  background-color: #FFFFFF !important;
}

/* ajuste de espacamento do grid apos remover a faixa preta */
ul.category-list {
  margin-top: 30px !important;
  margin-bottom: 10px !important;
}


/* header-inner largura total e alinhamento */
.header .header-inner {
  width: auto !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
  padding: 0 24px !important;
}
/* suavizar a linha verde inferior do header */
.header {
  border-bottom: 3px solid #8EC045 !important;
}

}
}

/* FIX: perfil estava com top:45px empurrando para baixo do header */
.header .user-info,
.header .user-info.dropdown {
  top: 0 !important;
  position: relative !important;
  align-self: center !important;
  margin-top: 0 !important;
}
.header {
  height: auto !important;
  min-height: 64px !important;
  padding: 0 !important;
}

}
}

/* ================= AJUSTES FINAIS REDESIGN HOME ================= */
body .header .sebrae-bar { background: #005EB8 !important; font-family: Montserrat, sans-serif !important; font-weight: 600 !important; font-size: 15px !important; padding: 12px 16px !important; color: #FFFFFF !important; }
body .header .sebrae-bar:hover { background: #004B94 !important; }
body .header .user-info, body .header .user-info.dropdown { top: 0 !important; margin-top: 0 !important; margin-left: auto !important; align-self: center !important; position: relative !important; display: flex !important; align-items: center !important; }
body .header .btn.with-image.dropdown-toggle { display: flex !important; align-items: center !important; gap: 8px !important; height: 40px !important; padding: 0 14px !important; background: rgba(255,255,255,0.08) !important; border: 1px solid rgba(255,255,255,0.15) !important; border-radius: 6px !important; color: #FFFFFF !important; font-family: Montserrat, sans-serif !important; font-size: 14px !important; font-weight: 500 !important; transition: background .2s !important; }
body .header .btn.with-image.dropdown-toggle:hover { background: rgba(255,255,255,0.16) !important; }
body .header .user-avatar { max-height: 24px !important; border-radius: 50% !important; top: 0 !important; left: 0 !important; }
body .category-list.category-list li a:hover, body ul.category-list li a:hover { background: #8EC045 !important; border-color: #8EC045 !important; color: #FFFFFF !important; box-shadow: 0 10px 24px rgba(142,192,69,0.35) !important; transform: translateY(-4px) !important; }
body .category-list.category-list li a:hover *, body ul.category-list li a:hover * { color: #FFFFFF !important; }
body .category-list.category-list li a:hover::before { background-color: #FFFFFF !important; }
body ul.category-list { margin-bottom: 8px !important; }
body .knowledge-base > h1:first-of-type, body main .knowledge-base h1 { margin-top: 10px !important; }
html body .header a.sebrae-bar { background: #005EB8 !important; background-color: #005EB8 !important; }
html body .header a.sebrae-bar:hover { background: #004B94 !important; background-color: #004B94 !important; }
html body main .knowledge-base h1 { margin-top: 24px !important; margin-bottom: 8px !important; }
html body ul.category-list { margin-bottom: 4px !important; }
html body .bg-comeia { margin-bottom: 24px !important; }
html body .side.callcenter { margin-top: 60px !important; }

/* Sebrae: retangulo centralizado igual ao site */
html body .header a.sebrae-bar { width: 680px !important; max-width: 90% !important; height: 50px !important; margin: 0 auto !important; padding: 0 24px !important; border-radius: 0 0 10px 10px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; }
html body .header .sebrae-bar .sebrae-logo { height: 40px !important; width: auto !important; filter: none !important; margin: 0 !important; }

/* Hover dos cards: verde mais vivo (igual percepcao dos icones) */
html body .category-list.category-list li a:hover, html body ul.category-list li a:hover { background: #77B22E !important; background-color: #77B22E !important; border-color: #77B22E !important; box-shadow: 0 10px 24px rgba(119,178,46,0.4) !important; }

/* Hover cards: verde forte do logo MarketUP */
html body .category-list.category-list li a:hover, html body ul.category-list li a:hover { background: #5CB531 !important; background-color: #5CB531 !important; border-color: #5CB531 !important; box-shadow: 0 10px 24px rgba(92,181,49,0.45) !important; }

/* ===== PAGINA DE RESULTADOS DE PESQUISA ===== */
html body .search-result-votes, html body span.search-result-votes, html body .vote-sum, html body [class*="search-result-votes"] { display: none !important; }
html body .search-results-heading { font-size: 24px !important; font-weight: 700 !important; color: #2e2e2e !important; margin-bottom: 28px !important; }
html body .search-results-subheading { font-size: 18px !important; font-weight: 700 !important; color: #2e2e2e !important; padding-bottom: 10px !important; margin-bottom: 8px !important; border-bottom: 2px solid #8EC045 !important; }
html body .search-result { padding: 18px 20px !important; margin-bottom: 14px !important; background: #ffffff !important; border: 1px solid #eef0f2 !important; border-radius: 10px !important; box-shadow: 0 1px 3px rgba(0,0,0,0.04) !important; transition: box-shadow .2s, transform .2s !important; list-style: none !important; }
html body .search-result:hover { box-shadow: 0 6px 18px rgba(0,0,0,0.08) !important; transform: translateY(-2px) !important; border-color: #d8ecc4 !important; }
html body .search-result-link { color: #1d66c4 !important; font-size: 16px !important; font-weight: 600 !important; line-height: 1.4 !important; text-decoration: none !important; }
html body .search-result-link:hover { color: #14487f !important; text-decoration: underline !important; }
html body .search-result-meta { color: #7a7a7a !important; font-size: 12.5px !important; margin-top: 8px !important; }
html body .search-result-description { color: #4a4a4a !important; font-size: 13.5px !important; line-height: 1.6 !important; margin-top: 8px !important; }
html body .search-results-column { padding: 0 12px !important; }
html body .pagination a, html body .pagination span { border-radius: 6px !important; margin: 0 3px !important; transition: background .2s, color .2s !important; }
html body .pagination .current, html body .pagination a:hover { background: #8EC045 !important; color: #ffffff !important; border-color: #8EC045 !important; }

/* ===== PAGINA DE CATEGORIA: lista completa de artigos ===== */
html body .section .see-all-articles { display: none !important; }
html body .section-tree ul.article-list > li > a { color: #2e2e2e !important; text-decoration: none !important; transition: color .15s ease !important; }
html body .section-tree ul.article-list > li > a:hover { color: #46812a !important; text-decoration: underline !important; }
html body .section-tree ul.article-list > li { margin-bottom: 6px !important; line-height: 1.5 !important; }
html body .section-tree ul.article-list > li::marker { color: #8EC045 !important; }
html body .section-tree section.section { margin-bottom: 34px !important; vertical-align: top !important; }
html body .section-tree section.section h3 a { color: #2e2e2e !important; text-decoration: none !important; }

/* ===== CATEGORIA: titulos em negrito + layout unificado ===== */
html body .section-tree section.section h3, html body .section-tree section.section h3 a { font-weight: 700 !important; }
html body .section-tree { column-count: 2 !important; column-gap: 48px !important; }
html body .section-tree section.section { display: block !important; width: auto !important; break-inside: avoid !important; -webkit-column-break-inside: avoid !important; page-break-inside: avoid !important; margin-bottom: 28px !important; }

/* ===== Hover dos botoes: outline verde + glow (estilo card) ===== */
html body .category-list.category-list li a:hover, html body .category-list li a:hover, html body ul.category-list li a:hover { background: #ffffff !important; background-color: #ffffff !important; border: 1px solid #8EC045 !important; border-color: #8EC045 !important; box-shadow: 0 0 0 3px rgba(142,192,69,0.25), 0 6px 18px rgba(92,181,49,0.18) !important; color: #2e2e2e !important; transform: none !important; }
/* ===== Categoria: cantos arredondados no quadrado cinza ===== */
html body .section-tree { border-radius: 10px !important; }

/* ===== Hover/click botoes: sem opacidade, cor solida ===== */
html body .category-list li:hover, html body .category-list li:active, html body .category-list li:focus, html body .category-list li:focus-within { opacity: 1 !important; }
html body .category-list li a:hover, html body .category-list li a:active, html body .category-list li a:focus { opacity: 1 !important; color: #2e2e2e !important; }

/* ===== PAGINA DO ARTIGO: ajustes finais ===== */
html body a.article-subscribe, html body .article-subscribe, html body .article-header .subscribe { display: none !important; }
html body .article-vote, html body .article-votes, html body .article-vote-question, html body [class*="article-vote"] { display: none !important; }
html body .article-title, html body h1.article-title { text-transform: none !important; font-weight: 700 !important; color: #2e2e2e !important; font-size: 26px !important; line-height: 1.3 !important; }
html body .article-body { font-size: 15px !important; line-height: 1.75 !important; color: #3a3a3a !important; }
html body section.recent-articles, html body section.related-articles { background: #ffffff !important; border-radius: 10px !important; padding: 20px 24px !important; margin-bottom: 20px !important; }
html body .recent-articles-title, html body .related-articles-title { font-size: 15px !important; font-weight: 700 !important; color: #2e2e2e !important; padding-bottom: 10px !important; margin-bottom: 12px !important; border-bottom: 2px solid #8EC045 !important; }
html body section.recent-articles a, html body section.related-articles a { color: #2e2e2e !important; text-decoration: none !important; transition: color .15s ease !important; }
html body section.recent-articles a:hover, html body section.related-articles a:hover { color: #5CB531 !important; text-decoration: underline !important; }

html body .article-header h1, html body header.article-header h1 { text-transform: none !important; font-weight: 700 !important; color: #2e2e2e !important; font-size: 26px !important; line-height: 1.3 !important; }

/* ===== Artigo: borda no bloco cinza do texto ===== */
html body .main-column .subtle-wrap, html body div.subtle-wrap { border: none !important; border-radius: 10px !important; box-shadow: none !important; }

/* ===== CATEGORIA: accordion (dropdown por titulo) ===== */
html body .section-tree section.acc-section { border: 1px solid #e6e6ee !important; border-radius: 8px !important; background: #ffffff !important; margin-bottom: 12px !important; overflow: hidden !important; }
html body .section-tree section.acc-section h3.acc-head { display: flex !important; align-items: center !important; justify-content: space-between !important; margin: 0 !important; padding: 14px 18px !important; cursor: pointer !important; font-size: 15px !important; font-weight: 700 !important; color: #2e2e2e !important; user-select: none !important; transition: background .15s ease !important; }
html body .section-tree section.acc-section h3.acc-head:hover { background: #f5faed !important; }
html body .section-tree section.acc-section h3.acc-head a { color: #2e2e2e !important; text-decoration: none !important; pointer-events: none !important; font-weight: 700 !important; }
html body .section-tree section.acc-section h3.acc-head::after { content: "" !important; width: 9px !important; height: 9px !important; margin-left: 12px !important; border-right: 2px solid #8EC045 !important; border-bottom: 2px solid #8EC045 !important; transform: rotate(45deg) !important; transition: transform .2s ease !important; flex: 0 0 auto !important; }
html body .section-tree section.acc-section.acc-open h3.acc-head::after { transform: rotate(-135deg) !important; }
html body .section-tree section.acc-section ul.article-list, html body .section-tree section.acc-section i.section-empty { display: none !important; }
html body .section-tree section.acc-section.acc-open ul.article-list { display: block !important; padding: 4px 18px 16px !important; margin: 0 !important; }
html body .section-tree section.acc-section.acc-open i.section-empty { display: block !important; padding: 4px 18px 16px !important; }

/* ===== CATEGORIA: layout moderno em grade (sem quebra de coluna) ===== */
html body .section-tree { column-count: auto !important; columns: auto !important; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 14px 20px !important; align-items: start !important; background: transparent !important; padding: 0 !important; border-radius: 0 !important; }
html body .section-tree section.section, html body .section-tree section.acc-section { break-inside: avoid !important; -webkit-column-break-inside: auto !important; page-break-inside: auto !important; margin: 0 !important; width: auto !important; display: block !important; }
html body .section-tree section.acc-section { border: 1px solid #ececf2 !important; border-radius: 12px !important; background: #ffffff !important; box-shadow: 0 1px 2px rgba(16,24,40,0.04), 0 1px 3px rgba(16,24,40,0.06) !important; overflow: hidden !important; transition: box-shadow .2s ease, border-color .2s ease !important; }
html body .section-tree section.acc-section:hover { border-color: #8EC045 !important; box-shadow: 0 4px 14px rgba(92,181,49,0.12) !important; }
html body .section-tree section.acc-section.acc-open { border-color: #8EC045 !important; box-shadow: 0 6px 20px rgba(92,181,49,0.14) !important; }
html body .section-tree section.acc-section h3.acc-head { padding: 16px 20px !important; font-size: 14.5px !important; font-weight: 600 !important; letter-spacing: .1px !important; color: #101828 !important; background: #ffffff !important; transition: color .18s ease !important; }
html body .section-tree section.acc-section h3.acc-head:hover { background: #ffffff !important; color: #46812a !important; }
html body .section-tree section.acc-section.acc-open h3.acc-head { color: #46812a !important; }
html body .section-tree section.acc-section h3.acc-head a { color: inherit !important; font-weight: inherit !important; }
html body .section-tree section.acc-section h3.acc-head::after { content: "" !important; width: 8px !important; height: 8px !important; margin-left: 12px !important; border-right: 2px solid #8EC045 !important; border-bottom: 2px solid #8EC045 !important; border-top: 0 !important; border-left: 0 !important; background: transparent !important; transform: rotate(45deg) !important; transition: transform .25s ease !important; flex: 0 0 auto !important; }
html body .section-tree section.acc-section.acc-open h3.acc-head::after { transform: rotate(-135deg) !important; }
html body .section-tree section.acc-section ul.article-list { display: none !important; }
html body .section-tree section.acc-section.acc-open ul.article-list { display: block !important; padding: 2px 20px 18px !important; margin: 0 !important; border-top: 1px solid #f0f0f4 !important; }
html body .section-tree section.acc-section.acc-open ul.article-list li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
html body .section-tree section.acc-section.acc-open ul.article-list li a { display: block !important; padding: 8px 10px 8px 20px !important; border-radius: 8px !important; color: #475467 !important; font-size: 13.5px !important; line-height: 1.45 !important; text-decoration: none !important; position: relative !important; transition: background .15s ease, color .15s ease !important; }
html body .section-tree section.acc-section.acc-open ul.article-list li a::before { content: "" !important; position: absolute !important; left: 6px !important; top: 15px !important; width: 5px !important; height: 5px !important; border-radius: 50% !important; background: #8EC045 !important; }
html body .section-tree section.acc-section.acc-open ul.article-list li a:hover { background: #f5faed !important; color: #46812a !important; text-decoration: none !important; }


/* ===== Sticky footer: barra preta fixa no rodape (spacer) ===== */
html body.community-enabled, html body { min-height: 100vh !important; display: flex !important; flex-direction: column !important; }
html body > main, html body main { flex: 1 0 auto !important; }
html body > footer.footer, html body footer.footer { position: static !important; flex: 0 0 auto !important; margin-top: 0 !important; width: 100% !important; }

html body.community-enabled, html body { padding-bottom: 0 !important; }


/* ===== Espacamento entre conteudo e barra preta (footer) ===== */
html body > main, html body main { padding-bottom: 60px !important; }


/* ===== CATEGORIA: colunas independentes (cards colados sem gap ao abrir) ===== */
html body .section-tree { display: block !important; grid-template-columns: none !important; column-count: 2 !important; column-gap: 20px !important; gap: 0 !important; align-items: normal !important; }
html body .section-tree section.acc-section { display: block !important; width: 100% !important; break-inside: avoid !important; -webkit-column-break-inside: avoid !important; page-break-inside: avoid !important; margin: 0 0 14px 0 !important; }


/* ===== CATEGORIA: espacamento horizontal entre as colunas ===== */
html body .section-tree { column-gap: 24px !important; -webkit-column-gap: 24px !important; -moz-column-gap: 24px !important; gap: 24px !important; }


/* ===== HEADER: menu do perfil abaixo do botao (sem sobrepor) ===== */
html body .user-info.dropdown .dropdown-menu, html body .dropdown-menu.dropdown-menu-ca { top: 100% !important; bottom: auto !important; margin-top: 10px !important; right: 0 !important; left: auto !important; }


/* ===== HOME: hero banner (imagem Sobre a MarketUP) ===== */
html body .ca-hero { position: relative !important; width: 100vw !important; left: 50% !important; right: 50% !important; margin-left: -50vw !important; margin-right: -50vw !important; margin-top: 0 !important; min-height: 340px !important; display: flex !important; align-items: center !important; justify-content: center !important; background-image: url('https://marketup.com/wp-content/uploads/2022/05/suporte.jpg') !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; overflow: hidden !important; }
html body .ca-hero .ca-hero__overlay { position: absolute !important; top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important; background: linear-gradient(rgba(10,10,10,0.72), rgba(10,10,10,0.78)) !important; z-index: 1 !important; }
html body .ca-hero .ca-hero__content { position: relative !important; z-index: 2 !important; max-width: 820px !important; width: 100% !important; padding: 48px 24px !important; text-align: left !important; margin: 0 auto !important; }
html body .ca-hero .ca-hero__title { color: #ffffff !important; font-family: Montserrat, sans-serif !important; font-size: 40px !important; line-height: 1.15 !important; font-weight: 700 !important; margin: 0 0 20px 0 !important; text-transform: none !important; text-shadow: 0 2px 12px rgba(0,0,0,0.35) !important; }
html body .ca-hero .ca-hero__text p { color: #f2f2f2 !important; font-family: Montserrat, sans-serif !important; font-size: 16px !important; line-height: 1.6 !important; margin: 0 0 12px 0 !important; text-shadow: 0 1px 6px rgba(0,0,0,0.3) !important; }
html body .ca-hero .ca-hero__text p b { color: #ffffff !important; font-weight: 700 !important; }
html body .ca-hero .ca-hero__text p:last-child { margin-bottom: 0 !important; }
/* ===== HOME: remover titulo antigo e texto duplicado ===== */
html body .knowledge-base > h1 { display: none !important; }
html body .knowledge-base > .community:first-of-type { display: none !important; }


/* ===== HOME hero: encostar na barra do topo + espaco antes da busca ===== */
html body .ca-hero { margin-top: -25px !important; margin-bottom: 40px !important; }


/* ===== HOME: remover banner promocional + alinhar colunas ===== */
html body .side.callcenter img[src*="WlL2Jzj"], html body .side.callcenter a[href="http://marketup.com/"] { display: none !important; }
html body .side.callcenter { margin-top: 0 !important; }

/* =========================================================
   MarketUP Footer (Design System) - aplicado em todas as paginas
   Fonte: Montserrat | fundo #181818 | verde #8EC045
   Hover dos links: texto branco + barra verde 4px a esquerda (igual ao site)
   ========================================================= */
.footer .mup-footer {
  background: #181818 !important;
  color: #b2b2b2 !important;
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  box-sizing: border-box !important;
}
.footer.footer { background: #181818 !important; }

.mup-footer .mup-footer-grid {
  max-width: 1180px;
  margin: 0 auto;
  padding: 56px 24px 40px;
  display: grid;
  grid-template-columns: 1.4fr 1fr 1.2fr 1.1fr;
  gap: 32px;
  box-sizing: border-box;
}
.mup-footer .mup-footer-col { min-width: 0; }

/* Logo */
.mup-footer .mup-footer-logo { display: inline-block; margin-bottom: 20px; }
.mup-footer .mup-footer-logo img { height: 32px; width: auto; display: block; }

/* Texto descritivo (igual ao site: 14px / cor #b2b2b2) */
.mup-footer .mup-footer-about {
  color: #b2b2b2 !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
  margin: 0 0 24px !important;
  max-width: 300px;
  font-weight: 400 !important;
}

/* Titulos com quadrado verde (24px bold, igual ao site) */
.mup-footer .mup-footer-title {
  color: #f7f7f7 !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  margin: 0 0 22px !important;
  padding: 0 !important;
  display: flex;
  align-items: center;
}
.mup-footer .mup-footer-title::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background: #8ec045;
  border-radius: 3px;
  margin-right: 12px;
  flex: 0 0 auto;
}
.mup-footer .mup-footer-col .mup-footer-title:not(:first-child) { margin-top: 36px !important; }

/* Listas de links (14px, cor #b2b2b2) */
.mup-footer .mup-footer-links { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.mup-footer .mup-footer-links li { margin: 0 0 16px !important; padding: 0 !important; }
.mup-footer .mup-footer-links li::before { content: none !important; }
.mup-footer .mup-footer-links a {
  display: inline-block;
  color: #b2b2b2 !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
  text-decoration: none !important;
  border-left: 0 solid #8ec045;
  padding-left: 0;
  transition: color .3s ease, border-left .3s ease, padding-left .3s ease !important;
}
/* HOVER igual ao site: texto branco + barra verde 4px + desloca 1rem */
.mup-footer .mup-footer-links a:hover {
  color: #fcfcfc !important;
  border-left: 4px solid #8ec045 !important;
  padding-left: 1rem !important;
}

/* Contato */
.mup-footer .mup-footer-contact { list-style: none !important; margin: 0 0 24px !important; padding: 0 !important; }
.mup-footer .mup-footer-contact li {
  position: relative;
  padding-left: 30px !important;
  margin: 0 0 18px !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}
.mup-footer .mup-footer-contact li::before {
  content: "";
  position: absolute;
  left: 0; top: 2px;
  width: 18px; height: 18px;
  background: #8ec045;
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-position: center; mask-position: center;
  -webkit-mask-size: contain; mask-size: contain;
}
.mup-footer .mup-ico-map::before   { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E"); }
.mup-footer .mup-ico-phone::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.4 11.4 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.4 11.4 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M6.62 10.79a15.05 15.05 0 0 0 6.59 6.59l2.2-2.2a1 1 0 0 1 1.02-.24 11.4 11.4 0 0 0 3.57.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1 11.4 11.4 0 0 0 .57 3.57 1 1 0 0 1-.25 1.02l-2.2 2.2z'/%3E%3C/svg%3E"); }
.mup-footer .mup-ico-whats::before { -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.4A10 10 0 1 0 12 2zm5.3 14.2c-.2.6-1.2 1.1-1.7 1.2-.4.1-1 .1-1.6-.1-.4-.1-.9-.3-1.5-.5a9 9 0 0 1-3.4-3c-.3-.4-.8-1.1-.8-2.1s.5-1.5.7-1.7a.7.7 0 0 1 .5-.2h.4c.1 0 .3 0 .5.4l.6 1.5c.1.1.1.3 0 .4l-.3.4-.2.3c-.1.1-.2.2-.1.4a6.6 6.6 0 0 0 3 2.6c.3.1.4.1.5 0l.7-.8c.1-.2.3-.1.4-.1l1.5.7c.2.1.4.2.4.3.1.1.1.5-.1 1z'/%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.4A10 10 0 1 0 12 2zm5.3 14.2c-.2.6-1.2 1.1-1.7 1.2-.4.1-1 .1-1.6-.1-.4-.1-.9-.3-1.5-.5a9 9 0 0 1-3.4-3c-.3-.4-.8-1.1-.8-2.1s.5-1.5.7-1.7a.7.7 0 0 1 .5-.2h.4c.1 0 .3 0 .5.4l.6 1.5c.1.1.1.3 0 .4l-.3.4-.2.3c-.1.1-.2.2-.1.4a6.6 6.6 0 0 0 3 2.6c.3.1.4.1.5 0l.7-.8c.1-.2.3-.1.4-.1l1.5.7c.2.1.4.2.4.3.1.1.1.5-.1 1z'/%3E%3C/svg%3E"); }
.mup-footer .mup-footer-contact a { color: #b2b2b2 !important; text-decoration: none !important; transition: color .3s ease; font-size: 14px !important; }
.mup-footer .mup-footer-contact a:hover { color: #fcfcfc !important; }

/* Redes sociais */
.mup-footer .mup-footer-social { list-style: none !important; margin: 0 !important; padding: 0 !important; display: flex; gap: 16px; }
.mup-footer .mup-footer-social li { margin: 0 !important; padding: 0 !important; }
.mup-footer .mup-footer-social li::before { content: none !important; }
.mup-footer .mup-footer-social a {
  display: flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; border-radius: 6px;
  transition: transform .3s ease, background-color .3s ease;
}
.mup-footer .mup-footer-social img { width: 22px; height: 22px; display: block; filter: brightness(0) saturate(100%) invert(64%) sepia(38%) saturate(600%) hue-rotate(40deg); transition: filter .3s ease; }
.mup-footer .mup-footer-social a:hover { transform: scale(1.15); background-color: #8ec045; }
.mup-footer .mup-footer-social a:hover img { filter: brightness(0); }

/* Certificacoes */
.mup-footer .mup-footer-certs { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.mup-footer .mup-footer-certs img { height: 56px; width: auto; }
.mup-footer .mup-footer-certs-ra img { height: 44px; }
.mup-footer .mup-footer-legal { margin-top: 22px !important; padding-top: 20px !important; border-top: 1px solid #2e2e2e; }

/* Barra de copyright */
.mup-footer .mup-footer-bottom {
  border-top: 0 !important;
  background: #2e2e2e !important;
  color: #717171 !important;
  text-align: center !important;
  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.6 !important;
  padding: 20px !important;
}

/* Responsivo */
@media (max-width: 980px) {
  .mup-footer .mup-footer-grid { grid-template-columns: 1fr 1fr; gap: 28px; }
}
@media (max-width: 560px) {
  .mup-footer .mup-footer-grid { grid-template-columns: 1fr; padding: 40px 20px 28px; }
  .mup-footer .mup-footer-about { max-width: none; }
}


/* =========================================================
   CATEGORIA: Accordion estilo FAQ MarketUP (imagem 4)
   Caixa verde + chevron a esquerda, barra cinza, seta gira ao abrir
   ========================================================= */
html body .section-tree section.acc-section {
  border: 1px solid #e6e6ee !important;
  border-radius: 6px !important;
  background: #f7f7f7 !important;
  box-shadow: 0 1px 2px rgba(16,24,40,.04) !important;
  overflow: hidden !important;
  margin-bottom: 16px !important;
  transition: box-shadow .25s ease, border-color .25s ease !important;
}
html body .section-tree section.acc-section:hover { border-color: #8ec045 !important; box-shadow: 0 4px 14px rgba(30,160,30,.12) !important; }
html body .section-tree section.acc-section.acc-open { border-color: #8ec045 !important; }

/* Barra do titulo (cinza claro, texto Montserrat) */
html body .section-tree section.acc-section h3.acc-head {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 56px !important;
  cursor: pointer !important;
  background: #f7f7f7 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #717171 !important;
  letter-spacing: 0 !important;
  user-select: none !important;
  transition: color .2s ease, background .2s ease !important;
  position: relative !important;
}
/* Caixa verde + chevron branco a ESQUERDA */
html body .section-tree section.acc-section h3.acc-head::before {
  content: "" !important;
  flex: 0 0 auto !important;
  width: 48px !important;
  align-self: stretch !important;
  background-color: #8ec045 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M1 1.5l7 7 7-7'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 16px auto !important;
  filter: none !important;
  transition: transform .3s ease !important;
  transform: rotate(0deg) !important;
  margin: 0 !important;
}
/* seta gira 180deg ao abrir */
html body .section-tree section.acc-section.acc-open h3.acc-head::before { transform: rotate(180deg) !important; }
/* remove o chevron antigo da direita */
html body .section-tree section.acc-section h3.acc-head::after { display: none !important; content: none !important; }

/* texto do titulo */
html body .section-tree section.acc-section h3.acc-head a,
html body .section-tree section.acc-section h3.acc-head { padding-left: 0 !important; }
html body .section-tree section.acc-section h3.acc-head > a,
html body .section-tree section.acc-section h3.acc-head { }
html body .section-tree section.acc-section h3.acc-head a {
  color: inherit !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  pointer-events: none !important;
  padding: 0 18px !important;
}
html body .section-tree section.acc-section h3.acc-head:hover { color: #46812a !important; }
html body .section-tree section.acc-section.acc-open h3.acc-head { color: #46812a !important; }

/* Conteudo expansivel */
html body .section-tree section.acc-section ul.article-list,
html body .section-tree section.acc-section i.section-empty { display: none !important; }
html body .section-tree section.acc-section.acc-open ul.article-list {
  display: block !important;
  background: #ffffff !important;
  padding: 6px 18px 14px !important;
  margin: 0 !important;
  border-top: 1px solid #ececec !important;
}
html body .section-tree section.acc-section.acc-open i.section-empty {
  display: block !important;
  background: #ffffff !important;
  padding: 12px 18px !important;
  border-top: 1px solid #ececec !important;
  color: #999 !important;
  font-style: italic !important;
}
html body .section-tree section.acc-section.acc-open ul.article-list li { margin: 0 !important; padding: 0 !important; list-style: none !important; }
html body .section-tree section.acc-section.acc-open ul.article-list li a {
  display: block !important;
  padding: 9px 8px 9px 18px !important;
  color: #555 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  position: relative !important;
  border-radius: 4px !important;
  transition: background .2s ease, color .2s ease !important;
}
html body .section-tree section.acc-section.acc-open ul.article-list li a::before {
  content: "" !important; position: absolute !important; left: 4px !important; top: 17px !important;
  width: 6px !important; height: 6px !important; border-radius: 50% !important; background: #8ec045 !important;
}
html body .section-tree section.acc-section.acc-open ul.article-list li a:hover { background: #f2faed !important; color: #46812a !important; }

/* grid 2 colunas igual ao site */
html body .section-tree {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0,1fr)) !important;
  gap: 16px 24px !important;
  align-items: start !important;
  column-count: auto !important;
  background: transparent !important;
  padding: 0 !important;
}
@media (max-width: 760px) { html body .section-tree { grid-template-columns: 1fr !important; } }


/* =========================================================
   HOME: ajustes de texto do hero
   ========================================================= */
/* "Central de Atendimento" na cor verde do logo MarketUP */
html body .ca-hero .ca-hero__title .ca-hero__green {
  color: #8ec045 !important;
}
/* Link "Suporte Premium (mediante contratacao)." */
html body .ca-hero .ca-hero__text p a.ca-suporte-premium {
  color: #8ec045 !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  cursor: pointer !important;
  transition: color .25s ease, text-decoration-color .25s ease !important;
}
html body .ca-hero .ca-hero__text p a.ca-suporte-premium:hover {
  color: #a6d95f !important;
  text-decoration: underline !important;
}


/* =========================================================
   AJUSTES v3 (home + categorias)
   ========================================================= */

/* TAREFA 1: remover a faixa preta no final da pagina (padding da .footer base) */
html body .footer { padding: 0 !important; }
html body .footer .mup-footer { padding-bottom: 0 !important; }

/* TAREFA 2: links "Topicos mais visitados" e "Treinamento em Video" com visual/hover igual aos artigos das categorias (imagem 3) */
html body .knowledge-base .community ul li a,
html body .knowledge-base .community > ul > li > a,
html body main .community li a {
  color: #4a4a4a !important;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  text-decoration: none !important;
  transition: color .18s ease !important;
}
html body .knowledge-base .community ul li a:hover,
html body main .community li a:hover {
  color: #5cb531 !important;
  text-decoration: none !important;
}
/* marcador verde nos itens (bolinha verde igual imagem 3) */
html body main .community ul li::marker { color: #8ec045 !important; }
/* link Tutoriais em Videos */
html body main .community a[href*="youtube"],
html body main a[href*="youtube"][target="_blank"] {
  color: #4a4a4a !important;
  transition: color .18s ease !important;
  text-decoration: none !important;
}
html body main .community a[href*="youtube"]:hover,
html body main a[href*="youtube"][target="_blank"]:hover { color: #5cb531 !important; }

/* TAREFA 3: icones azuis (envelope e livro) para verde MarketUP */
html body main .community img[src*="imgur"],
html body main img[src*="7n7LvpA"],
html body main img[src*="efesYSH"],
html body main img[src*="WlL2Jzj"] {
  filter: brightness(0) saturate(100%) invert(66%) sepia(41%) saturate(560%) hue-rotate(40deg) brightness(93%) contrast(88%) !important;
}

/* TAREFA 4: barra de pesquisa fixa em TODAS as categorias, acima do titulo (imagens 4 e 5) */
html body .ca-cat-search { display: block !important; max-width: 940px !important; margin: 28px auto 34px auto !important; float: none !important; text-align: center !important; }
.ca-cat-search form.search { margin: 0 auto !important; float: none !important; display: block !important; }
html body .ca-cat-search form.search { margin: 0 !important; position: relative !important; }
html body .ca-cat-search form.search input#query,
html body .ca-cat-search input[type="search"] {
  width: 100% !important;
  background: #ffffff !important;
  border: 1px solid #e2e2e2 !important;
  border-radius: 40px !important;
  padding: 14px 52px 14px 22px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 15px !important;
  color: #444 !important;
  box-shadow: 0 4px 14px rgba(0,0,0,.06) !important;
}
html body .ca-cat-search form.search input#query::placeholder { color: #9aa0a6 !important; }
html body .ca-cat-search form.search input#query:focus { border-color: #8ec045 !important; outline: none !important; box-shadow: 0 4px 16px rgba(142,192,69,.18) !important; }

/* TAREFA 5: substituir link "Central de Atendimento" da breadcrumb por seta de voltar, ao lado do titulo */
/* esconde a breadcrumb de texto antiga */
html body nav.category-breadcrumbs, html body .category-breadcrumbs { display: none !important; }
/* titulo com a seta ao lado */
html body .ca-cat-title { display: flex !important; align-items: center !important; gap: 10px !important; }
html body .ca-cat-title .ca-back-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 40px !important;
  height: 40px !important;
  border-radius: 50% !important;
  border: 2px solid #8ec045 !important;
  background: #ffffff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%238ec045' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") no-repeat center !important;
  background-size: 22px 22px !important;
  flex: 0 0 auto !important;
  text-decoration: none !important;
  transition: background-color .2s ease, transform .2s ease !important;
}
html body .ca-cat-title .ca-back-arrow:hover {
  background-color: #8ec045 !important;
  transform: translateX(-2px) !important;
}
/* no hover, deixa a seta branca */
html body .ca-cat-title .ca-back-arrow:hover {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M15 5l-7 7 7 7'/%3E%3C/svg%3E") !important;
}
html body .ca-cat-title .ca-cat-name { display: inline-block !important; }


/* MUP Batch5 home spacing */
section.clearfix.side-enabled { padding-bottom: 60px !important; }
.knowledge-base { margin-bottom: 20px !important; }

/* Ocultar categorias/secoes vazias */
body .section-tree .section:has(.section-empty) { display: none !important; }
body .section-tree .section:has(> h3 + i.section-empty) { display: none !important; }


/* ============ Perguntas Frequentes (FAQ) ============ */
.ca-faq { width: 100%; margin: 8px 0 0 0; padding: 0; }
.ca-faq__inner { max-width: 1120px; margin: 0 auto; padding: 8px 16px 0; }
.ca-faq__title { font-size: 26px !important; font-weight: 700 !important; color: #2e2e2e !important; margin: 0 0 6px !important; text-align: left; }
.ca-faq__subtitle { font-size: 15px !important; color: #6b6b6b !important; margin: 0 0 22px !important; text-align: left; }
.ca-faq__list { list-style: none !important; margin: 0 !important; padding: 0 !important; display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.ca-faq__item { list-style: none !important; margin: 0 !important; }
.ca-faq__link { display: flex !important; align-items: center; gap: 14px; background: #ffffff; border: 1px solid #ececf2; border-radius: 12px; padding: 16px 18px; text-decoration: none !important; transition: all .18s ease; box-shadow: 0 1px 2px rgba(0,0,0,0.03); height: 100%; box-sizing: border-box; }
.ca-faq__link:hover { border-color: #46812a; box-shadow: 0 6px 18px rgba(70,129,42,0.15); transform: translateY(-2px); }
.ca-faq__icon { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 10px; background-color: #eef6e7; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='%2346812a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3'/%3E%3Cline x1='12' y1='17' x2='12.01' y2='17'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; }
.ca-faq__text { flex: 1 1 auto; font-size: 15px; font-weight: 600; color: #2e2e2e; line-height: 1.35; }
.ca-faq__arrow { flex: 0 0 18px; width: 18px; height: 18px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2346812a' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; opacity: .55; transition: transform .18s ease, opacity .18s ease; }
.ca-faq__link:hover .ca-faq__arrow { opacity: 1; transform: translateX(3px); }
@media (max-width: 760px) { .ca-faq__list { grid-template-columns: 1fr; } }

/* ============ CTA Suporte Premium ============ */
.ca-cta { width: 100%; margin: 40px 0 0 0; }
.ca-cta__inner { max-width: 1120px; margin: 0 auto; background: linear-gradient(135deg, #8EC045 0%, #6fae2f 100%); border-radius: 16px; padding: 34px 44px; display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; box-shadow: 0 10px 30px rgba(110,174,47,0.25); }
.ca-cta__copy { flex: 1 1 420px; }
.ca-cta__title { font-size: 24px !important; font-weight: 800 !important; color: #ffffff !important; margin: 0 0 8px !important; line-height: 1.25; }
.ca-cta__text { font-size: 16px !important; color: rgba(255,255,255,0.95) !important; margin: 0 !important; line-height: 1.5; }
.ca-cta__text b { color: #ffffff; }
.ca-cta__btn { flex: 0 0 auto; display: inline-block; background: #ffffff; color: #46812a !important; font-size: 15px; font-weight: 800; letter-spacing: .5px; text-decoration: none !important; padding: 15px 30px; border-radius: 30px; transition: all .18s ease; box-shadow: 0 4px 12px rgba(0,0,0,0.12); white-space: nowrap; }
.ca-cta__btn:hover { background: #46812a; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }
@media (max-width: 700px) { .ca-cta__inner { flex-direction: column; align-items: flex-start; padding: 26px; } .ca-cta__btn { width: 100%; text-align: center; } }


/* ============ CTA Criar Conta (acima do footer, todas as telas) ============ */
.call-to-action-background { width: 100%; background: #8EC045; margin: 0; padding: 0; }
.call-to-action-background .l-call-to-action.container { max-width: 1120px; margin: 0 auto; padding: 34px 24px; display: flex; align-items: center; justify-content: space-between; gap: 28px; flex-wrap: wrap; }
.call-to-action-background .l-call-to-action p { flex: 1 1 460px; margin: 0 !important; color: #ffffff !important; font-size: 20px !important; font-weight: 600 !important; line-height: 1.4 !important; text-align: left; }
.call-to-action-background .c-button-pri { flex: 0 0 auto; display: inline-block; background: #ffffff; color: #2e2e2e !important; font-size: 14px; font-weight: 700; letter-spacing: .5px; text-transform: uppercase; text-decoration: none !important; padding: 16px 30px; border-radius: 4px; transition: all .18s ease; box-shadow: 0 2px 8px rgba(0,0,0,0.12); white-space: nowrap; border: none; cursor: pointer; }
.call-to-action-background .c-button-pri:hover { background: #46812a; color: #ffffff !important; transform: translateY(-2px); box-shadow: 0 6px 16px rgba(0,0,0,0.2); }
@media (max-width: 700px) { .call-to-action-background .l-call-to-action.container { flex-direction: column; align-items: flex-start; } .call-to-action-background .c-button-pri { width: 100%; text-align: center; } }