/*
Theme Name: Dental Office
Theme URI: http://www.agenciafante.com.br/
Author: Agência Fante
Author URI: http://www.agenciafante.com.br/
Description: Tema desenvolvido por Fante.
Version: 1.0
*/

:root {
  --primary-color: #743bbc;
  --secundary-color: #ef4e72;
  --bg-white-color: #f3f3f3;
  --bg-gray-color: #ececec;
  --primary-light-color: rgba(116, 59, 188, 0.06);
  --primary-border-color: rgba(116, 59, 188, 0.2);
  --type-gray-color: #332d2f;
  --type-white-color: #fff;
  --type-purple-color: #743bbc;
  --btn-primary-color: #743bbc;
}

[data-theme="dark"] {
  --primary-color: #1b1b1b;
  --secundary-color: #ef4e72;
  --bg-white-color: #282828;
  --bg-gray-color: #212121;
  --primary-light-color: rgba(0, 0, 0, 0.16);
  --primary-border-color: rgba(255, 255, 255, 0.1);
  --type-gray-color: #fff;
  --type-white-color: #fff;
  --type-purple-color: #fff;
  --btn-primary-color: #743bbc;
}

@font-face {
  font-family: "Citrine";
  src: url("font/Citrine-Medium.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
  ascent-override: 100%;
}

@font-face {
  font-family: "Citrine";
  src: url("font/Citrine-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
  ascent-override: 100%;
}

@font-face {
  font-family: "Figtree";
  src: url("font/Figtree-Regular.woff2") format("woff2");
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "Figtree";
  src: url("font/Figtree-Bold.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

[id],
[name] {
  scroll-margin-top: calc($(".header") .height() + 10px);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
}

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

del {
  text-decoration: line-through;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

table tr {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

table tr:last-child {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

table td {
  padding: 20px;
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

table td:last-child {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body,
html {
  width: 100%;
  margin: 0;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Figtree";
  line-height: 1;
  overflow-x: hidden;
  background-color: var(--bg-gray-color);
}

input,
textarea,
select,
button {
  font-family: "Figtree";
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 0;
}

a[href^="tel"] {
  color: inherit;
  text-decoration: none;
}

img,
svg {
  width: 100%;
  max-width: 100%;
  height: auto;
  border: none;
}

strong.destaque {
  color: #FB4254;
  font-size: 1.1em;
}

div.image,
span.image {
  display: block;
  position: relative;
  background-color: rgba(0, 0, 0, 0);
}

div.image img,
span.image img {
  width: 100%;
  display: block;
}

div.image img {
  width: 100%;
  display: block;
}

div.image.filter {
  overflow: hidden;
  border-radius: 10px;
}

div.image.filter::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  background: rgb(116, 59, 188);
  background: linear-gradient(
      290deg,
      rgba(116, 59, 188, 0) 40%,
      rgba(116, 59, 188, 0.3) 60%
    ),
    linear-gradient(
      114deg,
      rgba(240, 77, 113, 0) 40%,
      rgba(240, 77, 113, 0.2) 60%
    );
}

div.image.filter img {
  height: 100%;
  object-fit: cover;
}

div.icon,
span.icon {
  min-width: 60px;
  max-width: 60px;
  min-height: 60px;
  max-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  border-radius: 50%;
  margin: 0;
  background-color: rgba(116, 59, 188, 0.9);
  transition: ease 0.3s;
}

div.icon-s,
span.icon-s {
  background: linear-gradient(
    90deg,
    rgba(142, 73, 252, 1) 0%,
    rgba(255, 67, 85, 1) 100%
  );
}

div.icon-s img,
span.icon-s img {
  filter: brightness(0) invert(1);
}

.main-m div.icon-s,
.main-m span.icon-s {
  background: linear-gradient(
    90deg,
    rgba(40, 200, 154, 1) 0%,
    rgba(116, 59, 188, 1) 100%
  );
}

.main-e div.icon-s,
.main-e span.icon-s {
  background: linear-gradient(
    90deg,
    rgba(255, 195, 77, 1) 0%,
    rgba(116, 59, 188, 1) 100%
  );
}

div.icon img,
span.icon img {
  width: 26px;
  display: block;
}

.line::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 50%;
  width: 90%;
  max-width: 1216px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0.1);
  transform: translateX(-50%);
}

[data-theme="dark"] .line::before {
  background-color: rgba(255, 255, 255, 0.1);
}

.bg-s {
  background: linear-gradient(
    90deg,
    rgba(142, 73, 252, 1) 0%,
    rgba(255, 67, 85, 1) 100%
  );
}

.main-m .bg-s {
  background: linear-gradient(
    90deg,
    rgba(40, 200, 154, 1) 0%,
    rgba(116, 59, 188, 1) 100%
  );
}

.main-e .bg-s {
  background: linear-gradient(
    90deg,
    rgba(255, 195, 77, 1) 0%,
    rgba(116, 59, 188, 1) 100%
  );
}

[data-theme="dark"] .bg-s {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.font-w .title-common,
.font-w h1,
.font-w h2,
.font-w h3,
.font-w p {
  color: var(--type-white-color);
}

a.play-modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  overflow: hidden;
  text-indent: -999px;
  border-radius: 50%;
  background-color: var(--btn-primary-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8 17.175V6.825q0-.425.3-.713t.7-.287q.125 0 .263.037t.262.113l8.15 5.175q.225.15.338.375t.112.475t-.112.475t-.338.375l-8.15 5.175q-.125.075-.262.113T9 18.175q-.4 0-.7-.288t-.3-.712'/%3E%3C/svg%3E");
  background-size: 30px auto;
  background-position: center;
  background-repeat: no-repeat;
  transition: ease 0.4s;
  z-index: 2;
}

a.play-modal:hover {
  box-shadow: 0px 0px 0px 15px var(--primary-border-color);
  transform: translate(-50%, -50%) scale(1.02);
}

a {
  text-decoration: none;
}

::-moz-selection {
  color: var(--type-white-color);
  background: #3a3b3b;
}

::selection {
  color: var(--type-white-color);
  background: #3a3b3b;
}

/* Clearfix */

.clearfix::before,
.clearfix::after {
  content: "";
  display: table;
}

.clearfix::after {
  clear: both;
}

/* Preloader 

#preloader {
  display: block;
  position: fixed;
  opacity: 1;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: var(--bg-white-color);
  z-index: 101;
}

.anime-start #preloader {
  animation: fadeOuts 1s;
  animation-fill-mode: forwards;
}

@keyframes fadeOuts {
  15% {
    opacity: 0;
  }
  100% {
    opacity: 0;
    transform: scale(0);
  }
}

#status {
  position: relative;
  width: 40px;
  height: 40px;
  left: 50%;
  top: 50%;
  margin: 0;
  text-align: center;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.double-bounce1,
.double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: var(--btn-primary-color);
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
} */

/* Grid */

.col-af {
  width: 100%;
  height: auto;
  position: relative;
  padding: 80px 0;
  background-color: var(--bg-white-color);
}

.col-af.col-af-editor {
  background-color: var(--bg-gray-color);
}

.col-af-content {
  width: 90%;
  max-width: 1216px;
  margin: 0 auto;
}

@media screen and (max-width: 991px) {
  .col-af-slide {
    width: 95%;
    margin-left: 5%;
  }
}

/* Button */

.btn,
.comments input[type="submit"],
input[type="submit"] {
  font-family: "Citrine";
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 700;
  min-width: 200px;
  line-height: 1;
  color: var(--type-white-color);
  border: 0;
  text-align: center;
  margin: 0;
  background: var(--btn-primary-color);
  padding: 18px 20px;
  transition: all 0.3s;
  border-radius: 40px;
}

.comments input[type="submit"] {
  float: right;
  margin: 30px 0 0;
}

.btn-white {
  color: var(--btn-primary-color);
  background: #fff;
}

.btn-outline {
  color: var(--btn-primary-color);
  border: 1.5pt solid var(--btn-primary-color);
  background: transparent;
}

[data-theme="dark"] .btn-outline {
  color: var(--type-white-color);
  border: 1.5pt solid #fff;
  background: transparent;
}

.btn-outline.btn-white {
  color: var(--type-white-color);
  border: 1.5pt solid #fff;
  background: transparent;
}

.btn-ghost {
  background-color: var(--primary-light-color);
  color: var(--type-purple-color);
  border-color: transparent;
  border-radius: 10px;
  text-align: left;
}

.btn-software {
  background: linear-gradient(
    90deg,
    rgba(142, 73, 252, 1) 0%,
    rgba(255, 67, 85, 1) 100%
  );
}

.btn-mentoria {
  background: linear-gradient(
    90deg,
    rgba(40, 200, 154, 1) 0%,
    rgba(116, 59, 188, 1) 100%
  );
}

.btn-escola {
  background: linear-gradient(
    90deg,
    rgba(255, 195, 77, 1) 0%,
    rgba(116, 59, 188, 1) 100%
  );
}

.btn svg {
  width: 16px;
  display: inline-block;
  margin: 0 10px 0 0;
  fill: var(--type-purple-color);
}

.btn img {
  width: 20px;
  display: inline-block;
  margin: 0 10px 0 0;
}

[data-theme="dark"] .btn img {
  filter: brightness(0) invert(1);
}

.btn span {
  position: absolute;
  right: 20px;
  top: -7px;
  font-family: "Citrine";
  color: var(--type-white-color);
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 15px;
  background-color: var(--btn-primary-color);
}

.btn.secundary span {
  background-color: var(--secundary-color);
}

a.btn:hover,
input.btn:hover,
.comments input[type="submit"]:hover,
input[type="submit"]:hover {
  cursor: pointer;
  box-shadow: 0px 0px 0px 6px var(--primary-border-color);
  transform: scale(1.02);
}

a.btn-ghost:hover,
a.filtro-btn.active {
  background-color: var(--primary-color);
  color: var(--type-white-color);
}

a.btn-ghost:hover img {
  filter: brightness(0) invert(1);
}

.btn.btn-white:hover {
  box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.2);
}

span.title-common {
  display: block;
  font-size: 0.919em;
  font-weight: 400;
  color: var(--type-purple-color);
  margin: 0 0 30px;
}

.title-common,
h1,
h2,
h3,
h4,
h5 {
  font-family: "Citrine";
  font-size: 36px;
  font-weight: 700;
  color: var(--type-purple-color);
  line-height: 1.3;
  margin: 0 0 30px;
}

h1,
.hero h2 {
  font-size: 48px;
  line-height: 0.95;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 14px;
}

p {
  font-size: 1.031em;
  font-weight: 400;
  color: var(--type-gray-color);
  opacity: 0.85;
  line-height: 1.5;
  margin: 0;
}

@media screen and (max-width: 991px) {
  .col-af {
    padding: 60px 0;
  }

  a.btn {
    display: block;
    width: 100%;
    min-width: 100px;
  }

  .title-common,
  h1,
  .hero h2 {
    font-size: 34px;
  }

  h2 {
    font-size: 28px;
  }

  h3,
  h4 {
    font-size: 15px;
  }
}

/* WhatsApp */

.wpp-btn {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  overflow: hidden;
  z-index: 99;
  background-color: #01d14f;
  transition: ease 0.4s;
  border: 4px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.3);
}

.wpp-btn:hover {
  transform: scale(1.05);
}

.wpp-btn img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Cookie */

.cookies-container {
  position: fixed;
  width: 100%;
  max-width: 270px;
  margin: 0;
  bottom: 1.5rem;
  right: 1.5rem;
  z-index: 100;
}

.cookies-content {
  background: #fff;
  width: 100%;
  padding: 20px;
  margin: 0 auto;
  display: block;
  position: relative;
  border: 1px solid rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.1);
  border-radius: 2px;
}

.cookies-content p {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

.cookies-content a {
  display: inline-block;
  text-decoration: underline;
  color: inherit;
}

.cookies-content .cookies-save {
  color: #282828;
  display: block;
  cursor: pointer;
  font-weight: 600;
  border: 0;
  outline: 0;
  padding: 0;
  margin: 10px 0 0;
  background-color: transparent;
}

.cookies-content .cookies-save:hover {
  text-decoration: underline;
}

.cookies-pref {
  display: none;
}

@media screen and (max-width: 991px) {
  .cookies-container {
    width: calc(100% - 3rem);
    max-width: 100%;
    bottom: 1.5rem;
    right: 1.5rem;
  }

  .cookies-content {
    text-align: center;
  }

  .cookies-content .cookies-save {
    margin: 10px auto 0;
  }
}

/* Header */

.header {
  width: 100%;
  height: auto;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 9;
  background-color: var(--bg-gray-color);
  transition: ease 0.3s;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.header.header-is-visible {
  box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.1);
}

.admin-bar .header {
  top: 32px;
}

.header .col-af-content {
  height: 90px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.buttons {
  display: flex;
}

.buttons .btn {
  flex: none;
  width: auto;
  min-width: 160px;
  padding: 12px 16px;
  margin: 0 0 0 10px;
}

.buttons.mobile {
  display: none;
}

@media screen and (max-width: 991px) {
  .buttons:not(.mobile) .btn-outline {
    display: none;
  }
}

/* Logo */

.logo {
  display: block;
  width: 210px;
  min-width: 210px;
  max-width: 210px;
}

.logo img {
  display: block;
  width: 100%;
  margin: 0;
}

[data-theme="dark"] .logo img {
  filter: brightness(0) invert(1);
}

@media screen and (max-width: 1268px) {
  .logo {
    position: absolute;
    left: 0;
  }
  .buttons:not(.mobile) {
    position: absolute;
    right: 50px;
  }
}

@media screen and (max-width: 991px) {
  .header .col-af-content {
    height: 65px;
  }

  .buttons:not(.mobile) .btn {
    min-width: auto;
    padding: 10px 15px;
    font-size: 10px;
  }

  .logo {
    width: 160px;
    min-width: 160px;
    max-width: 160px;
  }
}

/* Nav */

.nav {
  width: 100%;
  float: right;
  margin: 0;
  text-align: center;
}

.nav ul {
  margin: 0 auto;
  padding: 0;
}

.nav li {
  display: inline-block;
  line-height: 90px;
  text-align: left;
}

.nav li a:not(.btn) {
  font-family: "Citrine";
  display: block;
  font-size: 0.919em;
  text-align: center;
  font-weight: 400;
  color: var(--type-gray-color);
  padding: 0 12px;
  margin: 0;
  opacity: 0.8;
  transition: ease 0.3s;
}

.nav a:not(.btn).nav-link {
  position: relative;
  padding-right: 25px;
}

.nav a.nav-link::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 3px;
  margin: -10px 0 0;
  width: 20px;
  height: 20px;
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23743bbc' d='M8.12 9.29L12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z'/%3E%3C/svg%3E");
}

[data-theme="dark"] .nav a.nav-link::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M8.12 9.29L12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z'/%3E%3C/svg%3E");
}

.nav li .nav-link.active::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.nav li ul.submenu {
  opacity: 0;
  width: 100%;
  height: calc(100vh - 90px);
  visibility: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  left: 0;
  top: 90px;
  position: fixed;
  z-index: 9;
  background-color: rgba(116, 59, 188, 0.9);
  transition: ease 0.3s;
}

[data-theme="dark"] .nav li ul.submenu {
  background-color: rgba(0, 0, 0, 0.9);
}

.admin-bar .nav li ul.submenu {
  top: 122px;
}

.nav li ul .menu {
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  width: 100%;
  background-color: var(--bg-white-color);
}

.nav li .nav-link.active + ul {
  opacity: 1;
  visibility: visible;
}

.nav li .col-af-content {
  height: auto;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: inherit;
  justify-content: inherit;
}

.nav li .col-af-content div.item {
  width: 33.3333333%;
  float: left;
  padding: 60px 20px 60px 60px;
  position: relative;
  z-index: 2;
}

.nav li .col-af-content div.item:nth-of-type(1) {
  padding-left: 0;
}

.nav li .col-af-content div.item:nth-of-type(2) {
  background-color: var(--bg-gray-color);
}

.nav li .col-af-content div.item a:not(.btn) {
  display: block;
  position: relative;
  text-align: left;
  line-height: 1.2;
  display: flex;
  align-items: center;
  padding: 0;
  margin: 12px 0;
}

.nav li .col-af-content div.item .title-common a:not(.btn) {
  display: block;
  font-weight: 700 !important;
  margin: 0 0 40px;
  font-size: 0.919em;
  font-weight: 400;
  color: var(--type-purple-color);
  opacity: 1;
}

.nav li .col-af-content div.item a span {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: var(--primary-light-color);
  position: relative;
  margin: 0 15px 0 0;
}

[data-theme="dark"] .nav li .col-af-content div.item a span {
  background-color: #fff;
}

.nav li .col-af-content div.item a img {
  display: block;
  position: absolute;
  width: 16px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.nav li .col-af-content div.item a.btn {
  margin: 30px 0 0;
}

.nav li a:hover {
  color: var(--type-purple-color);
  opacity: 1;
  text-decoration: underline;
}

/* Input */

input#toggle-menu,
label.toggle-menu {
  display: none;
}

@media screen and (max-width: 1268px) {
  label.toggle-menu {
    position: absolute;
    right: 0;
    top: 15px;
    display: block;
    z-index: 11;
    height: 60px;
    width: 50px;
    outline: 0;
    border: 0;
    cursor: pointer;
  }

  label.toggle-menu div {
    position: absolute;
    top: 20px;
    left: 20px;
  }

  label.toggle-menu span {
    display: block;
    height: 2pt;
    width: 27px;
    background-color: var(--type-purple-color);
    position: absolute;
    opacity: 1;
    left: 0;
    border-radius: 15px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    transition: all 0.3s;
  }

  label.toggle-menu span:nth-child(1) {
    top: 0px;
  }

  label.toggle-menu span:nth-child(2) {
    top: 8px;
  }

  label.toggle-menu span:nth-child(3) {
    top: 16px;
  }

  input#toggle-menu:checked ~ label.toggle-menu span:nth-child(1) {
    top: 8px;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
  }

  input#toggle-menu:checked ~ label.toggle-menu span:nth-child(2) {
    opacity: 0;
  }

  input#toggle-menu:checked ~ label.toggle-menu span:nth-child(3) {
    top: 8px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  .nav {
    float: none;
    height: calc(100vh - 90px);
    width: 100%;
    position: fixed;
    top: 90px;
    right: 0;
    margin: 0;
    z-index: 10;
    padding: 30px;
    background-color: var(--bg-gray-color);
    transition: all 0.3s;
    -webkit-transform: translateY(150%);
    transform: translateY(150%);
  }

  input#toggle-menu:checked ~ .nav {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  .nav ul {
    width: 100%;
    line-height: 60px;
    padding: 0;
  }

  .nav li {
    width: 100%;
    line-height: 60px;
    float: left;
  }

  .nav li a:not(.btn) {
    font-size: 14px;
    text-align: left;
    padding: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.15);
    position: relative;
  }

  [data-theme="dark"] .nav li a:not(.btn) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
  }

  .nav li ul.submenu {
    display: block;
    position: relative;
    width: 100%;
    box-shadow: none;
    height: auto;
    max-height: 0;
    top: auto;
    left: auto;
    overflow: hidden;
    padding: 0;
    background-color: transparent;
    transition: all 0.3s;
  }

  .admin-bar .nav li ul.submenu {
    top: auto;
  }

  .nav li .col-af-content div.item .title-common a:not(.btn) {
    margin: 0 0 20px;
  }

  .nav li .col-af-content div.item .title-common span.title-common {
    margin: 0;
  }

  .nav li ul .menu {
    border-top: 0;
    width: 100%;
    background-color: var(--bg-gray-color);
  }

  .nav li .col-af-content {
    width: 100%;
  }

  .nav li .nav-link.active + ul {
    max-height: 1500px;
    padding: 0;
  }

  .nav li .col-af-content div.item {
    width: 100%;
    padding: 20px 0;
  }

  .nav li .col-af-content div.item:nth-of-type(2) {
    background-color: transparent;
  }

  .nav li div.item a:not(.btn) {
    border-bottom: 0;
  }

  .buttons.mobile {
    display: block;
    margin: 30px 0 0;
  }

  .buttons.mobile .btn {
    margin: 10px 0 0;
  }
}

