@charset "UTF-8";
* {
  font-family: "aglet-sans";
}
header {
  position: fixed;
  width: 100%;
  z-index: 9;
  top: 0;
  transition: background 0.3s ease;
}
header .nav-item._media {
  display: flex;
  align-items: center;
}
header .nav-item._media i {
  font-size: 18px;
}
header .nav-link {
  opacity: 1;
  color: #fff;
  font-size: 14px;
}
header ._b .nav-link {
  background: #F27405;
  color: #fff;
  border-radius: 15px;
  padding: 4px 13px 4px 10px !important;
  display: flex;
  align-items: center;
  line-height: 20px;
  padding: 4px;
}
header ._b .nav-link::before {
  content: "";
  background: url(../themes/cencomark/assets/images/icons/icon-person.svg) center no-repeat;
  width: 24px;
  height: 18px;
  background-size: contain;
  margin-right: 3px;
}
.hero {
  background: url(../themes/cencomark/assets/images/hero.jpg) no-repeat center center;
  background-size: cover;
  min-height: 700px;
}
.btn {
  border-radius: 10px;
  position: relative;
}
.btn.btn-action {
  background-color: #F27405;
  color: #fff;
  padding-left: 34px;
}
.btn.btn-action::before {
  content: "";
  top: 7px;
  left: 8px;
  background: url(../themes/cencomark/assets/images/icons/icon-person-add.svg) center no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  background-size: contain;
}
.btn.btn-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 3px;
}
.btn.btn-link::after {
  content: "";
  width: 30px;
  height: 30px;
  font-family: bootstrap-icons;
  font-style: normal;
  color: #F27405;
  font-size: 20px;
  margin-left: 3px;
}
.btn.btn-outline-secondary {
  color: #fff;
  border-color: #fff;
}
.btn.btn-outline-secondary:hover {
  color: #fff;
  border-color: #fff;
  background-color: transparent;
}
section h2 {
  color: #173673;
  font-weight: lighter;
  font-style: italic;
  line-height: 40px;
  font-size: 40px;
  margin-bottom: 20px;
}
section h3 {
  color: #F27405;
  font-weight: bold;
  font-style: italic;
}
section p {
  font-size: 14px;
  font-weight: 300;
}
.box-breadcrumb {
  padding: 80px 0 6px;
  background: #F27405;
}
.box-breadcrumb .breadcrumb-item {
  color: #fff;
  text-decoration: none;
  font-size: 12px;
}
.box-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
  color: #fff;
  content: "|";
}
.action .box-action {
  background: #173673;
  background: linear-gradient(90deg, #173673 0%, #3b69c7 100%);
  color: #fff;
  border-radius: 20px;
  padding: 20px 50px;
  margin-top: -60px;
}
.action .box-action h3 {
  font-weight: lighter;
  font-style: italic;
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  color: #fff;
}
.action .box-action p {
  margin: 0;
}
.action .box-action ._text-action {
  margin: -56px auto -50px;
  display: block;
}
.action .box-action._d {
  background: #F27405;
  background: linear-gradient(90deg, #f27405 0%, #3b69c7 100%);
}
.action._a-2 ._text-action {
  margin: -32px auto -30px;
}
.cencomark-wrap {
  background: linear-gradient(180deg, #cfdcf3 0%, #e9edf6 100%);
  border-radius: 22px;
  max-width: 90%;
  margin: 0 auto;
  padding: 60px 40px 115px;
  position: relative;
}
.cencomark-wrap .action .box-action {
  margin-bottom: -170px;
  margin-top: 50px;
  background: #F27405;
  background: linear-gradient(90deg, #f27405 0%, #3b69c7 100%);
}
.title {
  font-weight: 800;
  letter-spacing: 0.5px;
  color: #173a74;
  font-size: clamp(28px, 3vw, 40px);
  line-height: 1.05;
}
.subtitle {
  color: #ff7a00;
  font-weight: 800;
  font-size: clamp(18px, 2vw, 24px);
}
.step-card {
  background: #fff;
  border-radius: 18px;
  padding: 0;
  box-shadow: 0 10px 30px rgba(18, 38, 63, 0.08);
  position: relative;
  min-height: 160px;
}
.step-head {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  margin-bottom: 10px;
}
.step-num {
  display: inline-flex;
  align-items: top;
  justify-content: center;
  width: 44px;
  height: 70px;
  border-radius: 10px 0 10px 0;
  background: #ff7a00;
  color: #fff;
  font-weight: 300;
  font-style: italic;
  font-size: 30px;
}
.step-icon img {
  max-width: 40px;
  margin-left: 10px;
  margin-bottom: 10px;
}
.step-title {
  color: #173a74;
  font-weight: 400;
  line-height: 1.1;
  font-style: italic;
  padding: 0 20px 5px;
}
.step-text {
  color: #3f4e65;
  opacity: 0.9;
  font-size: 14px;
  line-height: 1.35;
  padding: 0 20px 20px;
}
.cta-bar {
  border-radius: 18px;
  padding: 18px 18px;
  background: linear-gradient(90deg, #ff7a00 0%, #3b6bdc 60%, #2f56c7 100%);
  color: #fff;
}
.cta-logo {
  height: 42px;
  width: auto;
  display: block;
  max-width: 100%;
}
.cta-script {
  font-size: clamp(22px, 2.6vw, 38px);
  line-height: 1;
  font-weight: 800;
  opacity: 0.95;
}
.cta-text {
  font-weight: 700;
  font-size: 14px;
  line-height: 1.1;
  opacity: 0.95;
  text-align: left;
}
.btn-cta {
  background: #ff7a00;
  color: #fff;
  font-weight: 800;
  border-radius: 12px;
  padding: 12px 16px;
  border: 0;
  white-space: nowrap;
}
.btn-cta:hover {
  color: #fff;
  filter: brightness(0.95);
}
.hand-bleed {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 660px;
  pointer-events: none;
}
.hand-img {
  height: auto;
  display: block;
  width: 100%;
  margin-left: auto;
}
.confianca .box-confianca {
  background: url(../themes/cencomark/assets/images/img-3.png) center no-repeat;
  background-size: cover;
  color: #fff;
  border-radius: 20px;
  padding: 40px 50px;
  margin: 30px 0;
}
.segmentos {
  padding: 40px 0;
}
.segmentos .box-itens {
  padding: 20px 0;
}
.segmentos .box-itens .item {
  height: 100%;
}
.segmentos .box-itens .item .card {
  height: 100%;
  border-radius: 20px;
}
.segmentos .box-itens .item .card .card-body {
  padding: 30px;
}
.segmentos .box-itens .item .card .card-body img {
  max-width: 50%;
  height: 100px;
  object-fit: contain;
}
.segmentos .box-itens .item .card .card-body p {
  margin: 0;
}
.segmentos .box-itens .item .card .card-footer {
  background: #173673;
  border-radius: 0 0 20px 20px;
  padding: 3px;
}
.segmentos .box-itens .item .card .card-footer a {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-style: italic;
}
.segmentos .box-itens .item .card .card-title {
  color: #173673;
  font-weight: bold;
  font-style: italic;
  margin: 20px 0 5px;
}
.box-segmentos .item {
  border-radius: 20px;
  background: #DDE8FA;
  padding: 30px;
  height: 100%;
}
.box-segmentos .item img {
  height: 100px;
  object-fit: contain;
  margin-bottom: 20px;
}
.box-segmentos .item h4 {
  font-size: 18px;
  color: #173673;
  font-style: italic;
  font-weight: 400;
  margin-top: 40px;
}
.box-segmentos .item ul {
  list-style: none;
  padding: 0;
  font-size: 14px;
}
.box-segmentos .item ul._bold {
  font-weight: 600;
}
.box-segmentos .item ul li {
  margin-bottom: 10px;
}
.centro-compras {
  background: #C6D8F7;
  background: linear-gradient(180deg, #c6d8f7 0%, white 100%);
  padding: 80px 0;
}
.centro-compras .box-itens .item {
  padding: 30px;
  min-height: 500px;
  border-radius: 20px;
  color: #fff;
}
.centro-compras .box-itens .item h3 {
  color: #fff;
  font-weight: 400;
}
.centro-compras .box-itens .item._bg-1 {
  background: url(../themes/cencomark/assets/images/bg-1.svg) center top no-repeat;
  background-size: cover;
}
.centro-compras .box-itens .item._bg-2 {
  background: url(../themes/cencomark/assets/images/bg-2.svg) center top no-repeat;
  background-size: cover;
}
.centro-compras .box-itens .item._bg-3 {
  background: url(../themes/cencomark/assets/images/bg-3.svg) center top no-repeat;
  background-size: cover;
}
.centro-compras .box-itens .item._bg-4 {
  background: url(../themes/cencomark/assets/images/bg-4.svg) center top no-repeat;
  background-size: cover;
}
.marcas {
  padding: 60px 0;
}
.lojas {
  padding: 60px 0;
}
.lojas h2 {
  color: #F27405;
}
.lojas ul {
  list-style: none;
  color: #173673;
  font-style: italic;
  padding: 0;
}
.lojas ul li {
  margin-bottom: 10px;
}
.lojas ul li._e {
  position: relative;
  padding-left: 30px;
}
.lojas ul li._e::before {
  font-family: bootstrap-icons;
  content: "";
  font-style: normal;
  color: #F27405;
  position: absolute;
  left: 0;
  font-size: 20px;
}
.lojas ul li._h {
  position: relative;
  padding-left: 30px;
}
.lojas ul li._h::before {
  font-family: bootstrap-icons;
  content: "";
  font-style: normal;
  color: #F27405;
  position: absolute;
  left: 0;
  font-size: 20px;
}
.sobre-nos-confianca {
  background: url(../themes/cencomark/assets/images/bg-5.jpg) center no-repeat;
  background-size: cover;
  color: #fff;
  padding: 140px 0;
}
.sobre-nos-marcas {
  margin: 60px 0;
}
.sobre-nos-marcas .box-sobre-nos-marcas {
  border-radius: 20px;
  background: #DDE8FA;
}
.sobre-nos-marcas .box-sobre-nos-marcas ._bg {
  background: url(../themes/cencomark/assets/images/img-4.png) center no-repeat;
  background-size: cover;
  border-radius: 0 20px 20px 0;
}
.sobre-nos-lojas {
  position: relative;
  padding: 60px 0 200px;
  overflow: hidden;
}
.sobre-nos-lojas::before {
  content: "";
  position: absolute;
  top: 0;
  right: 55%;
  width: 50vw;
  height: 100%;
  background: url(../themes/cencomark/assets/images/bg-6.svg) right center no-repeat;
  background-size: contain;
  pointer-events: none;
}
.sobre-nos-rede .box-sobre-nos-rede {
  background: #173673;
  color: #fff;
  border-radius: 20px;
  color: #fff;
  padding: 100px 40px;
  margin-top: -60px;
  z-index: 8;
  position: relative;
}
.sobre-nos-rede .box-sobre-nos-rede h2 {
  color: #FF8900;
}
.sobre-nos-rede .box-sobre-nos-rede h3 {
  color: #8DADED;
  font-weight: normal;
}
.sobre-nos-oferta {
  padding: 60px 0;
}
.sobre-nos-oferta .box-oferta .item {
  height: 100%;
  padding: 30px;
  min-height: 500px;
  color: #fff;
  border-radius: 20px;
  display: flex;
  align-items: baseline;
  flex-direction: column;
  justify-content: flex-end;
}
.sobre-nos-oferta .box-oferta .item._bg-1 {
  background: url(../themes/cencomark/assets/images/bg-7.jpg) center top no-repeat;
  background-size: cover;
}
.sobre-nos-oferta .box-oferta .item._bg-2 {
  background: url(../themes/cencomark/assets/images/bg-8.jpg) center top no-repeat;
  background-size: cover;
}
.sobre-nos-oferta .box-oferta .item._bg-3 {
  background: url(../themes/cencomark/assets/images/bg-9.jpg) center top no-repeat;
  background-size: cover;
}
.sobre-nos-oferta .box-oferta .item._bg-4 {
  background: url(../themes/cencomark/assets/images/bg-10.jpg) center top no-repeat;
  background-size: cover;
}
footer {
  padding: 80px 0;
  color: #fff;
  background: #173673;
}
footer .logo {
  max-width: 240px;
}
footer ._b {
  background: #F27405;
  color: #fff;
  border-radius: 15px;
  padding: 4px 13px 4px 10px !important;
  display: flex;
  align-items: center;
  line-height: 20px;
  padding: 4px;
  margin-right: 10px;
}
footer ._b::before {
  content: "";
  background: url(../themes/cencomark/assets/images/icons/icon-person.svg) center no-repeat;
  width: 24px;
  height: 18px;
  background-size: contain;
  margin-right: 3px;
}
footer a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
footer ul {
  padding: 0;
  list-style: none;
}
footer p {
  font-size: 14px;
}
@media (max-width: 1513px) {
  .hand-img {
    width: 80%;
  }
}
@media (max-width: 1199.98px) {
  .hand-bleed {
    display: none;
  }
}
@media (max-width: 991.98px) {
  .cta-text {
    text-align: left;
  }
}
@media (max-width: 991.98px) {
  .cencomark-wrap {
    max-width: 100%;
  }
  .action._a-2 ._text-action {
    margin: 10px auto;
  }
  .btn.btn-action {
    margin-top: 15px;
  }
  .sobre-nos-lojas::before {
    content: "";
    background: transparent;
  }
  section h2 {
    font-size: 30px;
    line-height: 30px;
  }
  .sobre-nos-lojas {
    padding: 40px;
  }
  .sobre-nos-rede .box-sobre-nos-rede {
    margin-top: 0;
  }
  .cencomark-wrap {
    padding: 60px 20px 115px;
  }
}
.lang-dd {
  position: relative;
  display: inline-block;
}
.lang-dd__btn {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #ffffff4e;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.lang-dd__menu {
  position: absolute;
  right: 0;
  top: calc(100% + 6px);
  list-style: none;
  padding: 6px;
  margin: 0;
  background: #fff;
  border-radius: 12px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
  display: none;
  z-index: 9999;
}
.lang-dd.is-open .lang-dd__menu {
  display: block;
}
.lang-dd__item {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 8px 12px;
  text-align: left;
  cursor: pointer;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
}
.lang-dd__item:hover {
  background: rgba(0, 0, 0, 0.05);
}
.goog-te-banner-frame.skiptranslate {
  display: none !important;
}
body {
  top: 0 !important;
}
html {
  margin-top: 0 !important;
}
iframe {
  display: none !important;
}
/* Mobile */
@media (max-width: 768px) {
  .lang-dd {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
  }
}