html,
body {
  width: 100%;
}

[data-animate]:not(.animated, .animate__animated) {
  opacity: 0;
}

@media (min-width: 1200px) {
  .container {
    max-width: 1170px;
  }
}
.editor__content {
  padding-top: var(--editor__content-padding-top);
  padding-bottom: var(--editor__content-padding-bottom);
  margin-bottom: var(--editor__content-margin-bottom, 30px);
}
.editor__content::after {
  content: "";
  display: table;
  clear: both;
}
.editor__content img {
  max-width: 100%;
  height: auto;
}
.editor__content iframe {
  width: calc(100% - var(--bs-gutter-x));
  max-width: 970px;
  height: auto;
  aspect-ratio: 16/9;
  display: block;
  margin: 1rem auto;
  border-radius: 1rem;
}

p::after {
  content: "";
  display: table;
  clear: both;
}

.alignleft,
.alignright {
  margin: 1rem;
}

.alignleft {
  float: left;
  margin-left: 0;
}

.alignright {
  float: right;
  margin-right: 0;
}

.aligncenter {
  display: block;
  margin: 1rem auto;
}

.owl-stage {
  display: flex;
}
.owl-stage .owl-item {
  flex-shrink: 0;
}

.mb-30 {
  margin-bottom: var(--bs-gutter-x);
}

.form-group {
  margin-bottom: var(--form-group-margin-bottom, 1rem);
}