@media screen and (max-width: 991px) {
  label.toggle-menu {
    right: 0;
    top: 2px;
  }

  .nav {
    height: calc(100vh - 65px);
    top: 65px;
    overflow: auto;
  }
}

/* Hero */

.hero {
  height: calc(100vh - 90px);
  max-height: 650px;
  min-height: 650px;
  position: relative;
  overflow: hidden;
  background-color: var(--bg-gray-color);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 0;
}

.hero.font-w {
  background-color: var(--primary-color);
}

.hero.hero-page {
  height: 360px;
  min-height: 360px;
  background: linear-gradient(
    90deg,
    rgba(142, 73, 252, 1) 0%,
    rgba(255, 67, 85, 1) 100%
  ) !important;
  border-radius: 0 0 80px 80px;
}

.hero .col-af-content {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.hero .info {
  width: 45%;
}

.hero.hero-page .info {
  width: 100%;
}

.page-id-358 .hero.hero-page .info,
.page-id-356 .hero.hero-page .info,
.page-id-865 .hero.hero-page .info,
.archive .hero.hero-page .info {
  width: 55%;
}

/*.hero .info {
transition: ease .8s;
opacity: 0;
transition-delay: .5s;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}

.hero-slider .form {
transition: ease .8s;
opacity: 0;
transition-delay: .5s;
-webkit-transform: translateY(-50px);
transform: translateY(-50px);
}

.anime-start .hero .info,
.anime-start .hero-slider .form {
opacity: 1;
-webkit-transform: translateY(0px);
transform: translateY(0px);
}*/

.hero .info h1 {
  margin: 0 0 20px;
}

.hero .info p {
  margin: 0 0 10px;
}

.hero .col-af-content .btn {
  margin: 15px 15px 0 0;
}

.hero div.image {
  height: 100%;
  width: 70%;
  max-width: 800px;
  left: 50%;
  bottom: 0;
  display: block;
  position: absolute;
}

.hero div.image img {
  height: auto;
  width: 100%;
  object-fit: contain;
  position: absolute;
  bottom: 0;
  left: 0;
}

.hero-slider {
  position: relative;
  overflow: visible;
  background-color: var(--bg-gray-color);
}

.hero-slider li.hero:not(.hero-page) {
  width: 100%;
  height: calc(100vh - 90px);
  position: relative;
  background-size: cover;
  background-position: center;
}

.hero-slider .form {
  position: absolute;
  max-width: 540px;
  width: 40%;
  left: 55%;
  top: 120px;
  z-index: 2;
  padding: 10px;
  border-radius: 15px;
  background-color: var(--bg-white-color);
  box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.15);
}

.hero-slider .form .form-af {
  padding: 40px;
  width: 100%;
  max-height: 550px;
  overflow-y: auto;
}

.hero-slider .form .form-af::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(116, 59, 188, 0.1);
}

.hero-slider .form .form-af::-webkit-scrollbar {
  width: 5px;
  background-color: rgba(116, 59, 188, 0.1);
}

.hero-slider .form .form-af::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(116, 59, 188, 0.5);
}

.hero-slider .form h3 {
  margin: 0 0 10px;
}

.hero .info p.destaque {
  font-family: "Citrine";
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: start;
  padding: 20px 0 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  margin: 30px 0 0;
}

.hero.font-w .info p.destaque {
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}

.hero .info p.destaque img {
  width: 16px;
  display: inline-block;
  margin: 0 15px 0 0;
}

.hero-slider .filter {
  position: absolute;
  width: 33.3333333%;
  max-width: 400px;
  left: 60%;
  top: 50%;
  z-index: 2;
  transform: translateY(-50%);
}

.hero-slider .area-slide {
  position: absolute;
  width: 40%;
  max-width: 540px;
  left: 55%;
  top: 50%;
  z-index: 2;
  padding: 80px 60px;
  border-radius: 15px;
  background-color: var(--bg-white-color);
  box-shadow: 0px 25px 50px 0px rgba(0, 0, 0, 0.15);
  transform: translateY(-50%);
}

.hero-slider .area-slide li {
  width: 100%;
  height: auto;
  padding: 20px 0 20px 20px;
}

.hero-slider .area-slide li div {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}

.hero-slider .area-slide li div .icon {
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  background: transparent;
  margin: 0 15px 0 0;
}

.hero-slider .area-slide li div h3 {
  margin: 0;
}

.hero-slider .area-slide li p,
.hero-slider .area-slide li .btn {
  margin: 30px 0 0;
}

@media screen and (max-width: 1198px) {
  .hero {
    max-height: 550px;
    min-height: 550px;
  }
  .hero div.image {
    left: 43%;
  }
}

@media screen and (max-width: 991px) {
  .hero {
    height: 100vh;
    max-height: 2000px;
    min-height: 10px;
  }

  .hero-slider li.hero:not(.hero-page) {
    width: 100%;
    height: auto;
    /*min-height: 80vh;*/
    min-height: auto;
  }

  .hero-slider li.hero.hero-page {
    min-height: 50px;
    height: auto;
    border-radius: 0 0 40px 40px;
  }

  .hero-slider.hero-form li.hero {
    min-height: 74vh;
    height: auto;
    background-position: center right 70%;
  }

  .hero .col-af-content {
    top: auto;
    left: auto;
    position: relative;
    /*margin: 60px auto 90%;*/
    margin: 60px auto 30px;
    -webkit-transform: none;
    transform: none;
  }

  .hero-slider.hero-form li.hero .col-af-content {
    margin: 60px auto 40%;
  }

  .hero.hero-page .col-af-content {
    margin-bottom: 60px;
  }

  .page-id-358 .hero.hero-page,
  .page-id-356 .hero.hero-page,
  .page-id-865 .hero.hero-page,
  .archive .hero.hero-page {
    padding-bottom: 50px;
  }

  .hero .info,
  .page-id-358 .hero.hero-page .info,
  .page-id-356 .hero.hero-page .info,
  .page-id-865 .hero.hero-page .info,
  .archive .hero.hero-page .info {
    width: 100%;
  }

  .hero .info p {
    margin: 0 0 30px;
  }

  .hero .info .btn {
    margin: 10px 0;
  }

  .hero div.image {
    height: auto;
    width: 100%;
    max-width: 100%;
    left: 0;
  }

  .hero div.image img {
    position: relative;
  }

  .hero-slider .form {
    position: relative;
    max-width: 90%;
    width: 90%;
    left: auto;
    top: auto;
    margin: -80px 5% -40px;
  }

  .hero-slider .form .form-af {
    padding: 30px;
    max-height: 5050px;
  }

  .hero-slider .area-slide {
    position: relative;
    max-width: 90%;
    width: 90%;
    left: auto;
    top: auto;
    margin: -280px 5% 40px;
    padding: 35px 35px 60px 35px;
    transform: none;
  }

  .hero-slider .area-slide li {
    min-height: 10px;
  }

  .hero-slider .filter {
    position: relative;
    max-width: 90%;
    width: 90%;
    left: auto;
    top: auto;
    margin: 0 5% 0;
    transform: translateY(-100px);
  }
}

/* Company Home */

.company {
  background-color: var(--primary-color);
  overflow: hidden;
}

.company img.pattern {
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateY(40%);
  width: 52%;
  max-width: 800px;
}

.company .col-af-content {
  position: relative;
}

.company .info {
  float: left;
  width: 33.3333333%;
}

