:root {
  --cw-azul: #2f78df;
  --cw-azul-claro: #2f8cff;
  --cw-roxo: #7468ff;
  --cw-fundo-escuro: #070812;
  --cw-fundo-secao: #101a2d;
  --cw-texto: #ffffff;
  --cw-texto-suave: rgba(255, 255, 255, 0.82);
  --cw-container: 1180px;
  --cw-container-topo: 1160px;
}

html,
body {
  margin: 0 !important;
  padding: 0 !important;
  overflow-x: hidden !important;
  font-family: Arial, Helvetica, sans-serif !important;
  background: var(--cw-fundo-escuro) !important;
}

body {
  color: var(--cw-texto) !important;
}

.cw_pagina,
.cw_pagina * {
  box-sizing: border-box !important;
}

.cw_pagina img {
  max-width: 100% !important;
}

.cw_secao {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 96px 20px 76px !important;
  color: var(--cw-texto) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  text-align: center !important;
}

.cw_secao_escura {
  background-color: var(--cw-fundo-secao) !important;
}

.cw_container {
  width: min(var(--cw-container), 100%) !important;
  max-width: var(--cw-container) !important;
  margin: 0 auto !important;
  position: relative !important;
  z-index: 1 !important;
}

.cw_titulo {
  display: block !important;
  width: 100% !important;
  max-width: 880px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  color: var(--cw-texto) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 34px !important;
  line-height: 1.12 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-align: center !important;
  text-transform: none !important;
}

.cw_texto {
  display: block !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 22px auto 0 !important;
  padding: 0 !important;
  color: var(--cw-texto-suave) !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 21px !important;
  line-height: 1.38 !important;
  font-weight: 400 !important;
  text-align: center !important;
  text-transform: none !important;
}

.cw_selo {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  margin: 0 auto 18px !important;
  padding: 0 14px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.16) !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.cw_acoes {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
}

.cw_botao {
  min-width: 180px !important;
  min-height: 46px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 0 34px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-align: center !important;
  white-space: nowrap !important;
  transition: transform 0.2s ease, border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease !important;
}

.cw_botao:hover,
.cw_botao:focus {
  transform: translateY(-1px) !important;
}

.cw_botao_primario {
  border: 1px solid transparent !important;
  background: linear-gradient(90deg, var(--cw-roxo) 0%, var(--cw-azul-claro) 100%) !important;
  box-shadow: 0 12px 36px rgba(47, 140, 255, 0.28) !important;
}