.card__plataforma {
  display: flex;
  width: 100%;
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
  min-height: 435px;
  margin-top: 165px;
  background-color: var(--card__plataforma-bg-color, #090708);
  color: var(--card__plataforma-color, #FFF);
  font-size: var(--card__plataforma-font-size, 24px);
  box-shadow: var(--card__plataforma-box-shadow, 0px 0px 50px 20px #DF5F0B);
  border-radius: var(--card__plataforma-border-radius, 15px);
}
.card__plataforma .btn {
  --bs-btn-border-color: var(--card__plataforma-btn-border-color, #DF5F0B);
  --bs-btn-color: var(--card__plataforma-btn-color, #DF5F0B);
  --bs-btn-bg: var(--card__plataforma-btn-bg, transparent);
  --bs-btn-border-width: var(--card__plataforma-btn-border-width, 2px);
  --bs-btn-font-size: var(--card__plataforma-btn-font-size, 18px);
  --bs-btn-font-weight: var(--card__plataforma-btn-font-weight, 700);
  --bs-btn-padding-x: var(--card__plataforma-btn-padding-x, 18px);
  --bs-btn-padding-y: var(--card__plataforma-btn-padding-y, 12px);
  --bs-btn-hover-bg: var(--card__plataforma-btn-hover-bg, #DF5F0B);
  --bs-btn-hover-color: var(--card__plataforma-btn-hover-color, #FFF);
}
@media (max-width: 767px) {
  .card__plataforma {
    flex-direction: column;
  }
  .card__plataforma .card__body {
    padding: 20px;
    text-align: center;
  }
  .card__plataforma .card__img {
    position: relative;
    border-top-left-radius: var(--card__plataforma-border-radius);
    border-top-right-radius: var(--card__plataforma-border-radius);
    max-height: 453px;
    overflow: hidden;
  }
  .card__plataforma .card__img::before {
    content: "";
    padding-bottom: 100%;
    display: block;
  }
}
@media (min-width: 768px) {
  .card__plataforma {
    flex-direction: row-reverse;
  }
  .card__plataforma .card__body,
  .card__plataforma .card__img {
    width: 50%;
  }
  .card__plataforma .card__body {
    padding: 40px 20px;
  }
  .card__plataforma .card__img {
    border-top-right-radius: var(--card__plataforma-border-radius);
    border-bottom-right-radius: var(--card__plataforma-border-radius);
  }
}

.card__img {
  background-position: center center;
  background-size: cover;
}

.card__title {
  color: var(--card__plataforma-title-color) !important;
  font-weight: var(--card__plataforma-title-font-weight) !important;
  font-size: var(--card__plataforma-title-font-size) !important;
  display: flex;
  gap: 16px;
  align-items: center;
  margin-bottom: 30px;
  text-align: left;
}
.card__title img {
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .card__title {
    flex-direction: column;
    text-align: center;
  }
}

.card__content {
  margin-bottom: 30px;
}

.depoimento {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.depoimento__text {
  color: var(--depoimento__text-color, #FFF);
  font-size: var(--depoimento__text-font-size, 1rem);
  font-weight: var(--depoimento__text-font-weight, 400);
  background-color: var(--depoimento__text-bg, #222);
  border-radius: var(--depoimento__text-border-radius, 0.5rem);
  padding: var(--depoimento__text-padding, 1rem);
  flex-grow: 1;
}

.depoimento__autor {
  color: var(--depoimento__autor-color);
  font-size: var(--depoimento__autor-font-size);
  font-weight: var(--depoimento__autor-font-weight);
}

.owl-depoimentos .owl-item {
  display: flex;
  max-width: 100%;
}
.owl-depoimentos .depoimento {
  flex-grow: 1;
}
.owl-depoimentos .owl-nav {
  font-size: 30px;
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 30px;
}
@media (min-width: 767px) {
  .owl-depoimentos .owl-nav {
    display: none;
  }
}
.owl-depoimentos .owl-next span,
.owl-depoimentos .owl-prev span {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.375rem 0.75rem !important;
  font-weight: bold;
  line-height: 1.5;
  background: var(--owl-carousel-nav-bg, #DF5F0B) !important;
  color: var(--owl-carousel-nav-color, #FFF) !important;
  border-radius: var(--owl-carousel-nav-radius, 4px);
  transition: background 0.3s linear, color 0.3s linear;
}
.owl-depoimentos .owl-next.disabled,
.owl-depoimentos .owl-prev.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.owl-depoimentos .owl-dots {
  display: flex;
  justify-content: center;
  gap: 1rem;
  margin-top: 30px;
}
@media (max-width: 768px) {
  .owl-depoimentos .owl-dots {
    display: none;
  }
}
.owl-depoimentos .owl-dot span {
  display: block;
  width: var(--owl-carousel-dot-size, 16px);
  height: var(--owl-carousel-dot-size, 16px);
  background: var(--owl-carousel-dot-bg, #DF5F0B);
  border-radius: var(--owl-carousel-dot-radius, 50%);
  transition: background 0.3s linear;
}
.owl-depoimentos .owl-dot.active span {
  background: var(--owl-carousel-dot-hover-bg, #DF5F0B);
}

.cases {
  position: relative;
}

.nav__cases {
  list-style: none;
  display: flex;
  flex-direction: row-reverse;
  white-space: nowrap;
  gap: 1rem;
  overflow: auto;
  justify-content: space-between;
  margin-bottom: 70px;
  padding: 1rem 0;
  background: var(--cases__nav-bg);
  position: sticky;
  top: 0;
  z-index: 5;
}

.nav__case__link {
  text-decoration: none;
  color: var(--case__nav__link-color);
  font-size: var(--case__nav__link-font-size);
  font-weight: var(--case__nav__link-font-weight);
  background: var(--case__nav__link-bg);
  transition: color 0.3s linear, background 0.3s linear;
  padding: 0.375rem 0.75rem;
  display: block;
  border-radius: var(--case__nav__link-radius);
}
.nav__case__link.active, .nav__case__link--active {
  color: var(--case__nav__link-active-color);
  background: var(--case__nav__link-active-bg);
}
@media (hover: hover) {
  .nav__case__link:hover {
    color: var(--case__nav__link-active-color);
    background: var(--case__nav__link-active-bg);
  }
}

.cases__container {
  --cases-columns: 2;
  --case-max-width: calc(
      (100% - (
          (
              var(--cases-columns) - 1
          )* var(--cases-gap, var(--bs-gutter-x))
      )) / var(--cases-columns)
  );
  display: flex;
  gap: var(--cases-gap, var(--bs-gutter-x));
  flex-wrap: wrap;
}
@media (min-width: 578px) {
  .cases__container {
    --cases-columns: 2;
  }
}
@media (min-width: 768px) {
  .cases__container {
    --cases-columns: 3;
  }
}
@media (min-width: 992px) {
  .cases__container {
    --cases-columns: 4;
  }
}
.cases__container:empty {
  padding-top: 60px;
  padding-bottom: 60px;
}
.cases__container:empty::before {
  content: "";
  display: block;
  width: 60px;
  height: 60px;
  margin: auto;
  border-width: 5px;
  border-color: var(--bs-primary);
  border-style: solid;
  border-left-color: transparent;
  animation: spinner-border 0.75s linear infinite;
  border-radius: 50%;
}
.cases__container:empty::after {
  content: "Carregando...";
  display: block;
  text-align: center;
  width: 100%;
  animation: pulse 0.75s linear infinite;
}

.case {
  width: 100%;
  max-width: var(--case-max-width, 270px);
}
.case img {
  max-width: 100%;
  height: auto;
}

[data-ytb] {
  background-color: #000;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
  position: relative;
}
[data-ytb]:hover {
  --filter: gray-scale(0);
}
@supports (aspect-ratio: 16/9) {
  [data-ytb] {
    aspect-ratio: 16/9;
  }
}
@supports not (aspect-ratio: 16/9) {
  [data-ytb]::before {
    content: "";
    display: block;
    padding-bottom: 56.25%;
  }
}
[data-ytb]::after {
  content: "";
  display: block;
  width: 68px;
  height: 48px;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-size: 100% 100%;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 68 48"><path d="M66.52 7.74c-.78-2.93-2.49-5.41-5.42-6.19C55.79.13 34 0 34 0S12.21.13 6.9 1.55c-2.93.78-4.63 3.26-5.42 6.19C.06 13.05 0 24 0 24s.06 10.95 1.48 16.26c.78 2.93 2.49 5.41 5.42 6.19C12.21 47.87 34 48 34 48s21.79-.13 27.1-1.55c2.93-.78 4.64-3.26 5.42-6.19C67.94 34.95 68 24 68 24s-.06-10.95-1.48-16.26z" fill="red"/><path d="M45 24 27 14v20" fill="white"/></svg>');
  filter: var(--filter, grayscale(100%));
  transition: filter 0.3s cubic-bezier(0, 0, 0.2, 1);
  position: absolute;
}

.modal__ytb {
  --bs-modal-border-radius: 0;
  --bs-modal-bg: rgba(255, 255, 255, 0.8);
  --bs-modal-padding: 0;
  --bs-modal-height: calc(100vh - (var(--bs-modal-margin) * 2));
  --bs-modal-width: calc(
      (16 / 9) * var(--bs-modal-height)
  );
}
.modal__ytb .modal-content {
  height: var(--bs-modal-height);
}
.modal__ytb .modal-body {
  position: relative;
  background-color: #222;
}

.accordion__faq {
  display: flex;
  flex-direction: column;
  gap: var(--faq-gap, var(--bs-gutter-x));
  --bs-accordion-border-width: var(--faq-border);
  --bs-accordion-border-radius: var(--faq-radius);
  --bs-accordion-inner-border-radius: var(--faq-radius);
  --bs-accordion-btn-icon: var(--faq-icon);
  --bs-accordion-btn-active-icon: var(--faq-active-icon);
  --bs-accordion-btn-bg: var(--faq-btn-bg);
  --bs-accordion-active-bg: var(--faq-btn-active-bg, $primary);
  --bs-accordion-active-color: var(--faq-btn-active-color, #FFF);
  --bs-accordion-btn-icon-transform: rotate(90deg);
}
.accordion__faq .accordion-button {
  font-weight: var(--faq-btn-font-weight, 400);
}
.accordion__faq .accordion-item {
  display: flex;
  flex-direction: column;
  background: transparent;
  gap: var(--faq-gap, var(--bs-gutter-x));
}
.accordion__faq .accordion-collapse {
  background: var(--faq-accordion-collapse-bg);
  color: var(--faq-accordion-collapse-color);
}

@media (min-width: 768px) {
  .topo {
    position: absolute;
    width: 100%;
    left: 0;
    top: 33px;
    z-index: 10;
  }
}
@media (max-width: 767px) {
  .topo {
    padding-y: var(--topo-mobile-padding-y, 10px);
    background: var(--topo-mobile-background, #000);
  }
}
@media (max-width: 992px) {
  .topo {
    text-align: center;
  }
}
.hero {
  overflow: hidden;
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  font-size: var(--hero-font-size, clamp(20px, 0.998rem + 1.0753vw, 25px));
  color: var(--hero-color, #FFF);
  font-weight: var(--hero-font-weight, 400);
  background-color: var(--hero-background-color, #000);
  background-image: var(--hero-background-image);
  background-size: var(--hero-background-size, cover);
  background-position: var(--hero-background-postion, center top);
  --editor__content-margin-bottom: 40px;
}
.hero .btn {
  --bs-btn-border-color: var(--hero-btn-border-color, #DF5F0B);
  --bs-btn-color: var(--hero-btn-color, #DF5F0B);
  --bs-btn-border-width: var(--hero-btn-border-width, 2px);
  --bs-btn-padding-y: var(--hero-btn-padding-y, 12px);
  --bs-btn-padding-x: var(--hero-btn-padding-x, 17px);
  --bs-btn-font-weight: var(--hero-btn-font-weight, 700);
  --bs-btn-font-size: var(--hero-btn-font-size, 18px);
  --bs-btn-hover-color: var(--hero-btn-hover-color, #FFF);
  --bs-btn-hover-bg: var(--hero-btn-hover-bg, #DF5F0B);
}
.hero h1,
.hero h2 {
  color: var(--hero-h1-color, inherit);
  margin-bottom: var(--hero-h1-margin-bottom, 20px);
  font-weight: var(--hero-h1-font-weight, 700);
  font-size: var(--hero-h1-font-size, clamp(30px, 0.8669rem + 4.3011vw, 50px));
}

@media (max-width: 768px) {
  .hero {
    text-align: center;
    padding-top: var(--hero-mobile-padding-top, 80px);
    padding-bottom: var(--hero-mobile-padding-bottom, 0);
  }
}
@media (min-width: 769px) {
  .hero {
    padding-top: var(--hero-desktop-padding-top, 73px);
    padding-bottom: var(--hero-desktop-padding-bottom, 0);
  }
  .hero__content {
    padding-top: 230px;
    padding-bottom: 105px;
  }
}
@media (max-width: 992px) {
  .hero {
    text-align: center;
  }
}
.section {
  padding-top: var(--section-padding-top, 60px);
  padding-bottom: var(--section-padding-bottom, 60px);
  color: var(--section-color, #000);
  font-size: var(--section-font-size, 20px);
  background-color: var(--section-bg-color, #FFF);
  background-image: var(--section-bg-image, none);
  background-position: var(--section-bg-position, center top);
  background-size: var(--section-bg-size);
}
.section h1, .section h2 {
  font-size: clamp(30px, 12.5vw, var(--section-h2-font-size));
  font-weight: var(--section-h2-font-weight);
  color: var(--section-h2-color);
  margin-bottom: var(--section-h2-margin-bottom, 30px);
  text-align: var(--section-h2-text-align);
}
.section h1 strong, .section h2 strong {
  color: var(--section-h2-strong-color, inherit);
}

.section--1 {
  --section-padding-top: 70px;
  --section-padding-bottom: 80px;
  --section-color: #FFF;
  --section-font-size: clamp(16px, 0.6976rem + 1.2903vw, 22px);
  --section-bg-color: #000;
  --section-bg-image: none;
  --section-bg-position: center top;
  --section-bg-size: cover;
  --section-h2-font-size: 40px;
  --section-h2-font-weight: 700;
  --section-h2-color: #FFF;
}

.section--2 {
  --section-padding-top: 0;
  --section-padding-bottom: 0;
  --section-color: #FFF;
  --section-font-size: clamp(16px, 0.6976rem + 1.2903vw, 22px);
  --section-bg-color: rgba(223, 95, 11, 0.9);
  --section-bg-image: none;
  --section-bg-position: center top;
  --section-bg-size: cover;
  --section-h2-font-size: clamp(30px, 1.371rem + 2.1505vw, 40px);
  --section-h2-font-weight: 700;
  --section-h2-color: #FFF;
  --editor__content-margin-bottom: 40px;
}
.section--2 .text__area {
  padding-top: 60px;
  padding-bottom: 60px;
}
.section--2 .btn {
  --bs-btn-border-width: var(--section-btn-border-width, 2px);
  --bs-btn-padding-x: var(--section-btn-padding-x, 18px);
  --bs-btn-padding-y: var(--section-btn-padding-y, 12px);
  --bs-btn-font-weight: var(--section-btn-font-weight, 700);
  --bs-btn-font-size: var(--section-btn-font-size, 18px);
  --bs-btn-color: var(--section-btn-color, #000);
  --bs-btn-border-color: var(--section-btn-border-color, #000);
  --bs-btn-bg: var(--section-btn-bg, transparent);
  --bs-btn-hover-border-color: var(--section-btn-hover-border-color, #000);
  --bs-btn-hover-color: var(--section-btn-hover-color, #FFF);
  --bs-btn-hover-bg: var(--section-btn-hover-bg, #000);
}
@media (max-width: 991px) {
  .section--2 .image__area img {
    max-width: 100%;
    height: auto;
  }
}
@media (min-width: 992px) {
  .section--2 .image__area {
    position: relative;
    min-height: 505px;
  }
  .section--2 .image__area img {
    position: absolute;
    left: 0;
    bottom: 0;
  }
}

.section--3 {
  --section-padding-top: 105px;
  --section-padding-bottom: 136px;
  --section-bg-color: #000;
  --section-color: #FFF;
  --section-h2-font-size: clamp(25px, 1.0585rem + 2.1505vw, 35px);
  --section-h2-margin-bottom: 45px;
}

.section--4 {
  --section-padding-top: 0;
  --section-padding-bottom: 0;
  --section-color: #FFF;
  --section-bg-color: #000;
  --section-h2-color: #DF5F0B;
  --section-h2-font-weight: 700;
  --section-h2-font-size: 30px;
}
.section--4 h2, .section--4 h1 {
  font-size: var(--section-h2-font-size);
  font-weight: var(--section-h2-font-weight);
  color: var(--section-h2-color);
}
.section--4 .text__area {
  padding-top: 80px;
  padding-bottom: 80px;
}
.section--4 .btn {
  --bs-btn-border-color: var(--section-btn-border-color, #DF5F0B);
  --bs-btn-color: var(--section-btn-color, #DF5F0B);
  --bs-btn-bg: var(--section-btn-bg, transparent);
  --bs-btn-hover-bg: var(--section-btn-hover-bg, #DF5F0B);
  --bs-btn-hover-color: var(--section-btn-hover-color, #FFF);
  --bs-btn-border-width: var(--section-btn-border-width, 2px);
  --bs-btn-font-size: var(--section-btn-font-size, 18px);
  --bs-btn-padding-y: var(--section-btn-padding-y, 12px);
  --bs-btn-padding-x: var(--section-btn-padding-x, 18px);
  --bs-btn-font-weight: var(--section-btn-font-weight, 700);
}

.section--5 {
  --section-bg-color: #000;
  --section-color: #FFF;
  --section-h2-color: #FFF;
  --section-h2-font-size: clamp(25px, 1.0585rem + 2.1505vw, 35px);
  --section-h2-text-align: center;
  --section-h2-strong-color: #DF5F0B;
}

.section--6 {
  --section-bg-color: #000;
  --section-color: #FFF;
  --section-padding-top: 120px;
  --section-padding-bottom: 120px;
  --section-h2-text-align: center;
  --section-h2-font-size: clamp(25px, 1.0585rem + 2.1505vw, 35px);
  --section-h2-strong-color: #DF5F0B;
  --section-h2-margin-bottom: 110px;
}

.section--7 {
  --section-bg-color: #000;
  --section-color: #FFF;
  --section-h2-font-size: clamp(25px, 1.0585rem + 2.1505vw, 35px);
  --section-h2-text-align: center;
  --section-h2-strong-color: #DF5F0B;
}

.section--8 {
  --section-bg-color: #000;
  --section-color: #FFF;
  --section-h2-font-size: clamp(25px, 1.0585rem + 2.1505vw, 35px);
  --section-h2-strong-color: #DF5F0B;
}

.rodape {
  color: var(--rodape-color, #FFF);
  background-color: var(--rodape-background-color, #2D241A);
  padding-top: var(--rodape-padding-top, 92px);
  padding-bottom: var(--rodape-padding-bottom, 36px);
  background-size: var(--rodape-background-size, cover);
  background-position: var(--rodape-background-position, center top);
}
.rodape textarea.form-control {
  height: 166px;
}
.rodape a {
  color: var(--rodape-link-color);
}
.rodape a:hover {
  color: var(--rodape-link-hover-color);
}
.rodape .contato svg {
  color: var(--rodape-svg-color);
  flex-shrink: 0;
  margin-right: 1ch;
}
.rodape .contato__item {
  display: grid;
  grid-template-columns: calc(1em + 1ch) calc(100% - 1em - 1ch);
}
.rodape .contato__item__content {
  overflow: hidden;
  text-overflow: ellipsis;
}

.phone__numbers {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1rem;
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
}
.phone__numbers li {
  display: flex;
}
.phone__numbers li + li::before {
  content: "|";
  display: inline-block;
  margin: 0 1ch;
}

.rodape__text--1 {
  --editor__content-margin-bottom: 50px;
  color: var(--rodape__text--1-color);
  font-size: var(--rodape__text--1-font-size);
}
.rodape__text--1 h1, .rodape__text--1 h2 {
  font-size: var(--rodape__text--1-h2-font-size);
  font-weight: var(--rodape__text--1-h2-font-weight);
  margin-bottom: var(--rodape__text--1-h2-margin-bottom);
}
.rodape__text--1 strong {
  color: var(--rodape__text--1-strong-color);
}

.rodape__text--2 {
  --editor__content-margin-bottom: 70px;
  color: var(--rodape__text--2-color);
  font-size: var(--rodape__text--2-font-size);
}
.rodape__text--2 h1, .rodape__text--2 h2 {
  font-size: var(--rodape__text--2-h2-font-size);
  font-weight: var(--rodape__text--2-h2-font-weight);
  margin-bottom: var(--rodape__text--2-h2-margin-bottom);
}
.rodape__text--2 strong {
  color: var(--rodape__text--2-strong-color);
}

.rodape .form .btn {
  --bs-btn-border-color: var(--rodape-btn-enviar-border-color, #FFF);
  --bs-btn-border-width: var(--rodape-btn-enviar-border-width, 2px);
  --bs-btn-font-size: var(--rodape-btn-enviar-font-size, 18px);
  --bs-btn-color: var(--rodape-btn-enviar-color, #FFF);
  --bs-btn-font-weight: var(--rodape-btn-enviar-font-weight, 400);
  --bs-btn-padding-y: var(--rodape-btn-enviar-padding-y, 12px);
  --bs-btn-padding-x: var(--rodape-btn-enviar-padding-x, 17px);
  --bs-btn-hover-bg: var(--rodape-btn-enviar-hover-bg, #DF5F0B);
  --bs-btn-hover-color: var(--rodape-btn-enviar-hover-color, #FFF);
  --bs-btn-hover-border-color: var(--rodape-btn-enviar-hover-border-color, #DF5F0B);
  width: 100%;
  max-width: 150px;
}

.creditos {
  margin-top: 105px;
  font-size: var(--creditos-font-size);
  color: var(--creditos-color);
  display: flex;
  gap: 1rem;
}
@media (max-width: 768px) {
  .creditos {
    flex-direction: column;
    text-align: center;
  }
}
@media (min-width: 768px) {
  .creditos {
    justify-content: space-between;
    align-items: flex-end;
  }
}
.creditos a {
  color: var(--creditos-link-color);
  text-decoration: none;
}
.creditos a:hover {
  color: var(--creditos-link-hover-color);
}
.creditos svg {
  color: var(--logo-kryzalis-color, #DF5F0B);
  vertical-align: bottom;
  margin-left: 1ch;
}