.company .image {
  position: absolute;
  width: 30%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.company .info p {
  margin: 0 0 30px;
}

.company ul {
  float: right;
  width: 33.3333333%;
  padding: 10px 20px 10px 60px;
  border-radius: 10px;
}

.company ul li {
  display: flex;
  align-items: center;
  margin: 30px 0;
}

.company ul li .icon {
  background-color: var(--type-white-color);
  margin: 0 20px 0 0;
}

.company ul li h2 {
  margin: 0 0 10px;
}

@media screen and (max-width: 991px) {
  .company .info {
    width: 100%;
  }

  .company img.pattern {
    left: 50%;
    bottom: auto;
    top: 60%;
    transform: translate(-50%, -50%);
    width: 120%;
    max-width: 120%;
  }

  .company .image {
    position: relative;
    width: 100%;
    height: auto;
    left: auto;
    top: auto;
    transform: none;
    float: left;
    margin: 40px 0;
  }

  .company .image:not(.filter) img {
    display: block;
    width: 70%;
    margin: 0 auto;
  }

  .company .image.filter {
    aspect-ratio: 4 / 3;
  }

  .company ul {
    width: 100%;
    padding: 10px 40px;
  }
}

/* Dental Software */

.software {
  background-color: var(--bg-white-color);
}

.software .col-af-content {
  position: relative;
}

.software .info {
  float: left;
  width: 40%;
}

.software .info.full {
  width: 100%;
}

.software .image {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  right: 0;
}

.software .image img {
  object-fit: contain;
  height: auto;
}

@media screen and (max-width: 991px) {
  .software .info {
    width: 100%;
    margin: 0 0 40px;
  }

  .software .image {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    right: auto;
  }
}

/* Soluções */

.solucoes {
  background-color: var(--bg-white-color);
  text-align: center;
  padding-top: 0;
}

.solucoes ul.owl-carousel {
  position: relative;
  padding: 30px;
  border-radius: 15px;
  background-color: var(--primary-light-color);
  margin: 0 0 40px;
}

.solucoes ul.owl-carousel li {
  display: block;
  text-align: left;
  width: calc(100% - 6px);
  height: 100%;
  border-radius: 10px;
  padding: 30px 20px 30px 30px;
  margin: 0 3px;
  transition: ease 0.5s;
}

.solucoes .owl-item li {
  border-left: 1px solid rgba(0, 0, 0, 0.05);
}

.solucoes ul.owl-carousel .owl-item:nth-of-type(1) li {
  border-left: 0;
}

.solucoes ul.owl-carousel li a {
  display: block;
  width: 100%;
  height: 100%;
}

.solucoes ul.owl-carousel li .icon {
  margin: 0 0 25px;
}

.solucoes ul.owl-carousel li h3 {
  margin: 0;
}

.solucoes ul.owl-carousel li p {
  margin: 20px 0 0;
}

.solucoes ul.owl-carousel li:hover {
  background-color: var(--primary-color);
  /*transform: scale(1.02);*/
}

.solucoes ul.owl-carousel li:hover h3,
.solucoes ul.owl-carousel li:hover p {
  color: var(--type-white-color);
}

.solucoes ul.owl-carousel li:hover .icon {
  background: rgba(255, 255, 255, 0.3);
}

.solucoes ul.others {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: 0 0 30px -15px;
  text-align: left;
}

.solucoes ul.others li {
  display: block;
  float: left;
  width: calc(50% - 30px);
  margin: 15px;
  padding: 10px 30px 10px 0;
}

.solucoes ul.others li div {
  display: flex;
  align-items: center;
  margin: 0 0 20px;
}

.solucoes ul.others li .icon {
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  background: transparent;
  margin: 0 15px 0 0;
}

.solucoes ul.others li h3 {
  margin: 0;
}

@media screen and (max-width: 991px) {
  .solucoes ul.owl-carousel {
    padding: 30px 0 30px 30px;
  }

  .solucoes ul.owl-carousel li {
    width: calc(100% - 10px);
    margin: 0 10px 0 0;
  }

  .solucoes ul.others {
    width: 100%;
    margin: 0 0 30px;
  }

  .solucoes ul.others li {
    width: 100%;
    margin: 15px 0;
    padding: 10px 30px 10px 0;
  }
}

/* Chamada */

.chamada {
  position: relative;
  overflow: hidden;
}

.chamada img.pattern {
  display: block;
  position: absolute;
  right: -12%;
  top: 50%;
  transform: translateY(-50%);
  width: 55%;
  opacity: 0.3;
}

.chamada img.pattern.full {
  right: auto;
  left: 50%;
}

.chamada .col-af-content {
  position: relative;
}

.chamada .info {
  float: left;
  width: 50%;
  padding: 0 40px 0 0;
}

.chamada .info h2 {
  margin: 0;
}

.chamada .info p,
.chamada .info .btn {
  margin: 30px 0 0;
}

.chamada .info:nth-of-type(2) {
  position: absolute;
  width: 40%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0;
}

.chamada .info:nth-of-type(2) .btn {
  margin: 0;
}

.chamada .image {
  position: absolute;
  width: 50%;
  height: calc(100% + 160px);
  top: -80px;
  right: 0;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}

.chamada .image img {
  height: auto;
  object-fit: contain;
  position: relative;
  z-index: 2;
}

.chamada div.pattern {
  position: absolute;
  width: 100%;
  height: 240px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--type-white-color);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 200px;
  z-index: 1;
}

.chamada div.pattern img {
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 991px) {
  .chamada .info {
    width: 100%;
    margin: 0 0 40px;
    padding: 0;
  }

  .chamada .info:nth-of-type(2) {
    position: relative;
    width: 100%;
    height: auto;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    right: auto;
  }

  .chamada .image {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    right: auto;
  }

  .chamada .image img {
    margin: 0 0 -60px;
  }

  .chamada div.pattern {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    transform: none;
    aspect-ratio: 4 / 3;
    border-radius: 40px;
    z-index: 1;
  }

  .chamada img.pattern {
    right: auto;
    left: 50%;
    top: auto;
    bottom: 0;
    transform: translate(-50%, 50%);
    width: 140%;
    max-width: 140%;
    height: auto;
  }

  .chamada img.pattern.full {
    height: auto;
    transform: translate(-70%, 64%);
  }
}

/* Intro */

.intro,
.slide-solucoes {
  background-color: var(--bg-white-color);
}

.intro.font-w {
  background-color: var(--primary-color);
}

.slide-solucoes .intro .col-af-content {
  position: relative;
}

.intro .info {
  float: left;
  width: 40%;
}

.intro.inverse .info {
  float: right;
}

.intro .info p {
  margin: 0 0 30px;
}

.intro .info ul {
  margin: 0 0 20px;
}

.intro .info li {
  display: flex;
  align-items: center;
  margin: 0 0 10px;
}

.intro .info li h3 {
  margin: 0;
}

.intro .info li .icon {
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  background: transparent;
  margin: 0 15px 0 0;
}

.intro .image {
  width: 50%;
  height: calc(100% - 160px);
  position: absolute;
  top: 80px;
  left: 50%;
}

.slide-solucoes .intro .image {
  height: 100%;
  top: 0;
}

.intro .image img {
  height: 100%;
  object-fit: cover;
}

.intro .image div {
  position: absolute;
  border-radius: 15px;
  overflow: hidden;
}

.intro .image div:nth-of-type(1) {
  top: 0;
  right: 0;
  width: calc(55% - 30px);
  height: 100%;
}

.intro .image div:nth-of-type(2) {
  left: 0;
  top: 0;
  width: 45%;
  height: calc(80% - 30px);
}

.intro .image div:nth-of-type(3) {
  left: 0;
  bottom: 0;
  width: 45%;
  height: 20%;
}

.intro.inverse .image {
  left: auto;
  right: 50%;
}

.intro.inverse .image div:nth-of-type(1) {
  left: 0;
  right: auto;
}

.intro.inverse .image div:nth-of-type(2),
.intro.inverse .image div:nth-of-type(3) {
  left: auto;
  right: 0;
}

@media screen and (max-width: 991px) {
  .slide-solucoes {
    padding: 0 0 30px;
  }

  .slide-solucoes.owl-carousel .owl-item,
  .slide-solucoes.owl-carousel .owl-stage-outer,
  .slide-solucoes.owl-carousel .owl-stage {
    display: block !important;
  }

  .intro .info {
    width: 100%;
    margin: 0 0 50px;
  }

  .intro .image,
  .intro.inverse .image,
  .slide-solucoes .intro .image {
    left: auto;
    right: auto;
    position: relative;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    float: left;
  }

  .intro .image div:nth-of-type(1) {
    width: calc(55% - 20px);
  }

  .intro .image div:nth-of-type(2) {
    height: calc(80% - 20px);
  }
}

/* Dental Consulta */

.consulta {
  background-color: var(--bg-white-color);
}

.consulta.font-w {
  background-color: var(--primary-color);
}

.consulta .col-af-content {
  position: relative;
}