.cw_botao_secundario {
  border: 1px solid rgba(255, 255, 255, 0.34) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.cw_botao_secundario:hover,
.cw_botao_secundario:focus {
  border-color: rgba(255, 255, 255, 0.58) !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.cw_link {
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

.cw_link:hover,
.cw_link:focus {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.cw_card {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.topo_menu,
.topo_menu * {
  box-sizing: border-box !important;
}

.topo_menu {
  width: 100% !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 9999 !important;
  font-family: Arial, Helvetica, sans-serif !important;
  background: transparent !important;
  padding: 0 !important;
}

.topo_header {
  width: 100% !important;
  background: var(--cw-azul) !important;
  border-bottom-left-radius: 22px !important;
  border-bottom-right-radius: 22px !important;
  transition: background 0.25s ease !important;
}

.topo_header:hover {
  background: #333333 !important;
}

.topo_container {
  width: min(var(--cw-container-topo), calc(100% - 40px)) !important;
  max-width: var(--cw-container-topo) !important;
  height: 90px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 32px !important;
}

.topo_logo {
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1 !important;
  text-decoration: none !important;
}

.topo_logo img {
  width: auto !important;
  max-height: 52px !important;
  display: block !important;
}

.topo_nav {
  display: flex !important;
  align-items: center !important;
  gap: 42px !important;
}

.topo_link {
  color: #efefef !important;
  text-decoration: none !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  transition: color 0.2s ease !important;
}

.topo_link:hover,
.topo_link:focus {
  color: #b8e1ff !important;
}

.topo_acoes {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
}

.topo_botao {
  min-width: 0 !important;
  padding: 0 30px !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

.topo_mobile_botao {
  display: none !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  font-size: 32px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  padding: 8px !important;
}

.topo_mobile_overlay,
.topo_mobile_menu {
  display: none !important;
}

.destaque_secao {
  padding: 150px 20px 40px !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(47, 120, 223, 0.22), transparent 34%),
    radial-gradient(circle at 10% 30%, rgba(120, 72, 255, 0.18), transparent 28%),
    radial-gradient(circle at 90% 28%, rgba(120, 72, 255, 0.14), transparent 30%),
    var(--cw-fundo-escuro) !important;
}

.destaque_secao::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.38 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px) !important;
  background-size: 8px 8px !important;
  mask-image: linear-gradient(to bottom, #000000 0%, #000000 72%, transparent 100%) !important;
  -webkit-mask-image: linear-gradient(to bottom, #000000 0%, #000000 72%, transparent 100%) !important;
}

.destaque_secao::after {
  content: "" !important;
  position: absolute !important;
  inset: auto 0 0 !important;
  height: 38% !important;
  pointer-events: none !important;
  background: linear-gradient(to bottom, transparent, rgba(7, 8, 18, 0.96)) !important;
}

.destaque_mockup_area {
  width: min(var(--cw-container), 100%) !important;
  max-width: var(--cw-container) !important;
  margin: 54px auto 0 !important;
  padding: 0 !important;
  position: relative !important;
}

.destaque_mockup_area::before {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: -22px !important;
  width: 58% !important;
  height: 120px !important;
  transform: translateX(-50%) !important;
  border-radius: 999px !important;
  background: rgba(47, 140, 255, 0.55) !important;
  filter: blur(42px) !important;
  opacity: 0.8 !important;
  pointer-events: none !important;
}

.destaque_mockup {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
}

.aplicativos_secao {
  --cor-fundo-integracao: var(--cw-fundo-secao);
  background-color: var(--cor-fundo-integracao) !important;
  background-image:
    radial-gradient(circle at 50% 18%, rgba(72, 137, 255, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)) !important;
}

.aplicativos_secao::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.16 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;
  background-size: 10px 10px !important;
}

.aplicativos_player {
  width: min(760px, 100%) !important;
  max-width: 760px !important;
  aspect-ratio: 1 / 1 !important;
  margin: 46px auto 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: rgba(5, 8, 16, 0.48) !important;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.24) !important;
}

.aplicativos_thumb,
.aplicativos_thumb img,
.aplicativos_video,
.aplicativos_iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
}

.aplicativos_thumb img {
  object-fit: cover !important;
}

.aplicativos_play_chamada {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  z-index: 2 !important;
  pointer-events: none !important;
}

.aplicativos_play {
  width: 86px !important;
  height: 86px !important;
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  cursor: pointer !important;
  color: #ffffff !important;
  background: linear-gradient(90deg, var(--cw-roxo) 0%, var(--cw-azul-claro) 50%, #50d4ff 100%) !important;
  background-size: 180% 100% !important;
  box-shadow: 0 18px 46px rgba(47, 140, 255, 0.36) !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  animation: aplicativos_play_brilho 3.2s ease-in-out infinite !important;
  pointer-events: auto !important;
  z-index: 2 !important;
}

.aplicativos_play::before,
.aplicativos_play::after {
  content: "" !important;
  position: absolute !important;
  inset: -8px !important;
  border-radius: inherit !important;
  border: 1px solid rgba(80, 212, 255, 0.44) !important;
  opacity: 0 !important;
  pointer-events: none !important;
  animation: aplicativos_play_pulso 2.4s ease-out infinite !important;
}

.aplicativos_play::after {
  inset: -16px !important;
  animation-delay: 0.8s !important;
}

.aplicativos_play:hover,
.aplicativos_play:focus {
  transform: scale(1.04) !important;
  box-shadow: 0 22px 58px rgba(47, 140, 255, 0.46) !important;
  outline: 2px solid rgba(255, 255, 255, 0.6) !important;
  outline-offset: 4px !important;
}

.aplicativos_play_icone {
  width: 0 !important;
  height: 0 !important;
  margin-left: 6px !important;
  border-top: 15px solid transparent !important;
  border-bottom: 15px solid transparent !important;
  border-left: 23px solid #ffffff !important;
}

.aplicativos_play_texto {
  min-height: 26px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 0 13px !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  background: rgba(5, 8, 16, 0.58) !important;
  border: 1px solid rgba(255, 255, 255, 0.2) !important;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.22) !important;
  backdrop-filter: blur(8px) !important;
}

@keyframes aplicativos_play_brilho {
  0%,
  100% {
    background-position: 0% 50%;
    box-shadow: 0 18px 46px rgba(47, 140, 255, 0.36);
  }

  50% {
    background-position: 100% 50%;
    box-shadow: 0 20px 56px rgba(80, 212, 255, 0.48);
  }
}

@keyframes aplicativos_play_pulso {
  0% {
    opacity: 0.55;
    transform: scale(0.92);
  }

  72%,
  100% {
    opacity: 0;
    transform: scale(1.32);
  }
}

.aplicativos_video,
.aplicativos_iframe {
  border: 0 !important;
  background: #000000 !important;
}

.aplicativos_beneficios {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 16px !important;
  width: 100% !important;
  margin: 38px auto 0 !important;
  padding: 0 !important;
}

.aplicativos_card {
  min-height: 164px !important;
  padding: 24px 22px !important;
  text-align: left !important;
}

.aplicativos_numero {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 0 16px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  background: rgba(47, 140, 255, 0.28) !important;
}

.aplicativos_card_titulo {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.aplicativos_card_texto {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
  font-weight: 400 !important;
}

.aplicativos_acoes {
  gap: 18px !important;
  margin-top: 34px !important;
}

.aplicativos_botao {
  min-width: 230px !important;
  border: 0 !important;
  cursor: pointer !important;
}

.aplicativos_body_modal_aberto {
  overflow: hidden !important;
}

.aplicativos_modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.aplicativos_modal.aplicativos_modal_aberto {
  display: flex !important;
}

.aplicativos_modal_fundo {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 6, 14, 0.78) !important;
  backdrop-filter: blur(8px) !important;
}

.aplicativos_modal_caixa {
  width: min(960px, 100%) !important;
  max-height: calc(100vh - 48px) !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #080b16 !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48) !important;
  padding: 22px !important;
}

.aplicativos_modal_fechar {
  width: 42px !important;
  height: 42px !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.aplicativos_modal_fechar:hover,
.aplicativos_modal_fechar:focus {
  background: rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-1px) !important;
  outline: 2px solid rgba(80, 212, 255, 0.55) !important;
  outline-offset: 3px !important;
}

.aplicativos_modal_topo {
  padding: 2px 58px 18px 0 !important;
  text-align: left !important;
}

.aplicativos_modal_selo {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(80, 212, 255, 0.22) !important;
  background: rgba(47, 140, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.aplicativos_modal_titulo {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.aplicativos_modal_video {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #000000 !important;
}

.aplicativos_modal_iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  background: #000000 !important;
}

@media (max-width: 1199px) {
  .cw_titulo {
    max-width: 780px !important;
    font-size: 30px !important;
  }

  .cw_texto {
    max-width: 700px !important;
    font-size: 19px !important;
  }
}

@media (max-width: 768px) {
  .cw_secao {
    padding: 68px 18px 54px !important;
  }

  .cw_titulo {
    max-width: 520px !important;
    font-size: 28px !important;
    line-height: 1.14 !important;
  }

  .cw_texto {
    max-width: 520px !important;
    margin-top: 18px !important;
    font-size: 17px !important;
    line-height: 1.38 !important;
  }

  .cw_acoes {
    margin-top: 26px !important;
    gap: 10px !important;
  }

  .cw_link_agendamento {
    display: inline-block !important;
    padding-top: 20px !important;
  }

  .cw_botao {
    width: 100% !important;
    max-width: 320px !important;
    min-height: 44px !important;
    padding: 0 24px !important;
    font-size: 14px !important;
    white-space: normal !important;
  }

  .topo_menu {
    padding: 0 10px !important;
  }

  .topo_header {
    width: 100% !important;
    margin: 0 auto !important;
  }

  .topo_container {
    width: calc(100% - 44px) !important;
    height: 73px !important;
  }

  .topo_logo img {
    max-height: 44px !important;
  }

  .topo_nav,
  .topo_acoes {
    display: none !important;
  }

  .topo_mobile_botao {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .topo_mobile_overlay {
    position: fixed !important;
    inset: 0 !important;
    background: rgba(0, 0, 0, 0.65) !important;
    z-index: 9998 !important;
  }

  .topo_mobile_menu {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: min(300px, 82vw) !important;
    height: 100vh !important;
    padding: 24px 12px !important;
    background: #09091c !important;
    color: #ffffff !important;
    z-index: 9999 !important;
    flex-direction: column !important;
    gap: 26px !important;
    font-family: Arial, Helvetica, sans-serif !important;
  }

  .topo_menu.topo_mobile_aberto .topo_mobile_overlay {
    display: block !important;
  }

  .topo_menu.topo_mobile_aberto .topo_mobile_menu {
    display: flex !important;
  }

  .topo_mobile_fechar {
    position: absolute !important;
    top: 17px !important;
    right: 14px !important;
    border: 0 !important;
    background: transparent !important;
    color: #ffffff !important;
    font-size: 34px !important;
    line-height: 1 !important;
    font-weight: 700 !important;
    cursor: pointer !important;
  }

  .topo_mobile_logo {
    display: inline-flex !important;
    align-items: center !important;
    margin-top: 30px !important;
    text-decoration: none !important;
  }

  .topo_mobile_logo img {
    max-height: 44px !important;
    display: block !important;
  }

  .topo_mobile_texto {
    max-width: 235px !important;
    margin: 0 !important;
    font-size: 14px !important;
    line-height: 1.25 !important;
    color: #ffffff !important;
  }

  .topo_mobile_grupo {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-radius: 7px !important;
    background: #12122d !important;
    overflow: hidden !important;
  }

  .topo_mobile_titulo_link {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 44px !important;
    padding: 0 10px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
  }

  .topo_mobile_acoes {
    display: flex !important;
    gap: 8px !important;
  }

  .topo_mobile_botao_link {
    min-height: 40px !important;
    border-radius: 999px !important;
    padding: 0 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-size: 12px !important;
    font-weight: 800 !important;
  }

  .topo_mobile_login {
    border: 1px solid rgba(255, 255, 255, 0.35) !important;
    background: rgba(255, 255, 255, 0.14) !important;
  }

  .topo_mobile_planos {
    flex: 1 !important;
    background: linear-gradient(90deg, var(--cw-roxo), var(--cw-azul-claro)) !important;
  }

  .destaque_secao {
    padding: 125px 18px 20px !important;
  }

  .destaque_botao {
    max-width: 280px !important;
  }

  .destaque_mockup_area {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    margin-top: 42px !important;
    padding: 0 !important;
  }

  .destaque_mockup_area::before {
    width: 72% !important;
    height: 90px !important;
    top: -10px !important;
    filter: blur(34px) !important;
  }

  .aplicativos_player {
    width: 100% !important;
    margin-top: 34px !important;
    border-radius: 8px !important;
  }

  .aplicativos_play {
    width: 72px !important;
    height: 72px !important;
  }

  .aplicativos_play_chamada {
    gap: 10px !important;
  }

  .aplicativos_play_texto {
    min-height: 24px !important;
    padding: 0 12px !important;
    font-size: 11px !important;
  }

  .aplicativos_beneficios {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 30px !important;
  }

  .aplicativos_card {
    min-height: 0 !important;
    padding: 22px 20px !important;
  }

  .aplicativos_link {
    width: 100% !important;
    text-align: center !important;
  }

  .aplicativos_modal {
    padding: 14px !important;
    align-items: center !important;
  }

  .aplicativos_modal_caixa {
    width: 100% !important;
    max-height: calc(100vh - 28px) !important;
    border-radius: 8px !important;
    padding: 16px !important;
  }

  .aplicativos_modal_fechar {
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 28px !important;
  }

  .aplicativos_modal_topo {
    padding: 0 48px 14px 0 !important;
  }

  .aplicativos_modal_titulo {
    font-size: 19px !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 420px) {
  .cw_secao {
    padding: 58px 14px 46px !important;
  }

  .cw_titulo {
    font-size: 28px !important;
    line-height: 1.16 !important;
  }

  .destaque_secao {
    padding-top: 115px !important;
    padding-bottom: 20px !important;
  }
}

/* Jornada Charles Web */
.charles-journey,
.charles-journey * {
  box-sizing: border-box !important;
}

.charles-journey {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 92px 20px 78px !important;
  background: #ffffff !important;
  color: #172033 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-journey__container {
  text-align: center !important;
}

.charles-journey__header {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
}

.charles-journey__eyebrow {
  border-color: rgba(47, 120, 223, 0.16) !important;
  background: rgba(47, 140, 255, 0.08) !important;
  color: var(--cw-azul) !important;
}

.charles-journey__title {
  color: #111827 !important;
}

.charles-journey__text {
  color: rgba(23, 32, 51, 0.74) !important;
}

.charles-journey__steps {
  width: 100% !important;
  position: relative !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 18px !important;
  margin: 52px auto 0 !important;
  padding: 0 !important;
}

.charles-journey__steps::before {
  content: "" !important;
  position: absolute !important;
  left: calc(8.333% + 38px) !important;
  right: calc(8.333% + 38px) !important;
  top: 38px !important;
  height: 2px !important;
  background: linear-gradient(90deg, rgba(47, 120, 223, 0.12), rgba(47, 140, 255, 0.34), rgba(47, 120, 223, 0.12)) !important;
  z-index: 0 !important;
}

.charles-journey__step {
  position: relative !important;
  z-index: 1 !important;
  margin: 0 !important;
  padding: 0 4px !important;
  text-align: center !important;
}

.charles-journey__icon {
  width: 76px !important;
  height: 76px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 18px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(47, 120, 223, 0.18) !important;
  background: #edf6ff !important;
  color: var(--cw-azul) !important;
  font-size: 32px !important;
  line-height: 1 !important;
  box-shadow: 0 0 0 8px #ffffff !important;
  transition: transform 0.2s ease, background 0.2s ease, color 0.2s ease, border-color 0.2s ease !important;
}

.charles-journey__step:hover .charles-journey__icon {
  transform: translateY(-3px) !important;
  border-color: rgba(47, 140, 255, 0.34) !important;
  background: linear-gradient(90deg, var(--cw-roxo), var(--cw-azul-claro)) !important;
  color: #ffffff !important;
}

.charles-journey__content {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

.charles-journey__step-title {
  margin: 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.charles-journey__step-text {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  color: rgba(23, 32, 51, 0.78) !important;
  font-size: 15px !important;
  line-height: 1.38 !important;
  font-weight: 400 !important;
}

.charles-journey__step-note {
  margin: 9px 0 0 !important;
  padding: 0 !important;
  color: rgba(23, 32, 51, 0.52) !important;
  font-size: 13px !important;
  line-height: 1.34 !important;
  font-weight: 400 !important;
}

.charles-journey__final-message {
  width: min(820px, 100%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 14px !important;
  margin: 48px auto 0 !important;
  padding: 20px 24px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(47, 120, 223, 0.13) !important;
  background: #f0f7ff !important;
  text-align: left !important;
}

.charles-journey__final-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(47, 140, 255, 0.12) !important;
  color: var(--cw-azul) !important;
  font-size: 20px !important;
}

.charles-journey__final-message p {
  margin: 0 !important;
  padding: 0 !important;
  color: rgba(23, 32, 51, 0.82) !important;
  font-size: 18px !important;
  line-height: 1.38 !important;
  font-weight: 700 !important;
}

@media (prefers-reduced-motion: reduce) {
  .charles-journey__icon {
    transition: none !important;
  }
}

@media (max-width: 1199px) {
  .charles-journey__steps {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 32px 22px !important;
    max-width: 860px !important;
  }

  .charles-journey__steps::before {
    display: none !important;
  }

  .charles-journey__step {
    padding: 0 12px !important;
  }
}

@media (max-width: 768px) {
  .charles-journey {
    padding: 68px 18px 58px !important;
  }

  .charles-journey__steps {
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
    width: min(560px, 100%) !important;
    margin-top: 38px !important;
    text-align: left !important;
  }

  .charles-journey__steps::before {
    display: block !important;
    left: 31px !important;
    right: auto !important;
    top: 38px !important;
    bottom: 38px !important;
    width: 2px !important;
    height: auto !important;
    background: linear-gradient(180deg, rgba(47, 120, 223, 0.12), rgba(47, 140, 255, 0.36), rgba(47, 120, 223, 0.12)) !important;
  }

  .charles-journey__step {
    display: flex !important;
    align-items: flex-start !important;
    gap: 16px !important;
    min-height: 0 !important;
    padding: 0 0 28px !important;
    text-align: left !important;
  }

  .charles-journey__step:last-child {
    padding-bottom: 0 !important;
  }

  .charles-journey__icon {
    width: 64px !important;
    height: 64px !important;
    flex: 0 0 64px !important;
    margin: 0 !important;
    font-size: 28px !important;
    box-shadow: 0 0 0 8px #ffffff !important;
  }

  .charles-journey__step-title {
    font-size: 18px !important;
  }

  .charles-journey__step-text {
    font-size: 15px !important;
    line-height: 1.4 !important;
  }

  .charles-journey__step-note {
    font-size: 13px !important;
  }

  .charles-journey__final-message {
    width: 100% !important;
    align-items: flex-start !important;
    margin-top: 38px !important;
    padding: 18px !important;
  }

  .charles-journey__final-message p {
    font-size: 16px !important;
    line-height: 1.42 !important;
  }
}

@media (max-width: 420px) {
  .charles-journey {
    padding: 58px 14px 50px !important;
  }

  .charles-journey__step {
    gap: 14px !important;
  }

  .charles-journey__icon {
    width: 58px !important;
    height: 58px !important;
    flex-basis: 58px !important;
    font-size: 25px !important;
  }

  .charles-journey__steps::before {
    left: 28px !important;
  }
}

/* Website Profissional */
.charles-website,
.charles-website * {
  box-sizing: border-box !important;
}

.charles-website {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 96px 20px 82px !important;
  background-color: var(--cw-fundo-secao) !important;
  background-image:
    radial-gradient(circle at 80% 20%, rgba(72, 137, 255, 0.18), transparent 32%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)) !important;
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-website__container {
  display: grid !important;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr) !important;
  align-items: center !important;
  gap: 54px !important;
}

.charles-website__content {
  min-width: 0 !important;
  text-align: left !important;
}

.charles-website__eyebrow {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.charles-website__title {
  max-width: 560px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  text-align: left !important;
}

.charles-website__title span {
  color: #8fd8ff !important;
}

.charles-website__description {
  max-width: 560px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: rgba(255, 255, 255, 0.82) !important;
  text-align: left !important;
}

.charles-website__support {
  max-width: 560px !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.66) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

.charles-website__features {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 30px 0 0 !important;
  padding: 0 !important;
}

.charles-website__feature {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  min-height: 128px !important;
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.charles-website__feature-icon {
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(47, 140, 255, 0.16) !important;
  color: #8fd8ff !important;
  font-size: 18px !important;
}

.charles-website__feature h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.charles-website__feature p {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
}

.charles-website__actions {
  justify-content: flex-start !important;
  margin-top: 30px !important;
}

.charles-website__button {
  border: 0 !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}

.charles-website__secondary {
  text-transform: uppercase !important;
}

.charles-website__visual {
  min-width: 0 !important;
}

.charles-website__mockup-wrap {
  width: 100% !important;
  max-width: 680px !important;
  position: relative !important;
  margin: 0 0 0 auto !important;
  padding: 0 !important;
}

.charles-website__mockup {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  border-radius: 0 !important;
  border: 0 !important;
  background: transparent !important;
  object-fit: cover !important;
  box-shadow: none !important;
}

.charles-website__body-modal-aberto {
  overflow: hidden !important;
}

.charles-website__modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-website__modal.charles-website__modal--aberto {
  display: flex !important;
}

.charles-website__modal-fundo {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 6, 14, 0.78) !important;
  backdrop-filter: blur(8px) !important;
}

.charles-website__modal-caixa {
  width: min(960px, 100%) !important;
  max-height: calc(100vh - 48px) !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #080b16 !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48) !important;
  padding: 22px !important;
}

.charles-website__modal-fechar {
  width: 42px !important;
  height: 42px !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.charles-website__modal-fechar:hover,
.charles-website__modal-fechar:focus {
  background: rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-1px) !important;
  outline: 2px solid rgba(80, 212, 255, 0.55) !important;
  outline-offset: 3px !important;
}

.charles-website__modal-topo {
  padding: 2px 58px 18px 0 !important;
  text-align: left !important;
}

.charles-website__modal-selo {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(80, 212, 255, 0.22) !important;
  background: rgba(47, 140, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.charles-website__modal-title {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.charles-website__modal-video {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #000000 !important;
}

.charles-website__modal-iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  background: #000000 !important;
}

@media (prefers-reduced-motion: reduce) {
  .charles-website__feature {
    transition: none !important;
  }
}

@media (max-width: 1199px) {
  .charles-website__container {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .charles-website__content {
    display: contents !important;
  }

  .charles-website__eyebrow,
  .charles-website__title,
  .charles-website__description,
  .charles-website__support {
    max-width: 780px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .charles-website__eyebrow {
    order: 1 !important;
  }

  .charles-website__title {
    order: 2 !important;
  }

  .charles-website__description {
    order: 3 !important;
  }

  .charles-website__support {
    order: 4 !important;
  }

  .charles-website__visual {
    order: 5 !important;
  }

  .charles-website__features {
    order: 6 !important;
    width: min(780px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .charles-website__actions {
    order: 7 !important;
    justify-content: center !important;
  }

  .charles-website__mockup-wrap {
    margin: 0 auto !important;
  }
}

@media (max-width: 768px) {
  .charles-website {
    padding: 68px 18px 58px !important;
  }

  .charles-website__container {
    gap: 34px !important;
  }

  .charles-website__support {
    font-size: 15px !important;
    line-height: 1.46 !important;
  }

  .charles-website__mockup-wrap {
    max-width: 560px !important;
    padding: 0 !important;
  }

  .charles-website__features {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 0 !important;
  }

  .charles-website__feature {
    min-height: 0 !important;
    padding: 17px !important;
  }

  .charles-website__actions {
    width: 100% !important;
    margin-top: 0 !important;
  }

  .charles-website__button {
    width: 100% !important;
    max-width: 340px !important;
  }

  .charles-website__secondary {
    width: 100% !important;
    text-align: center !important;
  }

  .charles-website__modal {
    padding: 14px !important;
    align-items: center !important;
  }

  .charles-website__modal-caixa {
    width: 100% !important;
    max-height: calc(100vh - 28px) !important;
    border-radius: 8px !important;
    padding: 16px !important;
  }

  .charles-website__modal-fechar {
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 28px !important;
  }

  .charles-website__modal-topo {
    padding: 0 48px 14px 0 !important;
  }

  .charles-website__modal-title {
    font-size: 19px !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 420px) {
  .charles-website {
    padding: 58px 14px 50px !important;
  }

  .charles-website__feature {
    gap: 10px !important;
  }
}

/* Manual do Edificio */
.charles-manual,
.charles-manual * {
  box-sizing: border-box !important;
}

.charles-manual {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 96px 20px 78px !important;
  background:
    radial-gradient(circle at 86% 18%, rgba(47, 140, 255, 0.12), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f3f7fb 100%) !important;
  color: #172033 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-manual::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.34 !important;
  background-image:
    linear-gradient(rgba(47, 120, 223, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(47, 120, 223, 0.055) 1px, transparent 1px) !important;
  background-size: 10px 10px !important;
}

.charles-manual__container {
  display: block !important;
  position: relative !important;
  z-index: 1 !important;
}

.charles-manual__content {
  min-width: 0 !important;
  text-align: left !important;
}

.charles-manual__eyebrow {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-color: rgba(47, 120, 223, 0.16) !important;
  background: rgba(47, 140, 255, 0.08) !important;
  color: var(--cw-azul) !important;
}

.charles-manual__title {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: #111827 !important;
  text-align: left !important;
}

.charles-manual__title span {
  color: var(--cw-azul) !important;
}

.charles-manual__description {
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: rgba(23, 32, 51, 0.84) !important;
  text-align: left !important;
}

.charles-manual__support {
  max-width: 100% !important;
  margin: 16px 0 0 !important;
  padding: 0 !important;
  color: rgba(23, 32, 51, 0.66) !important;
  font-size: 16px !important;
  line-height: 1.5 !important;
  font-weight: 400 !important;
}

.charles-manual__flow {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr) auto minmax(0, 1.08fr) !important;
  align-items: stretch !important;
  gap: 14px !important;
  margin: 34px 0 0 !important;
}

.charles-manual__step {
  min-width: 0 !important;
  margin: 0 !important;
  padding: 22px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(47, 120, 223, 0.16) !important;
  background: #eef6ff !important;
  box-shadow: 0 16px 36px rgba(23, 32, 51, 0.06) !important;
}

.charles-manual__step-number {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 36px !important;
  min-height: 28px !important;
  margin: 0 0 14px !important;
  border-radius: 999px !important;
  background: #d9ecff !important;
  color: #1f6fd1 !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.charles-manual__step h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.charles-manual__step p {
  margin: 10px 0 0 !important;
  padding: 0 !important;
  color: rgba(23, 32, 51, 0.72) !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
}

.charles-manual__checkboxes {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 8px !important;
  margin: 16px 0 0 !important;
}

.charles-manual__checkboxes span {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 0 11px !important;
  border-radius: 7px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: rgba(23, 32, 51, 0.82) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
}

.charles-manual__checkboxes i {
  color: #1f6fd1 !important;
  font-size: 17px !important;
}

.charles-manual__flow-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: rgba(47, 120, 223, 0.72) !important;
  font-size: 26px !important;
}

.charles-manual__generate {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  margin: 18px 0 0 !important;
}

.charles-manual__generate-button {
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 0 16px !important;
  background: linear-gradient(90deg, #6257ee, #1f7fe5) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.charles-manual__generate-arrow {
  color: rgba(47, 120, 223, 0.78) !important;
  font-size: 20px !important;
}

.charles-manual__pdf {
  min-height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  border-radius: 7px !important;
  padding: 0 12px !important;
  background: rgba(255, 255, 255, 0.78) !important;
  color: #111827 !important;
}

.charles-manual__pdf i {
  color: #1f6fd1 !important;
  font-size: 21px !important;
}

.charles-manual__pdf strong {
  font-size: 12px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.charles-manual__mockup-wrap {
  width: 100% !important;
  max-width: 250px !important;
  position: relative !important;
  margin: 18px auto 0 !important;
  padding: 0 !important;
}

.charles-manual__mockup {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  /* border-radius: 8px !important; */
  border: 0 !important;
  background: transparent !important;
  object-fit: contain !important;
  /* box-shadow: 0 18px 46px rgba(23, 32, 51, 0.14) !important; */
}

.charles-manual__benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 34px 0 0 !important;
}

.charles-manual__benefit {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  min-height: 112px !important;
  padding: 19px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(47, 120, 223, 0.16) !important;
  background: #eef6ff !important;
  box-shadow: 0 14px 32px rgba(23, 32, 51, 0.05) !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}

.charles-manual__benefit:hover {
  transform: translateY(-2px) !important;
  background: #e7f2ff !important;
}

.charles-manual__benefit-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #d9ecff !important;
  color: #1f6fd1 !important;
  font-size: 19px !important;
}

.charles-manual__benefit h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.charles-manual__benefit p {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: rgba(23, 32, 51, 0.66) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
}

.charles-manual__actions {
  justify-content: flex-start !important;
  margin-top: 30px !important;
}

.charles-manual__button {
  border: 0 !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}

.charles-manual__secondary {
  text-transform: uppercase !important;
  color: #1f6fd1 !important;
}

.charles-manual__secondary:hover,
.charles-manual__secondary:focus {
  color: #155bb0 !important;
  text-decoration: underline !important;
}

.charles-manual__body-modal-aberto {
  overflow: hidden !important;
}

.charles-manual__modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-manual__modal.charles-manual__modal--aberto {
  display: flex !important;
}

.charles-manual__modal-fundo {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 6, 14, 0.78) !important;
  backdrop-filter: blur(8px) !important;
}

.charles-manual__modal-caixa {
  width: min(960px, 100%) !important;
  max-height: calc(100vh - 48px) !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #080b16 !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48) !important;
  padding: 22px !important;
}

.charles-manual__modal-fechar {
  width: 42px !important;
  height: 42px !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.charles-manual__modal-fechar:hover,
.charles-manual__modal-fechar:focus {
  background: rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-1px) !important;
  outline: 2px solid rgba(80, 212, 255, 0.55) !important;
  outline-offset: 3px !important;
}

.charles-manual__modal-topo {
  padding: 2px 58px 18px 0 !important;
  text-align: left !important;
}

.charles-manual__modal-selo {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(80, 212, 255, 0.22) !important;
  background: rgba(47, 140, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.charles-manual__modal-title {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.charles-manual__modal-video {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #000000 !important;
}

.charles-manual__modal-iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  background: #000000 !important;
}

@media (prefers-reduced-motion: reduce) {
  .charles-manual__benefit,
  .charles-manual__modal-fechar {
    transition: none !important;
  }
}

@media (max-width: 1199px) {
  .charles-manual__eyebrow,
  .charles-manual__title,
  .charles-manual__description,
  .charles-manual__support {
    max-width: 780px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .charles-manual__flow {
    width: min(980px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .charles-manual__actions {
    justify-content: center !important;
  }
}

@media (max-width: 768px) {
  .charles-manual {
    padding: 68px 18px 58px !important;
  }

  .charles-manual__support {
    font-size: 15px !important;
    line-height: 1.46 !important;
  }

  .charles-manual__flow {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 30px !important;
  }

  .charles-manual__flow-arrow {
    font-size: 24px !important;
    transform: rotate(90deg) !important;
  }

  .charles-manual__step {
    padding: 19px !important;
  }

  .charles-manual__generate {
    gap: 8px !important;
  }

  .charles-manual__mockup-wrap {
    max-width: 300px !important;
  }

  .charles-manual__benefits {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 22px !important;
  }

  .charles-manual__benefit {
    min-height: 0 !important;
    padding: 17px !important;
  }

  .charles-manual__actions {
    width: 100% !important;
    margin-top: 24px !important;
  }

  .charles-manual__button {
    width: 100% !important;
    max-width: 340px !important;
  }

  .charles-manual__secondary {
    width: 100% !important;
    text-align: center !important;
  }

  .charles-manual__modal {
    padding: 14px !important;
    align-items: center !important;
  }

  .charles-manual__modal-caixa {
    width: 100% !important;
    max-height: calc(100vh - 28px) !important;
    border-radius: 8px !important;
    padding: 16px !important;
  }

  .charles-manual__modal-fechar {
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 28px !important;
  }

  .charles-manual__modal-topo {
    padding: 0 48px 14px 0 !important;
  }

  .charles-manual__modal-title {
    font-size: 19px !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 420px) {
  .charles-manual {
    padding: 58px 14px 50px !important;
  }

  .charles-manual__checkboxes span {
    font-size: 12px !important;
  }
}

/* Gestao de Obras */
.charles-construction,
.charles-construction * {
  box-sizing: border-box !important;
}

.charles-construction {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 92px 20px 76px !important;
  background-color: var(--cw-fundo-secao) !important;
  background-image:
    radial-gradient(circle at 50% 16%, rgba(72, 137, 255, 0.2), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)) !important;
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  text-align: center !important;
}

.charles-construction::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.14 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;
  background-size: 10px 10px !important;
}

.charles-construction__container {
  position: relative !important;
  z-index: 1 !important;
}

.charles-construction__header {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.charles-construction__title {
  color: #ffffff !important;
}

.charles-construction__title span {
  color: #8fd8ff !important;
}

.charles-construction__description {
  color: rgba(255, 255, 255, 0.78) !important;
}

.charles-construction__features {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 16px !important;
  margin: 46px 0 0 !important;
}

.charles-construction__feature {
  min-height: 202px !important;
  margin: 0 !important;
  padding: 26px 20px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  text-align: center !important;
  transition: transform 0.2s ease, background 0.2s ease, border-color 0.2s ease !important;
}

.charles-construction__feature:hover {
  transform: translateY(-3px) !important;
  border-color: rgba(143, 216, 255, 0.32) !important;
  background: rgba(255, 255, 255, 0.085) !important;
}

.charles-construction__icon {
  width: 58px !important;
  height: 58px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 18px !important;
  border-radius: 999px !important;
  background: rgba(47, 140, 255, 0.18) !important;
  color: #8fd8ff !important;
  font-size: 27px !important;
}

.charles-construction__feature h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.charles-construction__feature p {
  margin: 11px 0 0 !important;
  padding: 0 !important;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
}

.charles-construction__closing {
  width: min(820px, 100%) !important;
  margin: 34px auto 0 !important;
  padding: 18px 22px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 18px !important;
  line-height: 1.38 !important;
  font-weight: 700 !important;
}

.charles-construction__actions {
  margin-top: 30px !important;
}

.charles-construction__button {
  border: 0 !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}

.charles-construction__secondary {
  text-transform: uppercase !important;
}

.charles-construction__body-modal-aberto {
  overflow: hidden !important;
}

.charles-construction__modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-construction__modal.charles-construction__modal--aberto {
  display: flex !important;
}

.charles-construction__modal-fundo {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 6, 14, 0.78) !important;
  backdrop-filter: blur(8px) !important;
}

.charles-construction__modal-caixa {
  width: min(960px, 100%) !important;
  max-height: calc(100vh - 48px) !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #080b16 !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48) !important;
  padding: 22px !important;
}

.charles-construction__modal-fechar {
  width: 42px !important;
  height: 42px !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.charles-construction__modal-fechar:hover,
.charles-construction__modal-fechar:focus {
  background: rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-1px) !important;
  outline: 2px solid rgba(80, 212, 255, 0.55) !important;
  outline-offset: 3px !important;
}

.charles-construction__modal-topo {
  padding: 2px 58px 18px 0 !important;
  text-align: left !important;
}

.charles-construction__modal-selo {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(80, 212, 255, 0.22) !important;
  background: rgba(47, 140, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.charles-construction__modal-title {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.charles-construction__modal-video {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #000000 !important;
}

.charles-construction__modal-iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  background: #000000 !important;
}

@media (prefers-reduced-motion: reduce) {
  .charles-construction__feature,
  .charles-construction__modal-fechar {
    transition: none !important;
  }
}

@media (max-width: 1199px) {
  .charles-construction__features {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 820px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

@media (max-width: 768px) {
  .charles-construction {
    padding: 68px 18px 58px !important;
  }

  .charles-construction__features {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
    margin-top: 34px !important;
  }

  .charles-construction__feature {
    min-height: 0 !important;
    padding: 22px 18px !important;
  }

  .charles-construction__closing {
    margin-top: 26px !important;
    padding: 16px 18px !important;
    font-size: 16px !important;
    line-height: 1.42 !important;
  }

  .charles-construction__actions {
    width: 100% !important;
    margin-top: 26px !important;
  }

  .charles-construction__button {
    width: 100% !important;
    max-width: 340px !important;
  }

  .charles-construction__secondary {
    width: 100% !important;
    text-align: center !important;
  }

  .charles-construction__modal {
    padding: 14px !important;
    align-items: center !important;
  }

  .charles-construction__modal-caixa {
    width: 100% !important;
    max-height: calc(100vh - 28px) !important;
    border-radius: 8px !important;
    padding: 16px !important;
  }

  .charles-construction__modal-fechar {
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 28px !important;
  }

  .charles-construction__modal-topo {
    padding: 0 48px 14px 0 !important;
  }

  .charles-construction__modal-title {
    font-size: 19px !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 420px) {
  .charles-construction {
    padding: 58px 14px 50px !important;
  }
}

/* Detector de Estilos */
.charles-style-detector,
.charles-style-detector * {
  box-sizing: border-box !important;
}

.charles-style-detector {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 96px 20px 82px !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(47, 140, 255, 0.1), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f4f8fc 100%) !important;
  color: #172033 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-style-detector::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.28 !important;
  background-image:
    linear-gradient(rgba(47, 120, 223, 0.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(47, 120, 223, 0.045) 1px, transparent 1px) !important;
  background-size: 10px 10px !important;
}

.charles-style-detector__container {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, 0.92fr) !important;
  align-items: center !important;
  gap: 56px !important;
}

.charles-style-detector__media,
.charles-style-detector__content {
  min-width: 0 !important;
}

.charles-style-detector__mockup-wrap {
  width: 100% !important;
  max-width: 680px !important;
  margin: 0 auto 0 0 !important;
}

.charles-style-detector__mockup {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  /* border-radius: 10px !important; */
  /* border: 1px solid rgba(47, 120, 223, 0.14) !important; */
  /* background: #eef6ff !important; */
  object-fit: contain !important;
  /* box-shadow: 0 22px 54px rgba(23, 32, 51, 0.12) !important; */
}

.charles-style-detector__content {
  text-align: left !important;
}

.charles-style-detector__eyebrow {
  margin-left: 0 !important;
  margin-right: 0 !important;
  border-color: rgba(47, 120, 223, 0.16) !important;
  background: rgba(47, 140, 255, 0.08) !important;
  color: var(--cw-azul) !important;
}

.charles-style-detector__title {
  max-width: 600px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: #111827 !important;
  text-align: left !important;
}

.charles-style-detector__title span {
  color: var(--cw-azul) !important;
}

.charles-style-detector__description {
  max-width: 570px !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  color: rgba(23, 32, 51, 0.76) !important;
  text-align: left !important;
}

.charles-style-detector__benefits {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin: 28px 0 0 !important;
}

.charles-style-detector__benefit {
  display: flex !important;
  align-items: flex-start !important;
  gap: 13px !important;
  margin: 0 !important;
  padding: 18px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(47, 120, 223, 0.14) !important;
  background: #eef6ff !important;
  box-shadow: 0 12px 30px rgba(23, 32, 51, 0.045) !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}

.charles-style-detector__benefit:hover {
  transform: translateY(-2px) !important;
  background: #e7f2ff !important;
}

.charles-style-detector__benefit-icon {
  width: 40px !important;
  height: 40px !important;
  flex: 0 0 40px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #d9ecff !important;
  color: #1f6fd1 !important;
  font-size: 20px !important;
}

.charles-style-detector__benefit h3 {
  margin: 0 !important;
  padding: 0 !important;
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.charles-style-detector__benefit p {
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: rgba(23, 32, 51, 0.68) !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 400 !important;
}

.charles-style-detector__badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  margin: 20px 0 0 !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(47, 120, 223, 0.16) !important;
  background: #ffffff !important;
  color: rgba(23, 32, 51, 0.74) !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.charles-style-detector__flow {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  flex-wrap: wrap !important;
  margin: 20px 0 0 !important;
  color: rgba(23, 32, 51, 0.78) !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.charles-style-detector__flow i {
  color: #1f6fd1 !important;
  font-size: 18px !important;
}

.charles-style-detector__actions {
  justify-content: flex-start !important;
  margin-top: 28px !important;
}

.charles-style-detector__button {
  border: 0 !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}

.charles-style-detector__secondary {
  color: #1f6fd1 !important;
  text-transform: uppercase !important;
}

.charles-style-detector__secondary:hover,
.charles-style-detector__secondary:focus {
  color: #155bb0 !important;
  text-decoration: underline !important;
}

.charles-style-detector__body-modal-aberto {
  overflow: hidden !important;
}

.charles-style-detector__modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-style-detector__modal.charles-style-detector__modal--aberto {
  display: flex !important;
}

.charles-style-detector__modal-fundo {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 6, 14, 0.78) !important;
  backdrop-filter: blur(8px) !important;
}

.charles-style-detector__modal-caixa {
  width: min(960px, 100%) !important;
  max-height: calc(100vh - 48px) !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #080b16 !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48) !important;
  padding: 22px !important;
}

.charles-style-detector__modal-fechar {
  width: 42px !important;
  height: 42px !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.charles-style-detector__modal-fechar:hover,
.charles-style-detector__modal-fechar:focus {
  background: rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-1px) !important;
  outline: 2px solid rgba(80, 212, 255, 0.55) !important;
  outline-offset: 3px !important;
}

.charles-style-detector__modal-topo {
  padding: 2px 58px 18px 0 !important;
  text-align: left !important;
}

.charles-style-detector__modal-selo {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(80, 212, 255, 0.22) !important;
  background: rgba(47, 140, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.charles-style-detector__modal-title {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.charles-style-detector__modal-video {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #000000 !important;
}

.charles-style-detector__modal-iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  background: #000000 !important;
}

@media (prefers-reduced-motion: reduce) {
  .charles-style-detector__benefit,
  .charles-style-detector__modal-fechar {
    transition: none !important;
  }
}

@media (max-width: 1199px) {
  .charles-style-detector__container {
    grid-template-columns: 1fr !important;
    gap: 38px !important;
  }

  .charles-style-detector__content {
    display: contents !important;
  }

  .charles-style-detector__eyebrow,
  .charles-style-detector__title,
  .charles-style-detector__description {
    max-width: 780px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .charles-style-detector__eyebrow {
    order: 1 !important;
  }

  .charles-style-detector__title {
    order: 2 !important;
  }

  .charles-style-detector__description {
    order: 3 !important;
  }

  .charles-style-detector__media {
    order: 4 !important;
  }

  .charles-style-detector__benefits {
    order: 5 !important;
    width: min(760px, 100%) !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .charles-style-detector__badge {
    order: 6 !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .charles-style-detector__flow {
    order: 7 !important;
    justify-content: center !important;
  }

  .charles-style-detector__actions {
    order: 8 !important;
    justify-content: center !important;
  }

  .charles-style-detector__mockup-wrap {
    margin: 0 auto !important;
  }
}

@media (max-width: 768px) {
  .charles-style-detector {
    padding: 68px 18px 58px !important;
  }

  .charles-style-detector__mockup {
    border-radius: 8px !important;
  }

  .charles-style-detector__benefits {
    gap: 12px !important;
    margin-top: 0 !important;
  }

  .charles-style-detector__benefit {
    padding: 17px !important;
  }

  .charles-style-detector__flow {
    flex-direction: column !important;
    gap: 7px !important;
    text-align: center !important;
  }

  .charles-style-detector__flow i {
    transform: rotate(90deg) !important;
  }

  .charles-style-detector__actions {
    width: 100% !important;
    margin-top: 24px !important;
  }

  .charles-style-detector__button {
    width: 100% !important;
    max-width: 340px !important;
  }

  .charles-style-detector__secondary {
    width: 100% !important;
    text-align: center !important;
  }

  .charles-style-detector__modal {
    padding: 14px !important;
    align-items: center !important;
  }

  .charles-style-detector__modal-caixa {
    width: 100% !important;
    max-height: calc(100vh - 28px) !important;
    border-radius: 8px !important;
    padding: 16px !important;
  }

  .charles-style-detector__modal-fechar {
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 28px !important;
  }

  .charles-style-detector__modal-topo {
    padding: 0 48px 14px 0 !important;
  }

  .charles-style-detector__modal-title {
    font-size: 19px !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 420px) {
  .charles-style-detector {
    padding: 58px 14px 50px !important;
  }
}

/* Orca Charles */
.charles-quotes,
.charles-quotes * {
  box-sizing: border-box !important;
}

.charles-quotes {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 92px 20px 76px !important;
  background-color: var(--cw-fundo-secao) !important;
  background-image:
    radial-gradient(circle at 50% 14%, rgba(72, 137, 255, 0.18), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0)) !important;
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
  text-align: center !important;
}

.charles-quotes::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.14 !important;
  background-image:
    linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;
  background-size: 10px 10px !important;
}

.charles-quotes__container {
  position: relative !important;
  z-index: 1 !important;
}

.charles-quotes__header {
  width: 100% !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.charles-quotes__title {
  color: #ffffff !important;
}

.charles-quotes__title span {
  color: #8fd8ff !important;
}

.charles-quotes__description {
  color: rgba(255, 255, 255, 0.8) !important;
}

.charles-quotes__support {
  max-width: 740px !important;
  margin: 14px auto 0 !important;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 16px !important;
  line-height: 1.48 !important;
}

.charles-quotes__visual {
  width: 100% !important;
  margin: 46px auto 0 !important;
}

.charles-quotes__label {
  display: inline-flex !important;
  min-height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 auto 16px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.charles-quotes__suppliers {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.charles-quotes__supplier,
.charles-quotes__result,
.charles-quotes__benefit,
.charles-quotes__closing {
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.charles-quotes__supplier {
  padding: 18px !important;
  text-align: left !important;
}

.charles-quotes__supplier h3 {
  margin: 0 0 12px !important;
  color: #ffffff !important;
  font-size: 17px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.charles-quotes__price-row {
  position: relative !important;
  display: grid !important;
  grid-template-columns: max-content minmax(42px, 1fr) max-content !important;
  align-items: center !important;
  column-gap: 9px !important;
  row-gap: 4px !important;
  min-height: 38px !important;
  padding: 0 12px !important;
  border-radius: 7px !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 14px !important;
}

.charles-quotes__price-row::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 78px !important;
  right: 82px !important;
  top: 50% !important;
  height: 1px !important;
  margin-top: 1px !important;
  background: linear-gradient(90deg, rgba(143, 216, 255, 0.2), rgba(143, 216, 255, 0.4)) !important;
  pointer-events: none !important;
}

.charles-quotes__price-row + .charles-quotes__price-row {
  margin-top: 7px !important;
}

.charles-quotes__price-row span {
  grid-column: 1 !important;
  grid-row: 1 !important;
  min-width: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

.charles-quotes__price-row strong {
  display: inline-flex !important;
  align-items: center !important;
  gap: 5px !important;
  grid-column: 3 !important;
  grid-row: 1 !important;
  justify-self: end !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  position: relative !important;
  z-index: 1 !important;
}

.charles-quotes__best-price {
  min-height: 54px !important;
  align-items: center !important;
  padding: 10px 12px 9px !important;
  background: rgba(47, 140, 255, 0.16) !important;
  outline: 1px solid rgba(143, 216, 255, 0.26) !important;
}

.charles-quotes__best-price::before {
  right: 104px !important;
  margin-top: 2px !important;
}

.charles-quotes__best-price i {
  color: #8fd8ff !important;
}

.charles-quotes__best-price em {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
  margin-top: -2px !important;
  color: #8fd8ff !important;
  font-size: 10px !important;
  line-height: 1 !important;
  font-style: normal !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.charles-quotes__connectors {
  display: flex !important;
  justify-content: center !important;
  margin: 18px 0 !important;
  color: rgba(143, 216, 255, 0.78) !important;
  font-size: 30px !important;
}

.charles-quotes__result {
  width: min(820px, 100%) !important;
  margin: 0 auto !important;
  padding: 26px !important;
  text-align: left !important;
  border-color: rgba(143, 216, 255, 0.26) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.charles-quotes__result-header {
  display: flex !important;
  align-items: flex-start !important;
  gap: 13px !important;
}

.charles-quotes__result-icon {
  width: 44px !important;
  height: 44px !important;
  flex: 0 0 44px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(47, 140, 255, 0.18) !important;
  color: #8fd8ff !important;
  font-size: 22px !important;
}

.charles-quotes__result-kicker {
  display: block !important;
  color: #8fd8ff !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.charles-quotes__result h3 {
  margin: 7px 0 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}

.charles-quotes__result p {
  margin: 14px 0 0 !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}

.charles-quotes__result-list {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 18px 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

.charles-quotes__result-list li {
  border-radius: 7px !important;
  padding: 11px !important;
  background: rgba(255, 255, 255, 0.07) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
}

.charles-quotes__saving {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 38px !important;
  margin: 18px 0 0 !important;
  padding: 0 15px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--cw-roxo), var(--cw-azul-claro)) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.charles-quotes__note {
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.56) !important;
}

.charles-quotes__orders {
  margin: 20px 0 0 !important;
  padding: 16px !important;
  border-radius: 8px !important;
  background: rgba(5, 8, 16, 0.32) !important;
}

.charles-quotes__orders > strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.charles-quotes__order-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin: 12px 0 0 !important;
}

.charles-quotes__order-list span,
.charles-quotes__download {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 34px !important;
  border-radius: 7px !important;
  padding: 0 11px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.charles-quotes__order-list i,
.charles-quotes__download i {
  color: #8fd8ff !important;
}

.charles-quotes__download {
  margin-top: 10px !important;
  background: rgba(47, 140, 255, 0.18) !important;
}

.charles-quotes__benefits {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 34px 0 0 !important;
}

.charles-quotes__benefit {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  min-height: 126px !important;
  padding: 19px !important;
  text-align: left !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}

.charles-quotes__benefit:hover {
  transform: translateY(-2px) !important;
  background: rgba(255, 255, 255, 0.08) !important;
}

.charles-quotes__benefit-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(47, 140, 255, 0.16) !important;
  color: #8fd8ff !important;
  font-size: 19px !important;
}

.charles-quotes__benefit h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.charles-quotes__benefit p {
  margin: 8px 0 0 !important;
  color: rgba(255, 255, 255, 0.68) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

.charles-quotes__closing {
  width: min(820px, 100%) !important;
  margin: 30px auto 0 !important;
  padding: 18px 22px !important;
  color: rgba(255, 255, 255, 0.84) !important;
  font-size: 18px !important;
  line-height: 1.38 !important;
  font-weight: 700 !important;
}

.charles-quotes__actions {
  margin-top: 30px !important;
}

.charles-quotes__button {
  border: 0 !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}

.charles-quotes__secondary {
  text-transform: uppercase !important;
}

.charles-quotes__body-modal-aberto {
  overflow: hidden !important;
}

.charles-quotes__modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-quotes__modal.charles-quotes__modal--aberto {
  display: flex !important;
}

.charles-quotes__modal-fundo {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 6, 14, 0.78) !important;
  backdrop-filter: blur(8px) !important;
}

.charles-quotes__modal-caixa {
  width: min(960px, 100%) !important;
  max-height: calc(100vh - 48px) !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #080b16 !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48) !important;
  padding: 22px !important;
}

.charles-quotes__modal-fechar {
  width: 42px !important;
  height: 42px !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.charles-quotes__modal-fechar:hover,
.charles-quotes__modal-fechar:focus {
  background: rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-1px) !important;
  outline: 2px solid rgba(80, 212, 255, 0.55) !important;
  outline-offset: 3px !important;
}

.charles-quotes__modal-topo {
  padding: 2px 58px 18px 0 !important;
  text-align: left !important;
}

.charles-quotes__modal-selo {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(80, 212, 255, 0.22) !important;
  background: rgba(47, 140, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.charles-quotes__modal-title {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.charles-quotes__modal-video {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #000000 !important;
}

.charles-quotes__modal-iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  background: #000000 !important;
}

@media (prefers-reduced-motion: reduce) {
  .charles-quotes__benefit,
  .charles-quotes__modal-fechar {
    transition: none !important;
  }
}

@media (max-width: 1199px) {
  .charles-quotes__suppliers {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .charles-quotes__benefits {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 768px) {
  .charles-quotes {
    padding: 68px 18px 58px !important;
  }

  .charles-quotes__support {
    font-size: 15px !important;
  }

  .charles-quotes__suppliers,
  .charles-quotes__benefits,
  .charles-quotes__result-list {
    grid-template-columns: 1fr !important;
  }

  .charles-quotes__supplier,
  .charles-quotes__result,
  .charles-quotes__benefit {
    padding: 17px !important;
  }

  .charles-quotes__order-list {
    flex-direction: column !important;
  }

  .charles-quotes__closing {
    font-size: 16px !important;
    line-height: 1.42 !important;
  }

  .charles-quotes__actions {
    width: 100% !important;
    margin-top: 26px !important;
  }

  .charles-quotes__button {
    width: 100% !important;
    max-width: 340px !important;
  }

  .charles-quotes__secondary {
    width: 100% !important;
    text-align: center !important;
  }

  .charles-quotes__modal {
    padding: 14px !important;
    align-items: center !important;
  }

  .charles-quotes__modal-caixa {
    width: 100% !important;
    max-height: calc(100vh - 28px) !important;
    border-radius: 8px !important;
    padding: 16px !important;
  }

  .charles-quotes__modal-fechar {
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 28px !important;
  }

  .charles-quotes__modal-topo {
    padding: 0 48px 14px 0 !important;
  }

  .charles-quotes__modal-title {
    font-size: 19px !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 420px) {
  .charles-quotes {
    padding: 58px 14px 50px !important;
  }
}

/* Documentos e Conteudos Profissionais */
.charles-content-library,
.charles-content-library * {
  box-sizing: border-box !important;
}

.charles-content-library {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 92px 20px 78px !important;
  background: #f5f9ff !important; /* Alterar aqui a cor do fundo, se necessario. */
  color: #102033 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-content-library__container {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  grid-template-areas: "media content" !important;
  align-items: center !important;
  gap: 54px !important;
}

.charles-content-library__media {
  grid-area: media !important;
  min-width: 0 !important;
}

.charles-content-library__mockup {
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  aspect-ratio: 1080 / 1200 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  border-radius: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.charles-content-library__mockup img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
  object-fit: contain !important;
  padding: 0 !important;
}

.charles-content-library__content {
  grid-area: content !important;
  min-width: 0 !important;
}

.charles-content-library__eyebrow {
  border-color: rgba(31, 111, 209, 0.24) !important;
  background: rgba(31, 111, 209, 0.08) !important;
  color: #1f6fd1 !important;
}

.charles-content-library__title {
  max-width: 560px !important;
  margin: 22px 0 0 !important;
  color: #111827 !important;
}

.charles-content-library__title span {
  color: #1f6fd1 !important;
}

.charles-content-library__description {
  max-width: 560px !important;
  margin: 22px 0 0 !important;
  color: #1e344f !important;
}

.charles-content-library__support {
  max-width: 540px !important;
  margin: 14px 0 0 !important;
  color: #52657d !important;
  font-size: 16px !important;
  line-height: 1.48 !important;
}

.charles-content-library__categories {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin-top: 28px !important;
}

.charles-content-library__category {
  min-height: 206px !important;
  padding: 20px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(31, 111, 209, 0.16) !important;
  background: #ffffff !important;
  box-shadow: 0 10px 28px rgba(24, 74, 132, 0.07) !important;
  transition: transform 0.2s ease, border-color 0.2s ease !important;
}

.charles-content-library__category:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(31, 111, 209, 0.28) !important;
}

.charles-content-library__category-icon {
  width: 42px !important;
  height: 42px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #e4f1ff !important;
  color: #1f6fd1 !important;
  font-size: 22px !important;
}

.charles-content-library__category h3 {
  margin: 16px 0 0 !important;
  color: #111827 !important;
  font-size: 18px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
}

.charles-content-library__category p {
  margin: 10px 0 0 !important;
  color: #3f526c !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}

.charles-content-library__advantages {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 9px !important;
  margin-top: 20px !important;
}

.charles-content-library__advantages span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 34px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  background: #eaf4ff !important;
  color: #213954 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.charles-content-library__advantages i {
  color: #1f6fd1 !important;
}

.charles-content-library__highlight {
  margin-top: 20px !important;
  padding: 16px 18px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(31, 111, 209, 0.14) !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #1e344f !important;
  font-size: 16px !important;
  line-height: 1.42 !important;
  font-weight: 700 !important;
}

.charles-content-library__actions {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  margin-top: 26px !important;
}

.charles-content-library__button {
  border: 0 !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}

.charles-content-library__secondary {
  color: #1f6fd1 !important;
  text-transform: uppercase !important;
}

.charles-content-library__secondary:hover,
.charles-content-library__secondary:focus {
  color: #155bb0 !important;
  text-decoration: underline !important;
}

.charles-content-library__body-modal-aberto {
  overflow: hidden !important;
}

.charles-content-library__modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-content-library__modal.charles-content-library__modal--aberto {
  display: flex !important;
}

.charles-content-library__modal-fundo {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 6, 14, 0.78) !important;
  backdrop-filter: blur(8px) !important;
}

.charles-content-library__modal-caixa {
  width: min(960px, 100%) !important;
  max-height: calc(100vh - 48px) !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #080b16 !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48) !important;
  padding: 22px !important;
}

.charles-content-library__modal-fechar {
  width: 42px !important;
  height: 42px !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.charles-content-library__modal-fechar:hover,
.charles-content-library__modal-fechar:focus {
  background: rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-1px) !important;
  outline: 2px solid rgba(80, 212, 255, 0.55) !important;
  outline-offset: 3px !important;
}

.charles-content-library__modal-topo {
  padding: 2px 58px 18px 0 !important;
  text-align: left !important;
}

.charles-content-library__modal-selo {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(80, 212, 255, 0.22) !important;
  background: rgba(47, 140, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.charles-content-library__modal-title {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.charles-content-library__modal-video {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #000000 !important;
}

.charles-content-library__modal-iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  background: #000000 !important;
}

@media (prefers-reduced-motion: reduce) {
  .charles-content-library__category,
  .charles-content-library__modal-fechar {
    transition: none !important;
  }
}

@media (max-width: 1199px) {
  .charles-content-library__container {
    gap: 34px !important;
  }

  .charles-content-library__categories {
    grid-template-columns: 1fr !important;
  }

  .charles-content-library__category {
    min-height: 0 !important;
  }
}

@media (max-width: 768px) {
  .charles-content-library {
    padding: 68px 18px 58px !important;
  }

  .charles-content-library__container {
    display: grid !important;
    grid-template-columns: 1fr !important;
    grid-template-areas: none !important;
    gap: 0 !important;
  }

  .charles-content-library__content {
    grid-area: auto !important;
    display: contents !important;
  }

  .charles-content-library__eyebrow {
    order: 1 !important;
    justify-self: start !important;
  }

  .charles-content-library__title {
    order: 2 !important;
    max-width: 100% !important;
    margin-top: 18px !important;
  }

  .charles-content-library__description {
    order: 3 !important;
    max-width: 100% !important;
    margin-top: 18px !important;
  }

  .charles-content-library__support {
    order: 4 !important;
    max-width: 100% !important;
    font-size: 15px !important;
  }

  .charles-content-library__media {
    grid-area: auto !important;
    order: 5 !important;
    margin-top: 28px !important;
  }

  .charles-content-library__mockup img {
    padding: 0 !important;
  }

  .charles-content-library__categories {
    order: 6 !important;
    grid-template-columns: 1fr !important;
    margin-top: 24px !important;
  }

  .charles-content-library__advantages {
    order: 7 !important;
    margin-top: 18px !important;
  }

  .charles-content-library__advantages span {
    width: 100% !important;
  }

  .charles-content-library__highlight {
    order: 8 !important;
    margin-top: 18px !important;
  }

  .charles-content-library__actions {
    order: 9 !important;
    width: 100% !important;
    align-items: center !important;
    margin-top: 24px !important;
  }

  .charles-content-library__button {
    width: 100% !important;
    max-width: 360px !important;
  }

  .charles-content-library__secondary {
    width: 100% !important;
    text-align: center !important;
  }

  .charles-content-library__modal {
    padding: 14px !important;
    align-items: center !important;
  }

  .charles-content-library__modal-caixa {
    width: 100% !important;
    max-height: calc(100vh - 28px) !important;
    border-radius: 8px !important;
    padding: 16px !important;
  }

  .charles-content-library__modal-fechar {
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 28px !important;
  }

  .charles-content-library__modal-topo {
    padding: 0 48px 14px 0 !important;
  }

  .charles-content-library__modal-title {
    font-size: 19px !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 420px) {
  .charles-content-library {
    padding: 58px 14px 50px !important;
  }

  .charles-content-library__category {
    padding: 17px !important;
  }
}

/* Biblioteca de Aulas */
.charles-learning,
.charles-learning * {
  box-sizing: border-box !important;
}

.charles-learning {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 96px 20px 82px !important;
  background-color: #110921 !important; /* Alterar aqui a cor do fundo, se necessario. */
  background-image:
    radial-gradient(circle at 78% 18%, rgba(104, 95, 255, 0.24), transparent 32%),
    radial-gradient(circle at 18% 86%, rgba(24, 145, 255, 0.13), transparent 30%),
    linear-gradient(135deg, #10081f 0%, #17102c 48%, #081325 100%) !important;
  color: #ffffff !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-learning::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  opacity: 0.17 !important;
  background-image:
    radial-gradient(circle, rgba(255, 255, 255, 0.16) 1px, transparent 1px) !important;
  background-size: 26px 26px !important;
  mask-image: linear-gradient(90deg, transparent, #000000 18%, #000000 82%, transparent) !important;
}

.charles-learning__container {
  position: relative !important;
  z-index: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr) !important;
  align-items: center !important;
  gap: 48px !important;
}

.charles-learning__content {
  min-width: 0 !important;
}

.charles-learning__eyebrow {
  gap: 8px !important;
  border-color: rgba(143, 216, 255, 0.26) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.84) !important;
}

.charles-learning__eyebrow i {
  color: #8fd8ff !important;
  font-size: 16px !important;
}

.charles-learning__title {
  max-width: 500px !important;
  margin: 22px 0 0 !important;
  color: #ffffff !important;
}

.charles-learning__title span {
  color: #8fd8ff !important;
}

.charles-learning__description {
  max-width: 520px !important;
  margin: 22px 0 0 !important;
  color: rgba(255, 255, 255, 0.82) !important;
}

.charles-learning__support {
  max-width: 500px !important;
  margin: 14px 0 0 !important;
  color: rgba(255, 255, 255, 0.62) !important;
  font-size: 16px !important;
  line-height: 1.48 !important;
}

.charles-learning__benefits {
  display: grid !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

.charles-learning__benefit {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 14px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  background: rgba(255, 255, 255, 0.06) !important;
}

.charles-learning__benefit-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(143, 216, 255, 0.12) !important;
  color: #8fd8ff !important;
  font-size: 20px !important;
}

.charles-learning__benefit h3 {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 15px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.charles-learning__benefit p {
  margin: 6px 0 0 !important;
  color: rgba(255, 255, 255, 0.64) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

.charles-learning__highlight {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-top: 20px !important;
  padding: 16px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(143, 216, 255, 0.2) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.82) !important;
  font-size: 15px !important;
  line-height: 1.42 !important;
  font-weight: 700 !important;
}

.charles-learning__highlight i {
  color: #8fd8ff !important;
  font-size: 22px !important;
}

.charles-learning__actions {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  margin-top: 26px !important;
}

.charles-learning__button {
  border: 0 !important;
  cursor: pointer !important;
  text-transform: uppercase !important;
}

.charles-learning__secondary {
  color: #8fd8ff !important;
  text-transform: uppercase !important;
}

.charles-learning__secondary:hover,
.charles-learning__secondary:focus {
  color: #ffffff !important;
  text-decoration: underline !important;
}

.charles-learning__platform {
  width: 100% !important;
  max-width: 760px !important;
  justify-self: end !important;
  padding: 18px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0.06)),
    rgba(20, 15, 38, 0.92) !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.34) !important;
}

.charles-learning__platform-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 12px 12px 16px !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.charles-learning__platform-header strong {
  display: block !important;
  color: #ffffff !important;
  font-size: 18px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.charles-learning__platform-header span {
  display: block !important;
  margin-top: 5px !important;
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
}

.charles-learning__platform-tools {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex: 0 0 auto !important;
}

.charles-learning__platform-tools > span {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 17px !important;
}

.charles-learning__platform-tools em {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  background: rgba(143, 216, 255, 0.12) !important;
  color: #8fd8ff !important;
  font-size: 11px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.charles-learning__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 16px 12px 0 !important;
}

.charles-learning__tags span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}

.charles-learning__featured-course {
  display: grid !important;
  grid-template-columns: minmax(0, 0.42fr) minmax(0, 0.58fr) !important;
  gap: 18px !important;
  margin-top: 18px !important;
  padding: 18px !important;
  border-radius: 10px !important;
  border: 1px solid rgba(143, 216, 255, 0.18) !important;
  background:
    radial-gradient(circle at 18% 20%, rgba(143, 216, 255, 0.24), transparent 34%),
    linear-gradient(135deg, rgba(95, 84, 255, 0.36), rgba(33, 113, 229, 0.22)) !important;
}

.charles-learning__featured-visual {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 0 !important;
  position: relative !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  aspect-ratio: 900 / 620 !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.14), rgba(255, 255, 255, 0.04)),
    #202946 !important;
}

.charles-learning__featured-visual img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  object-position: center !important;
}

.charles-learning__featured-visual::after {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(9, 13, 30, 0.02), rgba(9, 13, 30, 0.2)) !important;
}

.charles-learning__play {
  width: 42px !important;
  height: 42px !important;
  position: absolute !important;
  z-index: 2 !important;
  left: 50% !important;
  top: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.28) !important;
  background: rgba(12, 18, 34, 0.48) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 20px !important;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: blur(4px) !important;
  pointer-events: none !important;
}

.charles-learning__featured-content {
  min-width: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}

.charles-learning__course-meta,
.charles-learning__course-footer {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}

.charles-learning__course-meta span,
.charles-learning__course-footer span,
.charles-learning__course-footer em {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  padding: 0 9px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  color: rgba(255, 255, 255, 0.78) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
}

.charles-learning__featured-course h3,
.charles-learning__course-card h3 {
  margin: 14px 0 0 !important;
  color: #ffffff !important;
  font-weight: 800 !important;
}

.charles-learning__featured-course h3 {
  font-size: 24px !important;
  line-height: 1.14 !important;
}

.charles-learning__featured-course p,
.charles-learning__course-card p {
  color: rgba(255, 255, 255, 0.68) !important;
  line-height: 1.42 !important;
}

.charles-learning__featured-course p {
  margin: 10px 0 0 !important;
  font-size: 14px !important;
}

.charles-learning__progress,
.charles-learning__mini-progress {
  width: 100% !important;
  height: 7px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.12) !important;
}

.charles-learning__progress {
  margin-top: 18px !important;
}

.charles-learning__progress span,
.charles-learning__mini-progress span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #8fd8ff, #6f66ff) !important;
}

.charles-learning__continue {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  margin-top: 14px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.12) !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

.charles-learning__continue i {
  color: #8fd8ff !important;
}

.charles-learning__course-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 12px !important;
}

.charles-learning__course-card {
  min-height: 230px !important;
  padding: 15px !important;
  border-radius: 8px !important;
  border: 1px solid rgba(255, 255, 255, 0.11) !important;
  background: rgba(255, 255, 255, 0.065) !important;
  transition: transform 0.2s ease, background 0.2s ease !important;
}

.charles-learning__course-card:hover {
  transform: translateY(-2px) !important;
  background: rgba(255, 255, 255, 0.085) !important;
}

.charles-learning__course-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

.charles-learning__course-icon,
.charles-learning__course-top > i {
  width: 34px !important;
  height: 34px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
}

.charles-learning__course-icon {
  background: rgba(143, 216, 255, 0.12) !important;
  color: #8fd8ff !important;
  font-size: 18px !important;
}

.charles-learning__course-top > i {
  background: rgba(255, 255, 255, 0.08) !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 15px !important;
}

.charles-learning__course-card h3 {
  font-size: 16px !important;
  line-height: 1.18 !important;
}

.charles-learning__course-card p {
  margin: 9px 0 0 !important;
  font-size: 12px !important;
}

.charles-learning__course-footer {
  margin-top: 14px !important;
}

.charles-learning__mini-progress {
  height: 5px !important;
  margin-top: 13px !important;
}

.charles-learning__stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}

.charles-learning__stats span {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 46px !important;
  padding: 10px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.055) !important;
  color: rgba(255, 255, 255, 0.72) !important;
  font-size: 12px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

.charles-learning__stats i {
  color: #8fd8ff !important;
  font-size: 17px !important;
}

.charles-learning__body-modal-aberto {
  overflow: hidden !important;
}

.charles-learning__modal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 24px !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-learning__modal.charles-learning__modal--aberto {
  display: flex !important;
}

.charles-learning__modal-fundo {
  position: absolute !important;
  inset: 0 !important;
  background: rgba(4, 6, 14, 0.78) !important;
  backdrop-filter: blur(8px) !important;
}

.charles-learning__modal-caixa {
  width: min(960px, 100%) !important;
  max-height: calc(100vh - 48px) !important;
  position: relative !important;
  z-index: 1 !important;
  overflow: auto !important;
  border-radius: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  background: #080b16 !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.48) !important;
  padding: 22px !important;
}

.charles-learning__modal-fechar {
  width: 42px !important;
  height: 42px !important;
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.08) !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1 !important;
  cursor: pointer !important;
  transition: background 0.2s ease, transform 0.2s ease !important;
}

.charles-learning__modal-fechar:hover,
.charles-learning__modal-fechar:focus {
  background: rgba(255, 255, 255, 0.16) !important;
  transform: translateY(-1px) !important;
  outline: 2px solid rgba(80, 212, 255, 0.55) !important;
  outline-offset: 3px !important;
}

.charles-learning__modal-topo {
  padding: 2px 58px 18px 0 !important;
  text-align: left !important;
}

.charles-learning__modal-selo {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 26px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(80, 212, 255, 0.22) !important;
  background: rgba(47, 140, 255, 0.12) !important;
  color: rgba(255, 255, 255, 0.76) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}

.charles-learning__modal-title {
  margin: 12px 0 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
  font-size: 24px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
}

.charles-learning__modal-video {
  width: 100% !important;
  aspect-ratio: 16 / 9 !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #000000 !important;
}

.charles-learning__modal-iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
  background: #000000 !important;
}

@media (prefers-reduced-motion: reduce) {
  .charles-learning__course-card,
  .charles-learning__modal-fechar {
    transition: none !important;
  }
}

@media (max-width: 1199px) {
  .charles-learning__container {
    grid-template-columns: 1fr !important;
    gap: 42px !important;
  }

  .charles-learning__content {
    max-width: 820px !important;
    margin: 0 auto !important;
    text-align: center !important;
  }

  .charles-learning__title,
  .charles-learning__description,
  .charles-learning__support {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .charles-learning__benefits {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    text-align: left !important;
  }

  .charles-learning__highlight,
  .charles-learning__actions {
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .charles-learning__actions {
    align-items: center !important;
  }

  .charles-learning__platform {
    justify-self: center !important;
  }
}

@media (max-width: 768px) {
  .charles-learning {
    padding: 68px 18px 58px !important;
  }

  .charles-learning__container {
    gap: 30px !important;
  }

  .charles-learning__content {
    display: contents !important;
    text-align: left !important;
  }

  .charles-learning__eyebrow {
    order: 1 !important;
    justify-self: start !important;
  }

  .charles-learning__title {
    order: 2 !important;
    max-width: 100% !important;
    margin-top: 18px !important;
  }

  .charles-learning__description {
    order: 3 !important;
    max-width: 100% !important;
    margin-top: 18px !important;
  }

  .charles-learning__support {
    order: 4 !important;
    max-width: 100% !important;
    font-size: 15px !important;
  }

  .charles-learning__platform {
    order: 5 !important;
    width: 100% !important;
    padding: 13px !important;
  }

  .charles-learning__benefits {
    order: 6 !important;
    grid-template-columns: 1fr !important;
    margin-top: 0 !important;
  }

  .charles-learning__highlight {
    order: 7 !important;
    max-width: 100% !important;
    margin-top: 0 !important;
  }

  .charles-learning__actions {
    order: 8 !important;
    width: 100% !important;
    align-items: center !important;
    margin-top: 0 !important;
  }

  .charles-learning__button {
    width: 100% !important;
    max-width: 360px !important;
  }

  .charles-learning__secondary {
    width: 100% !important;
    text-align: center !important;
  }

  .charles-learning__platform-header {
    align-items: flex-start !important;
    flex-direction: column !important;
    padding: 10px 10px 14px !important;
  }

  .charles-learning__platform-tools {
    width: 100% !important;
    flex-wrap: wrap !important;
  }

  .charles-learning__featured-course,
  .charles-learning__course-grid,
  .charles-learning__stats {
    grid-template-columns: 1fr !important;
  }

  .charles-learning__featured-course {
    padding: 14px !important;
  }

  .charles-learning__featured-visual {
    min-height: 0 !important;
  }

  .charles-learning__featured-course h3 {
    font-size: 20px !important;
  }

  .charles-learning__course-card {
    min-height: 0 !important;
  }

  .charles-learning__modal {
    padding: 14px !important;
    align-items: center !important;
  }

  .charles-learning__modal-caixa {
    width: 100% !important;
    max-height: calc(100vh - 28px) !important;
    border-radius: 8px !important;
    padding: 16px !important;
  }

  .charles-learning__modal-fechar {
    width: 40px !important;
    height: 40px !important;
    top: 10px !important;
    right: 10px !important;
    font-size: 28px !important;
  }

  .charles-learning__modal-topo {
    padding: 0 48px 14px 0 !important;
  }

  .charles-learning__modal-title {
    font-size: 19px !important;
    line-height: 1.22 !important;
  }
}

@media (max-width: 420px) {
  .charles-learning {
    padding: 58px 14px 50px !important;
  }

  .charles-learning__platform {
    padding: 10px !important;
  }

  .charles-learning__tags {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
}

/* Chamada Final */
.charles-final-cta,
.charles-final-cta * {
  box-sizing: border-box !important;
}

.charles-final-cta {
  width: 100% !important;
  max-width: none !important;
  position: relative !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 92px 20px 78px !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(47, 140, 255, 0.12), transparent 34%),
    linear-gradient(135deg, #effbf4 0%, #f8fffb 58%, #eaf7ff 100%) !important; /* Alterar aqui a cor do fundo, se necessario. */
  color: #102033 !important;
  font-family: Arial, Helvetica, sans-serif !important;
}

.charles-final-cta__container {
  display: grid !important;
  grid-template-columns: minmax(0, 0.48fr) minmax(0, 0.52fr) !important;
  align-items: center !important;
  gap: 54px !important;
}

.charles-final-cta__content,
.charles-final-cta__visual {
  min-width: 0 !important;
}

.charles-final-cta__eyebrow {
  gap: 8px !important;
  border-color: rgba(31, 111, 209, 0.18) !important;
  background: rgba(31, 111, 209, 0.08) !important;
  color: #1f6fd1 !important;
}

.charles-final-cta__eyebrow i {
  font-size: 16px !important;
}

.charles-final-cta__title {
  max-width: 560px !important;
  margin: 22px 0 0 !important;
  color: #111827 !important;
  text-align: left !important;
}

.charles-final-cta__title span {
  color: #1f6fd1 !important;
}

.charles-final-cta__description {
  max-width: 560px !important;
  margin: 22px 0 0 !important;
  color: #1e344f !important;
  text-align: left !important;
}

.charles-final-cta__support {
  max-width: 540px !important;
  margin: 14px 0 0 !important;
  color: #52657d !important;
  font-size: 16px !important;
  line-height: 1.48 !important;
}

.charles-final-cta__benefits {
  display: grid !important;
  gap: 12px !important;
  margin-top: 28px !important;
}

.charles-final-cta__benefit {
  display: flex !important;
  align-items: flex-start !important;
  gap: 12px !important;
  padding: 0 !important;
}

.charles-final-cta__benefit-icon {
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #dff4ed !important;
  color: #1f6fd1 !important;
  font-size: 20px !important;
}

.charles-final-cta__benefit h3 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 16px !important;
  line-height: 1.2 !important;
  font-weight: 800 !important;
}

.charles-final-cta__benefit p {
  margin: 6px 0 0 !important;
  color: #52657d !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}

.charles-final-cta__actions {
  justify-content: flex-start !important;
  align-items: flex-start !important;
  margin-top: 30px !important;
}

.charles-final-cta__button {
  text-transform: uppercase !important;
}

.charles-final-cta__secondary {
  color: #1f6fd1 !important;
  text-transform: uppercase !important;
}

.charles-final-cta__secondary:hover,
.charles-final-cta__secondary:focus {
  color: #155bb0 !important;
  text-decoration: underline !important;
}

.charles-final-cta__trust {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  margin-top: 16px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.72) !important;
  color: #263d58 !important;
  font-size: 13px !important;
  line-height: 1 !important;
  font-weight: 800 !important;
}

.charles-final-cta__trust i {
  color: #1f8d62 !important;
}

.charles-final-cta__visual {
  display: flex !important;
  justify-content: flex-end !important;
}

.charles-final-cta__mockup {
  width: 100% !important;
  max-width: 700px !important;
  aspect-ratio: 3 / 2 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, 0.58) !important;
  box-shadow: 0 22px 58px rgba(24, 74, 132, 0.12) !important;
}

.charles-final-cta__mockup img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: contain !important;
  object-position: center !important;
  padding: 18px !important;
}

@media (max-width: 1199px) {
  .charles-final-cta__container {
    gap: 36px !important;
  }
}

@media (max-width: 768px) {
  .charles-final-cta {
    padding: 68px 18px 58px !important;
  }

  .charles-final-cta__container {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .charles-final-cta__content {
    display: contents !important;
  }

  .charles-final-cta__eyebrow {
    order: 1 !important;
    justify-self: start !important;
  }

  .charles-final-cta__title {
    order: 2 !important;
    max-width: 100% !important;
    margin-top: 18px !important;
  }

  .charles-final-cta__description {
    order: 3 !important;
    max-width: 100% !important;
    margin-top: 18px !important;
  }

  .charles-final-cta__support {
    order: 4 !important;
    max-width: 100% !important;
    font-size: 15px !important;
  }

  .charles-final-cta__actions {
    order: 5 !important;
    width: 100% !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 0 !important;
  }

  .charles-final-cta__button {
    width: 100% !important;
    max-width: 360px !important;
  }

  .charles-final-cta__secondary {
    width: 100% !important;
    text-align: center !important;
  }

  .charles-final-cta__trust {
    order: 6 !important;
    justify-self: center !important;
    margin-top: 0 !important;
  }

  .charles-final-cta__benefits {
    order: 7 !important;
    margin-top: 0 !important;
  }

  .charles-final-cta__visual {
    order: 8 !important;
    justify-content: center !important;
  }

  .charles-final-cta__mockup img {
    padding: 12px !important;
  }
}

@media (max-width: 420px) {
  .charles-final-cta {
    padding: 58px 14px 50px !important;
  }
}