.consulta .image {
  position: absolute;
  width: 30%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.consulta .info {
  width: 33.3333333%;
  float: left;
}

.consulta .info.icons {
  float: right;
  padding: 0 0 0 60px;
}

.consulta .info p {
  margin: 0 0 30px;
}

.consulta .info ul {
  margin: 0 0 20px;
}

.consulta .info li {
  display: block;
  padding: 30px 0;
  margin: 0 0 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.consulta.font-w .info li {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.consulta .info li:nth-of-type(1) {
  border-top: 0;
}

.consulta .info li h3 {
  margin: 0;
}

.consulta .info li .icon {
  display: block;
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  background: transparent;
  margin: 0 0 30px;
}

@media screen and (max-width: 991px) {
  .consulta .info {
    width: 100%;
  }

  .consulta .image {
    position: relative;
    width: 100%;
    height: auto;
    left: auto;
    top: auto;
    transform: none;
    float: left;
    margin: 40px 0;
  }

  .consulta .image img {
    display: block;
    width: 70%;
    margin: 0 auto;
  }

  .consulta .info.icons {
    padding: 0;
  }
}

/* Caes */

.cases {
  background-color: var(--bg-gray-color);
}

.cases-content {
  padding-top: 0;
}

.cases-content .col-af-content {
  transform: translateY(-80px);
}

.cases .info {
  width: 33.3333333%;
  min-height: 1px;
  float: left;
}

.cases .info:nth-of-type(3) {
  width: 33.3333333%;
  text-align: right;
}

@media screen and (max-width: 991px) {
  .cases .info {
    width: 95%;
  }

  .cases .info:nth-of-type(3) {
    width: 95%;
    text-align: center;
    margin: 20px 0 0;
  }
}

/* Quem somos */

.quem-somos {
  background-color: var(--bg-white-color);
}

.quem-somos.font-w {
  background-color: var(--primary-color);
}

.quem-somos .col-af-content {
  position: relative;
}

.quem-somos .info {
  float: right;
  width: 40%;
}

.quem-somos .icon {
  margin: 0 0 30px;
}

.quem-somos.inverse .info {
  float: left;
}

.quem-somos .info p {
  margin: 0 0 30px;
}

.quem-somos .info .btn {
  margin: 0 10px 0 0;
}

.quem-somos .image {
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 10px;
}

.quem-somos.inverse .image {
  left: auto;
  right: 0;
}

.quem-somos div.image:not(.filter) {
  align-items: center;
  display: flex;
}

.quem-somos .ribbon {
  position: absolute;
  top: 50px;
  right: 50%;
  transform: translateX(10px);
  z-index: 2;
  padding: 10px 25px 12px;
  min-width: 100px;
  box-shadow: 0px 0px 0px 6px var(--primary-border-color);
}

.quem-somos.inverse .ribbon {
  left: 50%;
  transform: translateX(-10px);
  right: auto;
}

.quem-somos .ribbon svg {
  fill: #fff;
}

@media screen and (max-width: 991px) {
  .page-id-612 .quem-somos {
    padding: 20px 0 0;
  }

  .page-id-612 .quem-somos:first-child {
    padding: 70px 0 0;
  }

  .quem-somos .info {
    width: 100%;
    margin: 0 0 40px;
  }

  .quem-somos .image,
  .quem-somos.inverse .image {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    right: auto;
  }

  .quem-somos .ribbon {
    position: absolute;
    top: auto;
    bottom: 200px;
    right: auto;
    left: 20px;
    transform: none;
  }

  .quem-somos.inverse .ribbon {
    left: 20px;
    transform: none;
    right: auto;
  }

  .quem-somos .image.filter {
    aspect-ratio: 4 / 3;
  }

  .quem-somos .info .btn {
    margin: 10px 0 0;
  }
}

/* Números */

.numbers {
  background-color: var(--bg-white-color);
  text-align: center;
}

.numbers ul {
  position: relative;
  display: flex;
  padding: 60px;
  border-radius: 15px;
  margin: 40px 0 0;
}

.numbers ul li {
  float: left;
  width: 25%;
  margin: 0;
  text-align: left;
}

.numbers ul li .icon {
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  background: transparent;
  margin: 0 0 20px;
}

.numbers ul li h2 {
  margin: 0 0 10px;
}

.numbers .btn {
  margin: 50px 0 0;
}

@media screen and (max-width: 991px) {
  .numbers ul {
    flex-wrap: wrap;
    padding: 30px 20px 30px 30px;
  }

  .numbers ul li {
    width: 100%;
    margin: 0;
    padding: 20px 10px;
    text-align: center;
  }

  .numbers ul li .icon {
    margin: 0 auto 10px;
  }
}

/* Diferenciais */

.diferenciais {
  background-color: var(--bg-gray-color);
}

.diferenciais.font-w {
  background-color: var(--primary-color);
}

.diferenciais .col-af-content {
  position: relative;
}

.diferenciais .info {
  width: 100%;
  margin: 0 0 60px;
}

.diferenciais ul {
  width: 40%;
  float: right;
  margin: 0;
}

.diferenciais ul li {
  display: block;
  margin: 0;
  padding: 30px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.diferenciais.font-w ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.diferenciais ul li:nth-of-type(1) {
  padding-top: 0;
  border-top: 0;
}

.diferenciais ul li:last-child {
  padding-bottom: 0;
}

.diferenciais ul li div {
  display: flex;
  align-items: center;
  margin: 0 0 15px;
}

.diferenciais ul li h3 {
  margin: 0;
}

.diferenciais ul li .icon {
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  background: transparent;
  margin: 0 15px 0 0;
}

.diferenciais .image {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 50%;
}

.diferenciais .image img {
  height: 100%;
  object-fit: cover;
}

.diferenciais .image div {
  position: absolute;
  border-radius: 15px;
  overflow: hidden;
}

.diferenciais .image div:nth-of-type(1) {
  top: 0;
  left: 0;
  width: calc(70% - 30px);
  height: 100%;
}

.diferenciais .image div:nth-of-type(2) {
  right: 0;
  top: 0;
  width: 30%;
  height: calc(70% - 30px);
}

.diferenciais .image div:nth-of-type(3) {
  right: 0;
  bottom: 0;
  width: 30%;
  height: 30%;
}

@media screen and (max-width: 991px) {
  .diferenciais ul {
    width: 100%;
    margin: 0 0 40px;
  }

  .diferenciais .image {
    width: 100%;
    height: auto;
    position: relative;
    top: auto;
    right: auto;
    aspect-ratio: 4 / 3;
    float: left;
  }

  .diferenciais .image div:nth-of-type(1) {
    width: calc(70% - 20px);
  }

  .diferenciais .image div:nth-of-type(2) {
    height: calc(70% - 20px);
  }
}

/* Integrações */

.integracoes {
  background-color: var(--bg-white-color);
  text-align: center;
}

.font-w.integracoes {
  background-color: var(--primary-color);
}

.integracoes ul {
  display: flex;
  position: relative;
  width: 100%;
  margin: 80px 0;
}

.integracoes ul::before {
  content: "";
  width: 95%;
  height: 1px;
  position: absolute;
  left: 10px;
  top: 34px;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.1);
}

.font-w.integracoes ul::before {
  background-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .integracoes:not(.font-w) ul::before {
  background-color: rgba(255, 255, 255, 0.1);
}

.integracoes ul li {
  text-align: left;
  padding: 5px 30px 0 10px;
  position: relative;
  z-index: 4;
}

.integracoes ul li h3 {
  margin: 30px 0 0;
}

.integracoes ul li p {
  margin: 20px 0 0;
}

.integracoes ul li a:hover .icon {
  box-shadow: 0px 0px 0px 6px var(--primary-border-color);
}

/* FAQ */

.faq {
  background-color: var(--bg-white-color);
}

.faq .info {
  width: 33.3333333%;
  padding: 0 60px 0 0;
  float: left;
  position: sticky;
  top: 160px;
}

.faq ul {
  width: 66.6666667%;
  float: left;
}

.faq ul li {
  background-color: var(--primary-light-color);
  padding: 25px;
  border-radius: 8px;
  margin: 15px 0;
  text-align: left;
}

.faq ul li button.accordion {
  display: block;
  width: 100%;
  margin: 0;
  outline: 0;
  border: 0;
  padding-right: 40px;
  text-align: left;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
  background-color: transparent;
}

.faq ul li button.accordion h3 {
  margin: 0;
}

.faq button.accordion::before {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: transparent;
  background-position: center;
  background-size: 20px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath fill='%23743bbc' d='M19.061,7.854a1.5,1.5,0,0,0-2.122,0l-4.586,4.585a.5.5,0,0,1-.707,0L7.061,7.854A1.5,1.5,0,0,0,4.939,9.975l4.586,4.586a3.5,3.5,0,0,0,4.95,0l4.586-4.586A1.5,1.5,0,0,0,19.061,7.854Z'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s;
}

[data-theme="dark"] .faq button.accordion::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath fill='%23fff' d='M19.061,7.854a1.5,1.5,0,0,0-2.122,0l-4.586,4.585a.5.5,0,0,1-.707,0L7.061,7.854A1.5,1.5,0,0,0,4.939,9.975l4.586,4.586a3.5,3.5,0,0,0,4.95,0l4.586-4.586A1.5,1.5,0,0,0,19.061,7.854Z'/%3E%3C/svg%3E%0A");
  background-position: center;
}

.faq button.accordion.active::before {
  transform: translateY(-50%) rotate(180deg);
}

.faq div.panel {
  margin: 0;
  padding: 0;
  max-height: 0;
  overflow: hidden;
  text-align: left;
  transition: max-height 0.2s ease-out;
}

.faq div.panel p {
  margin: 25px 0 0;
}

.faq div.panel p a {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .faq .info {
    width: 100%;
    padding: 0;
    top: auto;
    position: relative;
  }

  .faq ul {
    width: 100%;
  }
}

/* Vantagens */

.vantagens {
  text-align: center;
  background-color: var(--bg-gray-color);
}

.vantagens.font-w {
  background-color: var(--primary-color);
}

.vantagens .col-af-content {
  position: relative;
  min-height: 500px;
}

.vantagens:not(.sticky) .info {
  width: 66.6666667%;
  position: absolute;
  text-align: left;
  height: 100%;
  left: 0;
  display: flex;
  flex-direction: column;
  padding: 0 100px 0 0;
}

.vantagens.no-image .info,
.vantagens.no-image ul {
  width: 100% !important;
  padding: 0 !important;
  display: block;
  height: auto;
  position: relative;
}

.vantagens.no-image .info {
  margin: 0 0 60px;
}

.vantagens.sticky .info {
  width: 50%;
  float: left;
  text-align: left;
}

.vantagens .info .image {
  width: 100%;
  height: 100%;
  margin: 40px 0 0;
  border-radius: 10px;
}

.vantagens.sticky .image {
  position: sticky;
  right: 0;
  float: right;
  top: 160px;
  width: 40%;
  height: 70vh;
  border-radius: 10px;
}

.vantagens ul {
  width: 33.3333333%;
  text-align: left;
  float: right;
  margin: 0;
}

.vantagens.sticky .info ul {
  width: 100%;
  margin: 50px 0 0;
}

.vantagens ul li {
  display: block;
  margin: 0;
  padding: 30px 0 35px;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}

.vantagens.font-w ul li {
  border-top: 1px solid rgba(255, 255, 255, 0.25);
}

.vantagens:not(.sticky) ul li:nth-of-type(1) {
  padding-top: 0;
  border-top: 0;
}

.vantagens ul li:last-child {
  padding-bottom: 0;
}

.vantagens ul li div {
  display: flex;
  align-items: center;
}

.vantagens ul li h3 {
  margin: 0;
}

.vantagens ul li p {
  margin: 15px 0 0;
}

.vantagens ul li .icon {
  margin: 0 15px 0 0;
}

.vantagens .btn {
  margin: 60px 0 0;
  clear: both;
}

@media screen and (max-width: 991px) {
  .vantagens .col-af-content {
    min-height: 5px;
  }

  .vantagens:not(.sticky) .info,
  .vantagens .info {
    width: 100%;
    position: relative;
    left: auto;
    height: auto;
    padding: 0;
  }

  .vantagens.sticky .info {
    width: 100%;
  }

  .vantagens.sticky .image {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 4 / 3;
    margin: 40px 0 0;
  }

  .vantagens ul {
    width: 100%;
    margin: 40px 0 0;
  }

  .vantagens .info .image {
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .vantagens .btn {
    width: 90%;
    margin: 40px auto 0;
  }

  .vantagens .info .btn {
    width: 100%;
    float: left;
  }
}

/* Benefícios */

.beneficios {
  background-color: var(--bg-gray-color);
  text-align: center;
}

.beneficios.font-w {
  background-color: var(--primary-color);
}

.main-m .beneficios.font-w {
  background-color: #3abf9e;
}

.main-m .beneficios.font-w {
  background-color: var(--primary-color);
}

.beneficios .info {
  text-align: left;
}

.beneficios ul {
  display: flex;
  flex-wrap: wrap;
  width: calc(100% + 30px);
  margin: 20px 0 30px -15px;
}

.beneficios ul li {
  position: relative;
  width: calc(33.3333333% - 30px);
  margin: 15px;
  padding: 30px;
  background-color: var(--bg-white-color);
  border-radius: 10px;
  display: flex;
  align-items: center;
  text-align: left;
}

.beneficios ul li h3 {
  margin: 0;
  color: var(--type-purple-color);
}

.beneficios ul li span {
  margin: 0 20px 0 0;
}

@media screen and (max-width: 991px) {
  .beneficios ul {
    width: 100%;
    margin: 20px 0;
  }

  .beneficios ul li {
    width: 100%;
    margin: 10px 0;
    padding: 20px;
  }
}

/* Professores */

.professores {
  background-color: var(--primary-color);
}

.professores .info {
  margin: 0 0 30px;
}

.professores ul {
  display: flex;
  width: calc(100% + 30px);
  margin: 0 0 0 -15px;
}

.professores ul li {
  position: relative;
  width: calc(100% - 30px);
  margin: 15px 15px;
  padding: 0 20px 0 50%;
}

.professores ul li .image {
  position: absolute;
  width: 45%;
  height: 100%;
  left: 0;
  top: 0;
  border-radius: 10px;
  overflow: hidden;
}

.professores ul li .image img {
  position: absolute;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 991px) {
  .professores .info {
    width: 95%;
  }

  .professores ul {
    width: 100%;
    margin: 0;
  }

  .professores ul li {
    position: relative;
    width: calc(100% - 30px);
    margin: 0 30px 30px 0;
    padding: 20px 0 0;
  }

  .professores ul li .image {
    position: relative;
    width: 100%;
    height: auto;
    left: auto;
    top: auto;
    aspect-ratio: 4 / 3;
    margin: 0 0 30px;
  }
}

/* Propostas */

.propostas {
  background-color: var(--bg-white-color);
}

.propostas .info {
  width: 70%;
  float: left;
}

.propostas ul.clearfix {
  float: left;
  display: flex;
  width: calc(100% + 30px);
  margin: 0 0 0 -15px;
}

.propostas ul li.item {
  position: relative;
  width: calc(100% - 30px);
  margin: 50px 15px 15px;
  padding: 0 0 200px;
  background-color: var(--primary-light-color);
  border-radius: 10px;
  overflow: hidden;
}

.propostas ul li.item h3 {
  margin: 0;
  color: var(--type-white-color);
  background-color: var(--btn-primary-color);
  padding: 0 30px;
  height: 60px;
  display: flex;
  align-items: center;
}

.propostas ul li.item p {
  padding: 20px 30px;
  min-height: 200px;
  font-size: 15px;
}

.propostas ul li.item ul {
  padding: 30px 30px 0;
  border-top: 1px solid rgba(116, 59, 188, 0.1);
}

.propostas ul li.item ul li {
  display: block;
  font-size: 15px;
  font-weight: 400;
  color: var(--type-gray-color);
  opacity: 0.8;
  margin: 5px 0;
  padding: 10px 0 10px 30px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23743bbc' d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E");
  background-position: top 7px left;
  background-repeat: no-repeat;
  background-size: 18px auto;
}

.propostas ul li.item div {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid rgba(116, 59, 188, 0.1);
  text-align: center;
  padding: 20px 0 30px;
}

.propostas ul li.item div span {
  margin: 0 0 10px;
}

.propostas ul li.item div h4 {
  margin: 0 0 20px;
  font-size: 30px;
}

@media screen and (max-width: 991px) {
  .propostas .info {
    width: 95%;
  }

  .propostas ul.clearfix {
    width: 100%;
    margin: 0;
  }

  .propostas ul li.item {
    width: calc(100% - 20px);
    margin: 15px 20px 15px 0;
  }

  .propostas ul li.item .btn {
    width: 80%;
    margin: 0 auto;
  }
}

/* Preço */

.preco {
  background-color: var(--bg-gray-color);
}

.preco.font-w {
  background-color: var(--primary-color);
}

.preco .info {
  width: 40%;
  float: left;
}

.preco .info.font-w {
  width: 50%;
  float: right;
  padding: 50px;
  text-align: center;
  border-radius: 200px;
}

.preco .info.font-w h2 {
  font-size: 60px;
}

@media screen and (max-width: 991px) {
  .preco .info {
    width: 100%;
    margin: 0 0 40px;
  }

  .preco .info.font-w {
    width: 100%;
    padding: 40px 40px;
    border-radius: 30px;
  }
}

/* Depoimentos */

.depoimentos {
  background-color: var(--bg-white-color);
}

.depoimentos ul {
  display: flex;
  width: calc(100% + 30px);
  margin: 20px 0 0 -15px;
}

.depoimentos ul li {
  position: relative;
  width: calc(100% - 30px);
  margin: 50px 15px 15px;
  padding: 50px;
  background-color: var(--primary-light-color);
  border-radius: 15px;
  border: 5px solid var(--primary-border-color);
}

.depoimentos ul li::before {
  content: '"';
  font-family: "Citrine";
  font-size: 120px;
  font-weight: 700;
  line-height: 1;
  font-style: italic;
  color: var(--primary-color);
  position: absolute;
  top: -30px;
  left: 40px;
}

.depoimentos ul li div {
  display: flex;
  align-items: center;
  margin: 30px 0 0;
}

.depoimentos ul li div h3 {
  margin: 0;
}

.depoimentos ul li div span {
  min-width: 50px;
  max-width: 50px;
  min-height: 50px;
  max-height: 50px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 20px 0 0;
}

.depoimentos ul li div span img {
  position: absolute;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 991px) {
  .depoimentos ul {
    width: 100%;
    margin: 40px 0 0;
  }

  .depoimentos ul li {
    position: relative;
    width: calc(100% - 20px);
    margin: 15px 20px 15px 0;
    padding: 30px;
  }

  .depoimentos ul li::before {
    top: -40px;
    left: 30px;
  }
}

/* Funcionalidade */

.funcionalidade {
  background-color: var(--bg-white-color);
  text-align: center;
}

.funcionalidade .info {
  width: 80%;
  margin: 0 0 30px;
  text-align: left;
}

.funcionalidade ul.clearfix {
  float: left;
  display: flex;
  width: calc(100% + 30px);
  margin: 0 0 40px -15px;
  text-align: left;
}

.funcionalidade ul li.item {
  position: relative;
  width: calc(100% - 30px);
  margin: 15px;
  padding: 40px;
  background-color: var(--primary-light-color);
  border-radius: 10px;
  overflow: hidden;
  transition: 0.4s ease;
}

.funcionalidade ul li.item div {
  display: flex;
  align-items: center;
  margin: 0 0 30px;
  padding: 0 0 30px;
  border-bottom: 1px solid var(--primary-light-color);
  transition: 0.4s ease;
}

.funcionalidade ul li.item div .icon {
  max-height: 30px;
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  background: transparent;
  margin: 0 15px 0 0;
}

.funcionalidade ul li.item div h3 {
  margin: 0;
  transition: 0.4s ease;
}

.funcionalidade ul li.item ul {
  display: block;
  margin: 40px 0 0;
  padding: 0 0 0 15px;
}

.funcionalidade ul li.item ul li {
  display: list-item;
  list-style-type: disc;
  font-size: 1.031em;
  font-weight: 400;
  color: var(--type-gray-color);
  opacity: 0.85;
  margin: 20px 0 0;
  transition: 0.4s ease;
}

.funcionalidade ul li.item:hover {
  background-color: var(--primary-color);
}

.funcionalidade ul li.item .icon img,
.funcionalidade ul li.item p {
  transition: 0.4s ease;
}

.funcionalidade ul li.item:hover p,
.funcionalidade ul li.item:hover li,
.funcionalidade ul li.item:hover h3 {
  color: var(--type-white-color);
}

.funcionalidade ul li.item:hover div {
  border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

.funcionalidade ul li.item:hover div .icon img {
  filter: brightness(0) invert(1);
}

.funcionalidade ul li.item div h3 {
  margin: 0;
}

.funcionalidade .btn {
  margin: 0;
  clear: both;
}

@media screen and (max-width: 991px) {
  .funcionalidade .info {
    width: 95%;
  }

  .funcionalidade ul.clearfix {
    width: 100%;
    margin: 0;
  }

  .funcionalidade ul li.item {
    width: calc(100% - 20px);
    margin: 15px 20px 15px 0;
  }

  .funcionalidade .btn {
    display: none;
  }
}

/* Instituições */

.instituicoes {
  background-color: var(--bg-white-color);
  text-align: center;
}

.instituicoes ul {
  display: flex;
  flex-wrap: wrap;
  padding: 20px 0 50px 0;
}

.instituicoes ul li {
  width: 16.6666667%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 35px;
}

.instituicoes ul li img {
  display: block;
  width: 100%;
  filter: grayscale(100%);
  opacity: 0.5;
  transition: ease 0.4s;
}

[data-theme="dark"] .instituicoes ul li img {
  filter: brightness(0) invert(1);
}

.instituicoes ul li:hover img {
  filter: grayscale(0%);
  opacity: 1;
}

[data-theme="dark"] .instituicoes ul li:hover img {
  filter: brightness(0) invert(1);
  opacity: 1;
}

@media screen and (max-width: 991px) {
  .instituicoes ul {
    padding: 30px 0 40px;
  }

  .instituicoes ul li {
    width: 50%;
    padding: 20px 20px;
  }
}

/* Planos */

.planos {
  background-color: var(--bg-gray-color);
  text-align: center;
}

.arraste {
  display: none;
}

.planos .info {
  margin: 0 0 60px;
}

.planos .info.details {
  text-align: left;
  margin: 30px 0 0;
}

.planos .info.details p {
  color: var(--type-purple-color);
}

.planos ul {
  width: 100%;
  margin: 0;
  position: relative;
  text-align: left;
}

.planos ul li {
  width: 100%;
  display: flex;
  padding: 0 10px;
  margin: 0;
  border-radius: 7px;
  background-color: var(--primary-light-color);
}

.planos ul li:nth-child(odd) {
  background-color: rgba(116, 59, 188, 0);
}

.planos ul li.title {
  background-color: rgba(116, 59, 188, 0.25);
}

[data-theme="dark"] .planos ul li.title {
  background-color: rgba(0, 0, 0, 0.25);
}

.planos ul li div {
  width: 25%;
  flex: 1;
  float: left;
  text-align: center;
  align-items: center;
  min-height: 1px;
  margin: 0;
  padding: 15px 10px;
  transition: all 0.3s;
  font-size: 1.031em;
  font-weight: 400;
  color: var(--type-gray-color);
  opacity: 0.85;
  line-height: 1.25;
}

.planos ul li div svg {
  width: 24px;
  display: block;
  margin: 0 auto;
  fill: var(--btn-primary-color);
}

.planos ul li:nth-of-type(1) {
  background-color: var(--bg-gray-color);
  position: sticky;
  top: 120px;
  left: 0;
  z-index: 1;
}

.planos ul li:nth-of-type(1) div {
  padding: 25px 10px;
  position: relative;
  border-top: 1px solid var(--primary-border-color);
}

.planos ul li:nth-of-type(1) div:nth-of-type(1) {
  border-top: 1px solid rgba(116, 59, 188, 0);
}

.planos ul li:nth-of-type(3) div,
.planos ul li:nth-of-type(4) div {
  color: var(--type-purple-color);
}

.planos ul li div:nth-of-type(1),{
  text-align: left;
  font-family: "Citrine";
  font-size: 15px;
  color: var(--type-purple-color);
}

.planos ul li.title div:nth-of-type(1) {
  font-weight: 700;
}

.planos ul li:nth-of-type(2) div:nth-of-type(1),
.planos ul li:nth-of-type(3) div:nth-of-type(1) {
  font-weight: 700;
}

.planos ul li:nth-of-type(2) {
  position: sticky;
  top: 188px;
  z-index: 3;
  background-color: var(--bg-gray-color);
}

.planos ul li:nth-of-type(3) {
  position: sticky;
  top: 272px;
  z-index: 3;
  background-color: var(--bg-gray-color);
}

.planos ul li:nth-of-type(4) {
  position: sticky;
  top: 322px;
  z-index: 3;
  background-color: var(--bg-gray-color);
}

.planos ul li div h3 {
  margin: 0;
}

.planos ul li div:nth-of-type(2) {
  background-color: var(--primary-light-color);
}

.planos ul li:nth-of-type(1) div:nth-of-type(2)::after {
  content: "Recomendado";
  display: block;
  width: 100%;
  position: absolute;
  top: -30px;
  left: 0;
  font-family: "Citrine";
  font-size: 12px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  color: var(--type-white-color);
  padding: 0 10px;
  border-radius: 5px 5px 0 0;
  background-color: var(--btn-primary-color);
}

.planos ul li div .btn {
  margin: 0;
}

.planos ul li div:nth-of-type(2) .btn {
  color: var(--type-white-color);
  background-color: var(--btn-primary-color);
}

.planos .btn {
  margin: 60px 0 0;
}

@media screen and (max-width: 991px) {
  .planos .info {
    width: 95%;
  }

  .arraste {
    display: flex;
    width: 100%;
    text-align: center;
    justify-content: center;
    align-items: center;
    margin: 40px 0 -30px;
  }

  .arraste svg {
    margin: 0 20px 0 0;
    width: 30px;
    fill: var(--btn-primary-color);
  }

  .planos ul {
    overflow-x: scroll;
    padding: 30px 0;
  }

  .planos ul li {
    width: 800px;
  }

  .planos ul li:nth-of-type(1),
  .planos ul li:nth-of-type(2),
  .planos ul li:nth-of-type(3) {
    position: relative;
    top: auto;
    left: auto;
  }

  .planos .btn {
    width: 95%;
  }
}

/* Tabs */

.abas {
  background-color: var(--primary-color);
  text-align: center;
  padding-top: 0;
}

.abas .btn {
  clear: both;
}

.tabs {
  float: left;
  margin: 0;
  width: 100%;
}

.tabs input[type="radio"] {
  display: none;
}

.tabs--label {
  width: 100%;
  display: flex;
  position: relative;
  padding: 0;
  margin: 0 auto;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.tabs--label label {
  display: block;
  position: relative;
  width: 100%;
  cursor: pointer;
  font-size: 17px;
  padding: 30px 20px;
  margin: 0;
  opacity: 0.3;
  text-align: center;
  transition: ease 0.3s;
}

.tabs--label label.current,
.tabs--label label:hover {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.1);
}

.tabs--section > div.clearfix {
  width: 100%;
  position: absolute;
  z-index: -1;
  opacity: 0;
  left: 0;
  top: 0;
  height: 100px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.tabs--section {
  width: 100%;
  overflow: hidden;
}

.tabs--section .tab--section {
  width: 100%;
  margin: 60px 0;
  overflow: hidden;
  position: relative;
}

.tabs--section .info {
  width: 30%;
  float: left;
  text-align: left;
}

.tabs--section .info p {
  margin: 30px 0 0;
}

.tabs--section ul {
  float: right;
  display: flex;
  flex-wrap: wrap;
  width: 66.6666667%;
  margin: 0;
}

.tabs--section ul li {
  position: relative;
  width: calc(50% - 20px);
  margin: 10px;
  padding: 20px 30px;
  background-color: rgba(255, 255, 255, 0.1);
  border-radius: 10px;
  display: flex;
  align-items: center;
  text-align: left;
}

.tabs--section ul li h3 {
  margin: 0;
}

.tabs--section ul li span {
  margin: 0 20px 0 0;
  background-color: rgba(255, 255, 255, 0.2);
}

#tab-01:checked ~ .tab--section--01,
#tab-02:checked ~ .tab--section--02,
#tab-03:checked ~ .tab--section--03,
#tab-04:checked ~ .tab--section--04,
#tab-05:checked ~ .tab--section--05,
#tab-06:checked ~ .tab--section--06 {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  display: block;
  height: auto;
  z-index: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

@media screen and (max-width: 768px) {
  .tabs--label {
    display: flex;
    overflow-x: scroll;
    padding: 0;
  }

  .tabs--label label {
    font-size: 14px;
    flex-grow: 1;
    display: block;
    width: auto;
    white-space: nowrap;
    padding: 30px 15px 30px;
    margin: 0;
  }

  .tabs--section {
    margin: 0;
    width: 95%;
  }

  .tabs--section .info {
    width: 100%;
  }

  .tabs--section ul {
    width: 100%;
    margin: 30px 0 0;
  }

  .tabs--section ul li {
    width: 100%;
    margin: 10px 0;
  }

  .abas .btn {
    width: 95%;
  }
}

/* CTA */

.cta {
  background-color: var(--primary-color);
  position: relative;
  overflow: hidden;
  padding: 30px 0;
}

.cta img {
  display: block;
  position: absolute;
  right: 45%;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  max-width: 4000px;
  height: 165%;
}

.cta .col-af-content {
  position: relative;
}

.cta .info {
  position: absolute;
  width: 40%;
  max-width: 450px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.cta .form {
  width: 33.3333333%;
  float: right;
  min-height: 430px;
}

@media screen and (max-width: 991px) {
  .cta .info {
    position: relative;
    width: 100%;
    left: auto;
    top: auto;
    transform: none;
    margin: 30px 0 30px;
  }

  .cta .form {
    width: 100%;
    min-height: 300px;
  }

  .cta img {
    right: auto;
    top: -15%;
    left: 40%;
    transform: translateX(-50%);
    width: 200%;
    max-width: 200%;
    height: auto;
  }
}

/* Footer  */

.footer {
  background-color: var(--bg-white-color);
  padding: 40px 0 0;
}

.footer .col-af-content div {
  width: 25%;
  float: left;
}

.footer .col-af-content div.info {
  width: 50%;
}

.footer .col-af-content div.social {
  float: right;
  position: relative;
  width: auto;
  text-align: right;
  display: flex;
}

.footer .col-af-content div.social .title-common {
  position: absolute;
  top: 50%;
  transform: translate(-140%, -50%);
  margin: 0;
}

.footer .col-af-content div img {
  display: block;
  width: 210px;
  margin: 10px 0 0;
}

[data-theme="dark"] .footer .col-af-content div img {
  filter: brightness(0) invert(1);
}

.footer .col-af-content hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  outline: 0;
  margin: 40px 0 60px;
  float: left;
  background-color: rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .footer .col-af-content hr {
  background-color: rgba(255, 255, 255, 0.1);
}

.footer .col-af-content div .title-common {
  margin: 0 0 30px;
}

.footer .col-af-content div .title-common,
.footer .col-af-content div .title-common a {
  display: block;
  font-weight: 700 !important;
  font-size: 0.919em;
  font-weight: 400;
  color: var(--type-purple-color);
  opacity: 1;
}

.footer .col-af-content div a,
.footer .col-af-content div p {
  font-family: "Citrine";
  display: block;
  position: relative;
  font-size: 0.919em;
  font-weight: 400;
  color: var(--type-gray-color);
  line-height: 1.5;
  opacity: 0.85;
  margin: 5px 0 0;
}

.footer .col-af-content div .icon {
  font-size: 0.844em;
  margin: 20px 0 0;
}

.footer .col-af-content div .icon svg {
  display: inline-block;
  width: 18px;
  margin: 0 10px -5px 0;
  fill: var(--type-purple-color);
}

.footer .col-af-content div a:hover {
  color: var(--type-purple-color);
  opacity: 1;
}

.footer .col-af-content div a.social {
  display: inline-block;
  position: relative;
  margin: 0 0 0 5px;
  padding: 0;
  width: 50px;
  height: 50px;
  opacity: 1;
  border-radius: 50%;
  transition: ease 0.4s;
}

a.social svg {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 25px;
  transform: translate(-50%, -50%);
  fill: #fff;
  transition: ease 0.4s;
}

.footer .col-af-content div a.social:hover {
  box-shadow: 0px 0px 0px 6px var(--primary-border-color);
}

@media screen and (max-width: 991px) {
  .footer .col-af-content div,
  .footer .col-af-content div.info {
    width: 100%;
    text-align: center;
  }

  .footer .col-af-content div.social {
    text-align: center;
    display: block;
  }

  .footer .col-af-content div.social .title-common {
    position: relative;
    display: block;
    top: auto;
    width: 100%;
    transform: none;
  }

  .footer .col-af-content hr {
    margin: 40px 0 0;
  }

  .footer .col-af-content div img {
    margin: 0 auto 10px;
  }

  .footer .col-af-content div span.title-common {
    margin: 60px 0 30px !important;
  }

  .footer .col-af-content div a.social {
    margin: 0 2px;
  }
}

/* Copyright */

.footer .col-af-content .end {
  width: 100%;
  margin: 60px 0 0;
  padding: 15px 0;
}

.footer .col-af-content .end div {
  width: 80%;
  float: left;
  text-align: left;
}

.footer .col-af-content .end div:nth-child(2) {
  text-align: right;
  width: 20%;
}

.footer .col-af-content .end div a,
.footer .col-af-content .end div p {
  display: inline-block;
  font-size: 0.594em;
  font-weight: 400;
  line-height: 1.2;
  color: var(--type-gray-color);
  margin: 0;
}

.footer .col-af-content .end div a:not(.dev)::before {
  content: "/";
  display: inline-block;
  font-size: 9px;
  font-weight: 400;
  line-height: 1.2;
  color: var(--type-gray-color);
  margin: 0 7px 0 5px;
}

.footer .col-af-content .end div img {
  display: block;
  width: 60px;
  max-width: 60px;
  margin: 0 0 -3px 5px;
}

@media screen and (max-width: 991px) {
  .footer .col-af-content .end {
    padding: 20px 20px 40px;
  }

  .footer .col-af-content .end div,
  .footer .col-af-content .end div:nth-child(2) {
    width: 100%;
    text-align: center;
  }

  .footer .col-af-content .end div p {
    line-height: 1.5;
    margin: 10px 10px 10px 0;
  }
}

/* Animate */

.anime {
  opacity: 0;
  transition: ease 0.8s;
  transition-delay: 0.3s;
}

.come-in {
  opacity: 1;
}

.anime.already-visible {
  opacity: 1;
  -webkit-transform: none !important;
  transform: none !important;
}

.anime.fadeInUp {
  -webkit-transform: translateY(50px);
  transform: translateY(50px);
}

.anime.fadeInUp.come-in {
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.anime.delay {
  transition-delay: 0.6s;
}

/* OWL */

.owl-carousel {
  display: none;
  width: 100%;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  position: relative;
  z-index: 1;
}

.owl-carousel .owl-stage {
  position: relative;
  display: flex;
  padding-left: 0 !important;
  -ms-touch-action: pan-Y;
}

.owl-carousel.owl-hero .owl-stage {
  display: block;
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  z-index: 2;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-item {
  position: relative;
  display: flex;
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
  display: none;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
  cursor: pointer;
  cursor: hand;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  display: none;
}

.owl-carousel.owl-drag .owl-item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-nav {
  display: block;
  width: 100%;
  max-width: 1216px;
  margin: 0;
  position: absolute;
  top: -50px;
  left: 50%;
  text-align: right;
  transform: translateX(-50%);
  z-index: 3;
}

.owl-nav button {
  z-index: 10;
  display: inline-block;
  position: relative;
  cursor: pointer;
  border: 0;
  margin: 0 5px;
  outline: 0;
  padding: 0;
  width: 40px;
  height: 40px;
  background-color: var(--btn-primary-color);
  transition: all 0.3s;
  border-radius: 50%;
}

.owl-professores .owl-nav,
.owl-integracoes .owl-nav,
.owl-funcionalidades .owl-nav,
.owl-categorias .owl-nav {
  top: auto;
  transform: none;
  position: initial;
  left: auto;
}

.owl-professores .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.2);
}

.font-w .owl-integracoes .owl-nav button {
  background-color: rgba(255, 255, 255, 0.2);
}

.owl-integracoes .owl-nav button,
.owl-funcionalidades .owl-nav button {
  position: absolute;
  top: 16px;
  right: 0;
}

.owl-categorias .owl-nav button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.owl-integracoes .owl-nav button.owl-prev {
  right: auto;
  left: -60px;
}

.owl-funcionalidades .owl-nav button {
  top: 50%;
  transform: translateY(-50%);
}

.owl-funcionalidades .owl-nav button.owl-prev {
  left: -20px;
}

.owl-funcionalidades .owl-nav button.owl-next {
  right: -20px;
}

.owl-professores .owl-nav button.owl-prev {
  left: -60px;
}

.owl-professores .owl-nav button.owl-next {
  right: -60px;
}

.owl-nav button.disabled {
  opacity: 0.2;
}

.owl-nav button svg {
  z-index: 10;
  display: block;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  fill: #fff;
}

.owl-dots {
  display: inline-block;
  width: 95%;
  max-width: 1216px;
  position: absolute;
  text-align: center;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  bottom: -35px;
}

.owl-solucoes .owl-dots {
  bottom: 40px;
}

.col-af-slide .owl-dots {
  left: 0;
  transform: none;
}

.owl-hero .owl-dots {
  text-align: left;
  bottom: 20px;
}

.owl-dots .owl-dot {
  display: inline-block;
  border: 0;
  width: 20px;
  height: 6px;
  padding: 0;
  margin: 6px 8px;
  outline: 0;
  transition: all 0.3s;
  background-color: var(--btn-primary-color);
  opacity: 0.4;
  border-radius: 10px;
}

.owl-hero .owl-dots .owl-dot,
.owl-professores .owl-dots .owl-dot {
  background-color: var(--type-white-color);
}

.owl-dots .owl-dot.active {
  opacity: 1;
}

.no-js .owl-carousel {
  display: block;
}

/* Video Modal */

.YouTubePopUp-Wrap {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.95);
  top: 0;
  left: 0;
  z-index: 99;
}

.YouTubePopUp-animation {
  opacity: 0;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: YouTubePopUp;
}

@keyframes YouTubePopUp {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.YouTubePopUp-Content {
  max-width: 800px;
  width: 100%;
  background-color: transparent;
  display: block;
  margin: 0;
  max-height: 100%;
  padding: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.YouTubePopUp-Hide {
  animation-duration: 0.5s;
  animation-fill-mode: both;
  animation-name: YouTubePopUpHide;
}

@keyframes YouTubePopUpHide {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.YouTubePopUp-Close {
  cursor: pointer;
  display: block;
  width: 60px;
  height: 60px;
  margin: 20px auto 0;
  border-radius: 50%;
  background-color: var(--type-white-color);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cpath d='M0.4 8C1 1.6 9.6-2.3 14.4 2.4 29.7 17.5 44.8 32.8 60.1 48 75.4 33 90.4 17.7 105.6 2.6 108.1 0.6 111.8-0.7 114.8 1.2 120 3.2 121.6 10.7 117.7 14.7 102.6 29.8 87.5 45 72.3 60.1 87.4 75.5 102.8 90.6 118 106 120.3 108.8 120.5 113.2 118.4 116.2 116.1 119.8 110.9 120.9 107.2 118.8 105.5 117.9 104.3 116.3 103 115 88.7 100.8 74.5 86.4 60.1 72.3 45.1 87.3 30.2 102.3 15.2 117.2 11.5 121.4 4 120.4 1.5 115.4 -0.8 112.2 0.5 107.8 3.1 105.1 18.1 90.1 33.1 75.1 48.1 60.1 33.2 45.3 18.3 30.4 3.5 15.5 1.4 13.7 0 10.8 0.4 8Z' fill='%23743bbc'/%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 18px auto;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  margin: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Blog */

.blog,
.materiais {
  text-align: center;
  background-color: var(--bg-gray-color);
}

.blog-content {
  padding-top: 0;
}

.blog-content .col-af-content {
  transform: translateY(-80px);
}

.materiais.blog-content .col-af-content {
  transform: none;
}

.blog a.btn,
.materiais a.btn {
  clear: both;
  margin: 30px 0 0;
}

.blog .info,
.materiais .info {
  text-align: left;
}

ul.postagens {
  width: calc(100% + 30px);
  display: flex;
  flex-wrap: wrap;
  float: left;
  margin: 30px 0 0 -15px;
}

.conteudos ul.postagens {
  width: 100%;
  margin: 0;
}

ul.postagens.destaques {
  margin-top: -140px;
  z-index: 2;
  position: relative;
}

ul.postagens li {
  width: 33.3333333%;
  margin: 0;
  padding: 15px;
  text-align: left;
  position: relative;
}

.conteudos ul.postagens li {
  padding: 10px;
}

ul.postagens.owl-carousel li,
ul.postagens.destaques li {
  width: 100%;
}

ul.postagens li a:not(.btn) {
  display: block;
  position: relative;
  width: 100%;
  border-radius: 10px;
  transition: ease 0.4s;
}

.cases ul.postagens li a:not(.btn) {
  background-color: var(--type-gray-color);
}

.cases ul.postagens li a:not(.btn) {
  overflow: hidden;
}

.materiais ul.postagens li a:not(.btn) {
  padding: 30px;
  height: 100%;
  background-color: #e5e1e9;
}

.cases ul.postagens li a:not(.btn):hover {
  box-shadow: 0px 0px 0px 10px var(--primary-border-color);
}

.blog ul.postagens li:hover .image {
  box-shadow: 0px 0px 0px 10px var(--primary-border-color);
}

.materiais ul.postagens li a:not(.btn):hover {
  background-color: var(--primary-color);
}

.cases ul.postagens li a:not(.btn)::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgb(0, 0, 0);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.8) 20%,
    rgba(0, 0, 0, 0) 80%
  );
}

.cases ul.postagens li a:not(.btn)::after {
  content: "";
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  transition: ease 0.4s;
  background: rgb(116, 59, 188);
  background: linear-gradient(
    0deg,
    rgba(116, 59, 188, 0.9) 25%,
    rgba(116, 59, 188, 0) 100%
  );
}

ul.postagens.destaques li a:not(.btn)::before {
  background: linear-gradient(
    40deg,
    rgba(0, 0, 0, 0.8) 20%,
    rgba(0, 0, 0, 0) 80%
  );
}

[data-theme="dark"] .cases ul.postagens li a:not(.btn)::after {
  background: rgb(0, 0, 0);
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 0.9) 25%,
    rgba(0, 0, 0, 0) 100%
  );
}

ul.postagens li a:not(.btn):hover::after {
  opacity: 1;
}

ul.postagens li .image {
  display: block;
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
  transition: ease 0.4s;
}

.cases ul.postagens li .image {
  aspect-ratio: 1 / 1;
}

.cases ul.postagens.destaques li .image {
  aspect-ratio: unset;
  height: 360px;
}

.materiais ul.postagens li .image {
  aspect-ratio: unset;
}

.conteudos ul.postagens li .image {
  position: absolute;
  left: 2px;
  top: 10px;
  width: 50%;
  height: calc(100% - 20px);
  aspect-ratio: unset;
}

ul.postagens li .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: ease 0.4s;
}

ul.postagens li .image a {
  display: block;
  width: 100%;
  height: 100%;
}

.materiais ul.postagens li .image img {
  width: 70%;
  height: auto;
  object-fit: contain;
  margin: 0 auto;
}

ul.postagens li:hover .image img {
  transform: scale(1.1);
}

.materiais ul.postagens li a:not(.btn):hover .image img {
  transform: scale(1);
  opacity: 0.3;
}

.cases ul.postagens li .info {
  position: absolute;
  width: 80%;
  bottom: 40px;
  left: 40px;
  text-align: left;
  z-index: 3;
}

.cases ul.postagens.destaques li .info {
  max-width: 500px;
}

.conteudos ul.postagens li .info {
  float: right;
  width: 40%;
}

.materiais ul.postagens li .info {
  text-align: center;
  padding: 20px 20px 20px;
}

.materiais ul.postagens li .info .descricao-item {
  margin-top: 20px;
  margin-bottom: 0;
}

.blog ul.postagens li .btn,
.cases ul.postagens li .btn,
.conteudos ul.postagens li span.btn {
  padding: 6px 10px 6px;
  font-size: 10px;
  min-width: 20px;
  margin: 0 0 20px;
}

.conteudos ul.postagens li span.btn {
  margin: 0 0 30px;
}

.blog ul.postagens li .btn {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 1;
  margin: 0;
}

.materiais ul.postagens li .btn {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition: ease 0.4s;
}

.materiais ul.postagens li a:not(.btn):hover .btn {
  opacity: 1;
}

.cases ul.postagens li .info h3,
.materiais ul.postagens li .info h3 {
  margin: 0;
}

.blog ul.postagens li .info h3 {
  margin: 20px 0;
}

.conteudos ul.postagens li .info h3 a {
  color: var(--type-purple-color);
}

.materiais ul.postagens li a:not(.btn):hover .info h3,
.materiais ul.postagens li a:not(.btn):hover .info p {
  color: var(--type-white-color);
}

ul.postagens li p.date {
  font-family: "Citrine";
  font-size: 15px;
  display: flex;
  align-items: center;
  justify-content: start;
}

.conteudos ul.postagens li p.date {
  margin: 0 0 20px;
}

.conteudos ul.postagens li a.btn {
  margin: 30px 0 0;
}

ul.postagens li p.date svg {
  width: 18px;
  display: inline-block;
  margin: 0 15px 0 0;
  fill: var(--btn-primary-color);
}

.pages-number {
  padding: 0;
  width: 100%;
  float: left;
  clear: both;
  margin: 40px 0 0;
  text-align: center;
}

.pages-number a,
.pages-number span {
  font-family: "Citrine";
  display: inline-block;
  width: 55px;
  height: 55px;
  line-height: 50px;
  text-align: center;
  font-size: 15px;
  background-color: transparent;
  color: var(--primary-color);
  border: 1.5pt solid var(--primary-color);
  font-weight: 700;
  margin: 0 5px;
  border-radius: 50%;
  transition: all 0.3s;
}

.pages-number a:hover,
.pages-number span:hover {
  background-color: var(--primary-color);
  color: var(--type-white-color);
}

.pages-number span {
  color: var(--type-white-color);
  background-color: var(--primary-color);
  border: 1.5pt solid var(--primary-color);
}

@media screen and (max-width: 991px) {
  ul.postagens {
    width: 100%;
    margin: 30px 0 0;
  }

  ul.postagens li {
    width: 100%;
    padding: 10px;
  }

  ul.postagens.owl-carousel li {
    padding: 10px 20px 10px 0;
  }

  .blog a.btn,
  .materiais a.btn {
    clear: both;
    width: 95%;
    float: left;
    margin: 60px 0 0;
  }

  .conteudos ul.postagens {
    margin: 0 0 30px;
  }

  .conteudos ul.postagens li {
    padding: 10px 40px 10px 0;
  }

  .conteudos ul.postagens li .image {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .conteudos ul.postagens li .info {
    width: 100%;
    margin: 30px 0 0;
  }

  .conteudos ul.postagens li span.btn,
  .conteudos ul.postagens li .info h3 {
    margin: 0 0 20px;
  }

  .conteudos ul.postagens li p.date {
    margin: 0 0 10px;
  }

  .conteudos ul.postagens li a.btn {
    margin: 20px 0 0;
    display: none;
  }
}

/* Conteúdo */

.conteudos {
  background-color: var(--bg-gray-color);
}

.paged.page-id-865 .conteudos {
  display: none;
}

.conteudos .destaque {
  width: 66.6666667%;
  padding: 0 100px 0 0;
  float: left;
}

.conteudos .col-af-content {
  position: relative;
}

.conteudos .destaque.case-interno {
  float: none;
  width: 100%;
  max-width: 1100px;
  background-color: var(--type-white-color);
  padding: 60px 80px;
  border-radius: 15px;
  margin: -120px auto 0;
  z-index: 3;
  position: relative;
}

.conteudos .sidebar {
  width: 33.3333333%;
  float: left;
}

.single .conteudos .sidebar {
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}

.conteudos .sidebar .item {
  border-radius: 15px;
  transition: ease 0.4s;
  padding: 30px 40px;
  background-color: var(--primary-light-color);
  margin: 40px 0 0;
}

.conteudos .sidebar .item.newsletters {
  margin: 0;
}

.conteudos .sidebar .item.categorias {
  height: 400px;
}

.single .conteudos .sidebar .item.newsletters {
  position: sticky;
  top: 140px;
  margin: 40px 0 0;
}

@media screen and (max-width: 991px) {
  .conteudos .destaque {
    width: 100%;
    padding: 0 0 40px;
  }

  .conteudos .destaque.case-interno {
    padding: 20px 30px;
    margin: -120px auto 0;
  }

  .conteudos .sidebar {
    width: 100%;
  }

  .single .conteudos .sidebar {
    height: auto;
    position: relative;
    right: auto;
    top: auto;
  }

  .conteudos .col-af-slide .sidebar {
    width: 95%;
  }
}

/* Categorias */

.categorias {
  padding: 0;
  background-color: var(--bg-gray-color);
}

.categorias .col-af-content {
  position: relative;
}

/*.categorias .col-af-content div {
display: flex;
overflow: auto;
padding: 50px 0;
position: relative;
}*/

.categorias .col-af-content ul {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 50px 0;
}

.categorias.item {
  overflow: auto;
}

.categorias .col-af-content::before {
  content: "";
  display: block;
  width: 40px;
  height: 100%;
  background: rgb(255, 255, 255);
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 8%,
    var(--bg-gray-color) 100%
  );
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}

/*.categorias .col-af-content::after {
right: auto;
left: 0;
width: 20px;
background: linear-gradient(270deg, rgba(255, 255, 255, 0) 8%, var(--bg-gray-color) 100%);
}*/

.categorias .col-af-content ul li {
  width: 100%;
  display: block;
  padding: 5px 6px;
}

.categorias .btn {
  width: 100%;
  height: 100%;
}

.sidebar .categorias .btn {
  width: 100%;
  margin: 10px 0;
}

.categorias .col-af-content div::-webkit-scrollbar-track,
.categorias.item::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: rgba(116, 59, 188, 0.1);
}

.categorias .col-af-content div::-webkit-scrollbar {
  height: 5px;
  background-color: rgba(116, 59, 188, 0.1);
}

.categorias.item::-webkit-scrollbar {
  width: 5px;
  background-color: rgba(116, 59, 188, 0.1);
}

.categorias .col-af-content div::-webkit-scrollbar-thumb,
.categorias.item::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: rgba(116, 59, 188, 0.5);
}

@media screen and (max-width: 991px) {
  .categorias .col-af-content ul {
    padding: 30px 0;
  }

  .categorias .btn {
    display: flex;
  }
}

/* Contato */

.contato {
  background-color: #000;
  position: relative;
}

.contato .info {
  width: 40%;
  float: left;
}

.contato .info h1 {
  margin: 0 0 60px;
  color: var(--type-white-color);
}

.contato .info p {
  color: var(--type-white-color);
}

.contato .info span {
  color: var(--type-white-color);
}

.contato .info a {
  display: block;
  position: relative;
  padding: 20px 20px 20px 60px;
  background-color: #ac1f25;
  font-size: 15px;
  font-weight: 600;
  color: var(--type-white-color);
  line-height: 1.2;
  transition: all 0.3s;
  border-radius: 4px;
  margin: 20px 0 0;
}

.contato .info a svg {
  display: block;
  position: absolute;
  width: 20px;
  left: 20px;
  top: 50%;
  margin: 0;
  transform: translateY(-50%);
  fill: #fff;
  transition: ease 0.4s;
}

.contato .form-af {
  float: right;
  width: 45%;
  padding: 60px;
  border-radius: 15px;
  background-color: var(--type-white-color);
}

@media screen and (max-width: 991px) {
  .contato .form-af {
    width: 100%;
    margin: 60px 0 0;
    padding: 30px;
  }

  .contato .info {
    width: 100%;
  }
}

/* Inputs */

.form-af {
  display: block;
  margin: 0;
  position: relative;
}

.form-af input[type="text"].naoexibir,
.form-af input[type="url"].naoexibir {
  height: 0;
  width: 0;
  border: 0 !important;
  outline: 0;
  padding: 0 !important;
  background: transparent;
}

.form-af div {
  width: 100%;
  padding: 6px 0 0;
  margin: 0;
  float: left;
  position: relative;
}

.form-af label span {
  display: none;
}

.form-af label,
.single .entry-content .hbspt-form label {
  font-family: "Citrine";
  font-size: 10px;
  font-weight: 400;
  color: var(--btn-primary-color);
  line-height: 1.4;
  margin: 0;
  /*position: absolute;
top: 24px;
left: 20px;*/
  transition: ease 0.3s;
}

/*.form-af input:focus + label,
.form-af input.not-empty + label,
.form-af textarea:focus + label,
.form-af textarea.not-empty + label,
.form-af input.invalidPattern + label {
font-size: 9px;
left: 10px;
top: 11px;
padding: 0 10px;
}*/

.form-af select,
.form-af input:not([type="submit"]),
.form-af textarea,
.comments textarea,
.comments input,
.single .entry-content .hbspt-form select,
.single .entry-content .hbspt-form input:not([type="submit"]),
.single .entry-content .hbspt-form textarea {
  display: block;
  font-size: 16px;
  font-weight: 400;
  color: #332d2f;
  width: 100%;
  height: 55px;
  line-height: 55px;
  margin: 0;
  outline: 0;
  border: 1.4pt solid var(--btn-primary-color);
  background-color: var(--type-white-color);
  background-size: 11px auto;
  background-position: right 12px center;
  background-repeat: no-repeat;
  resize: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0 10px 0 20px;
  border-radius: 4px;
  transition: all 0.3s;
}

.form-af input:not([type="submit"])::placeholder,
.form-af textarea::placeholder,
.single .entry-content .hbspt-form input:not([type="submit"])::placeholder,
.single .entry-content .hbspt-form textarea::placeholder {
  font-family: "Citrine";
  font-size: 14px;
  font-weight: 400;
  color: var(--btn-primary-color);
  line-height: 1.4;
}

.comments input {
  height: 45px;
  line-height: 45px;
}

.form-af.busca input:not([type="submit"]) {
  padding: 0 20px;
}

.form-af select,
.single .entry-content .hbspt-form select {
  line-height: 52px;
  padding: 0 20px 2px;
  background-size: 22px auto;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24px' fill='%23743bbc'%3E%3Cpath d='M24 24H0V0h24v24z' fill='none' opacity='.87'/%3E%3Cpath d='M15.88 9.29L12 13.17 8.12 9.29c-.39-.39-1.02-.39-1.41 0-.39.39-.39 1.02 0 1.41l4.59 4.59c.39.39 1.02.39 1.41 0l4.59-4.59c.39-.39.39-1.02 0-1.41-.39-.38-1.03-.39-1.42 0z'/%3E%3C/svg%3E");
}

.form-af textarea,
.comments textarea {
  height: 110px;
  line-height: 1.5;
  resize: none;
  padding: 20px 20px;
}

.form-af select:required:invalid,
.single .entry-content .hbspt-form select:required:invalid {
  font-family: "Citrine";
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-color);
}

.form-af select option[value=""][disabled],
.single .entry-content .hbspt-form select option[value=""][disabled] {
  display: none;
}

.form-af select option,
.single .entry-content .hbspt-form select option {
  color: var(--type-gray-color);
}

.form-af select:focus,
.form-af input:not([type="submit"]):focus,
.form-af textarea:focus,
.single .entry-content .hbspt-form select:focus,
.single .entry-content .hbspt-form input:not([type="submit"]):focus,
.single .entry-content .hbspt-form textarea:focus {
  box-shadow: 0px 0px 0px 6px var(--primary-border-color);
}

.cta .form-af select:focus,
.cta .form-af input:not([type="submit"]):focus,
.cta .form-af textarea:focus {
  box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.25);
}

.form-af input:not([type="submit"]).invalidPattern {
  border: 1.4pt solid #e50202;
}

.form-af input[type="submit"],
.single .entry-content .hbspt-form input[type="submit"] {
  cursor: pointer;
  border: 1.5pt solid #fff;
  outline: 0;
  background-image: none;
  min-width: 1px;
  width: 100%;
}

.form-af.busca input[type="submit"] {
  width: 55px;
  height: 55px;
  position: absolute;
  min-width: 55px;
  padding: 0;
  background-color: transparent;
  right: 0;
  top: 0;
  border: 0;
  text-indent: -999px;
  overflow: hidden;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 512.392 512.392' height='512' viewBox='0 0 512.392 512.392' width='512'%3E%3Cg%3E%3Cpath fill='%23743bbc' d='m211.196 422c-116.346 0-211-94.654-211-211s94.654-211 211-211 211 94.654 211 211-94.654 211-211 211zm0-382c-94.29 0-171 76.71-171 171s76.71 171 171 171 171-76.71 171-171-76.71-171-171-171zm295.143 466.534c7.81-7.811 7.81-20.475 0-28.285l-89.5-89.5c-7.811-7.811-20.475-7.811-28.285 0s-7.81 20.475 0 28.285l89.5 89.5c3.905 3.905 9.024 5.857 14.143 5.857s10.236-1.952 14.142-5.857z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 24px auto;
}

.form-af span,
.single .entry-content .hbspt-form span {
  display: block;
  width: 100%;
  float: left;
  font-size: 12px;
  padding: 0;
  font-weight: 400;
  color: var(--type-purple-color);
  line-height: 1.4;
  margin: 0;
  opacity: 0.95;
}

.form-af span a,
.single .entry-content .hbspt-form span a {
  display: inline-block;
  color: var(--type-purple-color);
  text-decoration: underline;
}

.cta .form-af span,
.cta .form-af span a,
.cta .form-af label {
  color: var(--type-white-color);
}

.form-af p,
.single .entry-content .hbspt-form p {
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: var(--type-purple-color);
  line-height: 1.4;
  margin: 20px 0 0 !important;
  opacity: 0.95;
  text-align: left;
}

.form-af div.hs-richtext {
  padding: 0;
}

.form-af div.hs-richtext p {
  margin: 10px 0 0 !important;
}

.form-af p a {
  color: var(--type-purple-color);
  display: inline-block;
  text-decoration: underline;
}

.form-af p.seguro {
  display: flex;
  width: 100%;
  font-size: 14px;
  font-weight: 400;
  color: var(--type-purple-color);
  line-height: 1.4;
  padding: 20px 0 0;
  opacity: 0.95;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.form-af p.seguro svg {
  display: inline-block;
  width: 16px;
  fill: var(--type-purple-color);
  margin: 0 10px 0 0;
}

.cta .form-af p.seguro,
.cta .form-af p,
.cta .form-af p a {
  color: var(--type-white-color);
}

.cta .form-af p.seguro svg {
  fill: #fff;
}

/* Enviado */

.page-template-page-enviado .header,
.page-template-page-enviado .footer,
.page-template-page-enviado .cta,
.page-template-page-enviado .end,
.error404 .header,
.error404 .footer,
.error404 .cta,
.error404 .end {
  display: none;
}

.col-af.pedido-enviado {
  background-color: var(--primary-color);
  min-height: 100vh;
}

.pedido-enviado .col-af-content {
  max-width: 800px;
  text-align: center;
  padding: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.pedido-enviado .col-af-content h1,
.pedido-enviado .col-af-content .entry-content p {
  color: var(--type-white-color);
}

.pedido-enviado .col-af-content a.btn {
  margin: 30px 0 0;
}

.error404 .pedido-enviado .col-af-content svg {
  display: block;
  width: 60px;
  margin: 0 auto 30px;
  fill: #fff;
}

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #fff;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 0 auto 40px;
  box-shadow: inset 0px 0px 0px #fff;
  animation: fill 0.4s ease-in-out 0.4s forwards,
    scale 0.3s ease-in-out 0.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  stroke: var(--primary-color);
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%,
  100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #fff;
  }
}

/* One column */

.one-column #content {
  margin: 0 auto;
  max-width: 1300px;
  width: 90%;
  position: relative;
  padding: 80px 0;
}

.single-attachment #content {
  margin: 0 auto;
  max-width: 1000px;
  width: 90%;
}

/* Styles */

.screen-reader-text {
  position: absolute;
  left: -9000px;
}

/* Share Buttons */

.crunchify-social {
  width: 100%;
  display: flex;
  align-items: center;
  height: auto;
  padding: 20px 0 10px;
  margin: 0;
}

.crunchify-social h3 {
  margin: 0 20px 0 0;
}

.crunchify-social a {
  min-width: 20px;
  margin: 5px 10px 5px 0;
  padding: 10px 25px 12px 45px;
  text-decoration: none;
  background-size: 15px auto;
  background-repeat: no-repeat;
  background-position: 20px center;
}

@media screen and (max-width: 768px) {
  .crunchify-social {
    display: block;
    margin: 0;
  }

  .crunchify-social a {
    float: left;
    margin: 15px 0 0;
    width: 100%;
  }
}

.crunchify-social a:nth-of-type(1) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19.05 4.91A9.816 9.816 0 0 0 12.04 2c-5.46 0-9.91 4.45-9.91 9.91c0 1.75.46 3.45 1.32 4.95L2.05 22l5.25-1.38c1.45.79 3.08 1.21 4.74 1.21c5.46 0 9.91-4.45 9.91-9.91c0-2.65-1.03-5.14-2.9-7.01m-7.01 15.24c-1.48 0-2.93-.4-4.2-1.15l-.3-.18l-3.12.82l.83-3.04l-.2-.31a8.264 8.264 0 0 1-1.26-4.38c0-4.54 3.7-8.24 8.24-8.24c2.2 0 4.27.86 5.82 2.42a8.183 8.183 0 0 1 2.41 5.83c.02 4.54-3.68 8.23-8.22 8.23m4.52-6.16c-.25-.12-1.47-.72-1.69-.81c-.23-.08-.39-.12-.56.12c-.17.25-.64.81-.78.97c-.14.17-.29.19-.54.06c-.25-.12-1.05-.39-1.99-1.23c-.74-.66-1.23-1.47-1.38-1.72c-.14-.25-.02-.38.11-.51c.11-.11.25-.29.37-.43s.17-.25.25-.41c.08-.17.04-.31-.02-.43s-.56-1.34-.76-1.84c-.2-.48-.41-.42-.56-.43h-.48c-.17 0-.43.06-.66.31c-.22.25-.86.85-.86 2.07c0 1.22.89 2.4 1.01 2.56c.12.17 1.75 2.67 4.23 3.74c.59.26 1.05.41 1.41.52c.59.19 1.13.16 1.56.1c.48-.07 1.47-.6 1.67-1.18c.21-.58.21-1.07.14-1.18s-.22-.16-.47-.28'/%3E%3C/svg%3E");
}

.crunchify-social a:nth-of-type(2) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M22 12c0-5.52-4.48-10-10-10S2 6.48 2 12c0 4.84 3.44 8.87 8 9.8V15H8v-3h2V9.5C10 7.57 11.57 6 13.5 6H16v3h-2c-.55 0-1 .45-1 1v2h3v3h-3v6.95c5.05-.5 9-4.76 9-9.95'/%3E%3C/svg%3E");
}

.crunchify-social a:nth-of-type(3) {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M19 3a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zm-.5 15.5v-5.3a3.26 3.26 0 0 0-3.26-3.26c-.85 0-1.84.52-2.32 1.3v-1.11h-2.79v8.37h2.79v-4.93c0-.77.62-1.4 1.39-1.4a1.4 1.4 0 0 1 1.4 1.4v4.93zM6.88 8.56a1.68 1.68 0 0 0 1.68-1.68c0-.93-.75-1.69-1.68-1.69a1.69 1.69 0 0 0-1.69 1.69c0 .93.76 1.68 1.69 1.68m1.39 9.94v-8.37H5.5v8.37z'/%3E%3C/svg%3E");
}

/* Format */

.hero-single {
  height: 420px;
  min-height: 50px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 0 0 80px 80px;
  background-color: var(--bg-gray-color);
}

.hero-single::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 2;
  background: rgb(116, 59, 188);
  background: linear-gradient(
      290deg,
      rgba(116, 59, 188, 0) 20%,
      rgba(116, 59, 188, 0.8) 80%
    ),
    linear-gradient(
      114deg,
      rgba(240, 77, 113, 0) 40%,
      rgba(240, 77, 113, 0.4) 60%
    );
}

.hero-single::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  z-index: 1;
  background: rgb(0, 0, 0);
  background: linear-gradient(
    290deg,
    rgba(0, 0, 0, 0) 20%,
    rgba(0, 0, 0, 0.8) 80%
  );
}

.hero-single .info {
  width: 100%;
  float: left;
}

.hero-single .info p {
  display: flex;
  margin: 30px 0 0;
}

.hero-single p span {
  display: inline-block;
  margin: 0 20px 0 0;
}

.hero-single p span.date {
  display: inline-flex;
  align-items: center;
  justify-content: start;
}

.hero-single p span.date svg {
  width: 18px;
  display: inline-block;
  margin: 0 15px 0 0;
  fill: #fff;
}

.hero-single span.btn {
  display: inline-block !important;
  width: auto !important;
  height: 28px;
  line-height: 26px;
  min-width: auto;
  font-size: 10px;
  padding: 0 20px;
  margin: 0 0 30px !important;
}

@media screen and (max-width: 768px) {
  .hero-single {
    height: 480px;
    border-radius: 0 0 30px 30px;
  }

  .hero-single .info {
    width: 100%;
  }

  .hero-single .info p {
    display: block;
  }

  .hero-single p span {
    display: block;
    margin: 0 0 5px;
  }
}

.insight .col-af-content {
  max-width: 980px;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5 {
  margin: 30px 0 20px;
}

.entry-content h1:nth-of-type(1),
.entry-content h2:nth-of-type(1),
.entry-content h3:nth-of-type(1),
.entry-content h4:nth-of-type(1),
.entry-content h5:nth-of-type(1) {
  margin: 0 0 30px 0;
}

.entry-content p {
  margin: 30px 0;
}

.entry-content a:not(.btn) {
  color: inherit;
  text-decoration: underline;
}

.entry-content a.btn {
  margin: 10px;
}

.entry-content ul {
  display: block;
  list-style: circle;
  padding: 0 0 0 30px;
}

.entry-content li {
  display: list-item;
  list-style: circle;
  line-height: 1.6;
  padding: 0 0 0 15px;
  color: var(--type-gray-color);
  font-size: 1.031em;
  margin: 15px 0;
  opacity: 0.85;
}

.entry-content li li {
  opacity: 1;
}

.single .entry-content iframe {
  display: block;
  aspect-ratio: 16 / 9;
  max-width: 760px !important;
  width: 100% !important;
  height: auto !important;
  margin: 30px auto;
}

.entry-content table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  margin: 0 0 80px;
}

.entry-content table tr {
  border-top: 1px solid var(--primary-border-color);
}

.entry-content table tr:nth-of-type(1) {
  background-color: var(--primary-color);
}

.entry-content table th {
  padding: 20px 0;
}

.entry-content table th h3 {
  margin: 0 !important;
}

.entry-content table tr:nth-of-type(1) h3,
.entry-content table tr:nth-of-type(1) th {
  color: var(--type-white-color);
}

.entry-content table tr:nth-of-type(1) th {
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.entry-content table tr:last-child {
  border-bottom: 1px solid var(--primary-border-color);
}

.entry-content table td {
  padding: 20px;
  font-size: 1.031em;
  font-weight: 400;
  color: var(--type-gray-color);
  opacity: 0.85;
  line-height: 1.5;
  margin: 0;
  border-left: 1px solid var(--primary-border-color);
}

.entry-content table td:last-child {
  border-right: 1px solid var(--primary-border-color);
}

/* Imagens */

img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img,
figure {
  max-width: 700px;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

.alignleft,
img.alignleft,
.alignright,
img.alignright,
.aligncenter,
img.aligncenter {
  clear: both;
  display: block;
  margin: 30px auto;
}

img.alignleft,
img.alignright,
img.aligncenter {
  margin-bottom: 12px;
}

.wp-caption {
  max-width: 700px;
  width: 100% !important;
  background: #fff;
  line-height: 18px;
  margin-bottom: 20px;
  padding: 0;
  text-align: center;
}

.wp-caption img {
  margin: 0;
}

.wp-caption p.wp-caption-text {
  color: #888;
  font-size: 12px;
  margin: 5px;
  text-align: center;
}

.wp-smiley {
  margin: 0;
}

.gallery {
  margin: 0 auto;
}

.gallery::after {
  content: "";
  display: table;
  clear: both;
}

.gallery .gallery-item {
  float: left;
  margin-top: 0;
  text-align: center;
  padding: 15px;
}

.gallery-columns-2 .gallery-item {
  width: 50%;
}

.gallery-columns-3 .gallery-item {
  width: 33.3333333%;
}

.gallery-columns-4 .gallery-item {
  width: 25%;
}

.gallery-columns-5 .gallery-item {
  width: 20%;
}

.gallery img {
  width: 100%;
  max-width: 100%;
  display: block;
  margin: 0;
}

.gallery .gallery-caption {
  color: #888;
  font-size: 12px;
  margin: 0 0 12px;
}

.gallery dl {
  margin: 0;
}

.gallery br {
  display: none;
}

@media screen and (max-width: 768px) {
  .gallery-item,
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item,
  .gallery-columns-5 .gallery-item {
    width: 50%;
  }
}

/* Acessibilidade */

.acessibilidade {
  position: fixed;
  top: 200px;
  right: 0;
  z-index: 2;
  padding: 10px 20px 20px 20px;
  background-color: var(--type-white-color);
  border-radius: 10px 0 0 10px;
  box-shadow: 0px 15px 60px 0px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 768px) {
  .acessibilidade {
    display: none;
  }
}

.acessibilidade.active {
  padding: 10px 20px 20px 60px;
}

.acessibilidade .info {
  width: 0;
  height: 0;
  overflow: hidden;
  min-height: 150px;
}

.acessibilidade.active .info {
  width: auto;
  height: auto;
}

.acessibilidade .title-common {
  margin: 20px 0 10px;
  display: block;
}

.acessibilidade button.ativar {
  font-family: "Citrine";
  cursor: pointer;
  position: absolute;
  left: -47px;
  top: 50%;
  display: block;
  font-size: 14px;
  text-align: center;
  font-weight: 400;
  color: var(--btn-primary-color);
  padding: 0 25px 0 0;
  margin: 0;
  opacity: 0.8;
  transition: ease 0.3s;
  transform: translateY(-50%) rotate(-90deg);
  background-color: transparent;
  border: 0;
  outline: 0;
}

.acessibilidade button.ativar::after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  margin: -9px 0 0;
  width: 20px;
  height: 20px;
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-position: center;
  background-color: transparent;
  transform: rotate(-180deg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 24 24'%3E%3Cpath fill='%23743bbc' d='M8.12 9.29L12 13.17l3.88-3.88a.996.996 0 1 1 1.41 1.41l-4.59 4.59a.996.996 0 0 1-1.41 0L6.7 10.7a.996.996 0 0 1 0-1.41c.39-.38 1.03-.39 1.42 0z'/%3E%3C/svg%3E");
}

.acessibilidade.active button.ativar::after {
  transform: rotate(0deg);
}

/* Dark mode */

.theme-switch-wrapper {
  display: flex;
  padding: 0 !important;
  width: 100% !important;
}

[data-theme="dark"] .acessibilidade span.title-common {
  color: var(--btn-primary-color);
}

.theme-switch {
  display: inline-block;
  height: 20px;
  position: relative;
  width: 35px;
  margin: 0;
  float: left;
}

.theme-switch input {
  display: none;
}

.theme-slider {
  background-color: #ccc;
  width: 100% !important;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.4s;
}

.theme-slider:before {
  background-color: var(--type-white-color);
  bottom: 4px;
  content: "";
  height: 12px;
  left: 4px;
  position: absolute;
  transition: 0.4s;
  width: 12px;
}

input:checked + .theme-slider {
  background-color: var(--primary-color);
}

input:checked + .theme-slider:before {
  transform: translateX(14px);
}

.theme-slider.round {
  border-radius: 320px;
}

.theme-slider.round:before {
  border-radius: 50%;
}

@media screen and (max-width: 991px) {
  .theme-switch-wrapper {
    left: 120px;
  }
}

/* Font */

.font-acess button {
  cursor: pointer;
  font-family: "Citrine";
  display: inline-block;
  font-size: 13px;
  text-align: center;
  font-weight: 400;
  color: #332d2f;
  padding: 4px 10px;
  margin: 0;
  opacity: 1;
  transition: ease 0.3s;
  background-color: #ccc;
  border: 0;
  outline: 0;
  border-radius: 5px;
}

.font-acess button:hover {
  color: var(--type-white-color);
  background-color: var(--btn-primary-color);
}

/* Comentários */

.comments {
  background-color: var(--bg-white-color);
}

.comments h3#comments,
.comments .navigation,
.commentlist .comment-form-cookies-consent,
.commentlist li.comment .comment-author img {
  display: none;
}

.comments .col-af-content {
  margin: 0 auto;
}

.commentlist {
  display: block;
  width: 100%;
  margin: 0;
}

.commentlist li.comment {
  display: block;
  width: 100%;
  margin: 0 0 40px;
  padding: 40px 0;
  border-top: 1px solid var(--primary-border-color);
}

.commentlist ul.children {
  margin: 40px 0 0;
}

.commentlist ul.children li.comment {
  margin: 0;
  padding-left: 60px;
  border-bottom: 1px solid var(--primary-border-color);
}

.commentlist li.comment .comment-body {
  width: 100%;
  margin: 0;
}

.commentlist li.comment .comment-body a {
  color: var(--primary-color);
  font-size: 12px;
  margin: 10px 0;
}

.commentlist li.comment .comment-body p {
  margin: 20px 0;
}

.commentlist li.comment .comment-author cite {
  font-style: normal;
  display: block;
  font-family: "Citrine";
  font-size: 18px;
  font-weight: 700;
  color: var(--primary-color);
  line-height: 1;
  margin: 0 0 10px;
}

.commentlist li.comment .comment-author span.says {
  display: none;
}

.comment-form-cookies-consent {
  display: none;
}

.comments label {
  font-family: "Citrine";
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--primary-color);
  line-height: 1.4;
  margin: 10px 0 5px;
}

/* Modal  */

.panel-md {
  width: 100%;
  height: 100%;
  position: fixed;
  opacity: 0;
  visibility: hidden;
  z-index: 99;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  transition: all 0.3s;
  -webkit-transform: translateY(8px);
  transform: translateY(8px);
}

.panel-md-hover {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(116, 59, 188, 0.9);
  cursor: default;
  text-indent: -999px;
}

.panel-md:target {
  opacity: 1;
  visibility: visible;
  z-index: 101;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}

.content-md {
  position: relative;
  top: 50%;
  left: 50%;
  height: auto;
  max-height: calc(100vh - 40px);
  margin: 20px 0 0;
  max-width: 550px;
  width: 90%;
  padding: 50px 60px 30px;
  background: var(--bg-white-color);
  z-index: 2;
  border: 0;
  text-align: center;
  overflow-y: auto;
  border-radius: 4px;
  box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.content-md.content-privacy {
  max-width: 820px;
}

.content-md .btn {
  width: 100%;
}

.content-md h3 {
  margin: 0 0 15px;
}

.content-md p {
  width: 100%;
  text-align: center;
  margin: 10px 0 10px;
}

.content-md a.md-close {
  position: absolute;
  top: 5px;
  right: 10px;
  cursor: pointer;
  text-indent: -999px;
  overflow-x: hidden;
  z-index: 2;
  width: 50px;
  height: 50px;
  background-color: transparent;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' %3F%3E%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle/%3E%3Cpath d='M18.83,16l8.59-8.59a2,2,0,0,0-2.83-2.83L16,13.17,7.41,4.59A2,2,0,0,0,4.59,7.41L13.17,16,4.59,24.59a2,2,0,1,0,2.83,2.83L16,18.83l8.59,8.59a2,2,0,0,0,2.83-2.83Z' fill='%23743bbc'/%3E%3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 25px auto;
}

@media screen and (max-width: 768px) {
  .content-md {
    padding: 35px;
  }
  .hidden-m {
    display: none!important;
  }
}

.postagens li a .info h3 + p {
  margin-bottom: 20px;
}

.link-funcionalidade {
  color: #743bbc;
  text-decoration: underline;
}

.filtros-categoria {
    text-align: center;
    margin-bottom: 30px;
}

.filtro-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}

.postagens li {
    transition: all 0.3s ease;
}

@media (max-width: 768px) {
    .filtro-buttons {
        flex-direction: column;
        align-items: center;
    }

    .filtro-btn {
        min-width: 200px;
    }
}