body {
  margin: 0;
  padding: 0;
  font-family: 'Sora', Arial, sans-serif;
  background: #f6f6f8;
  color: #fff;
}

.topo {
  width: 100%;
  min-height: 100vh;
  background: linear-gradient(180deg, #46237C 60%, #46237C 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
  padding-bottom: 70px;
}

.topo-conteudo {
  max-width: 440px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  padding: 40px 20px 0 20px;
  position: relative;
  z-index: 1;
}

.logo-topo {
  width: 170px;
  margin-bottom: 26px;
}

.headline {
  font-size: 1.55rem;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 18px;
  letter-spacing: 0.01em;
}

.headline .azul {
  color: #16F1FF;
  font-weight: 800;
}

.tag-destaque {
      display: inline-block;
    margin-bottom: 22px;
    font-size: 12px;
    background: #4CFFFF;
    color: #290057;
    padding: 7px 5px;
    width: 80%;
    font-weight: 700;
    letter-spacing: 0.04em;
    box-shadow: 0 2px 12px rgba(22, 241, 255, 0.06);
}

.sub-headline {
font-size: 31px;
    margin: 10px 0 24px 0;
    font-weight: 700;
    line-height: 36px;
}

.sub-headline .verde {
  color: #4CFFFF;
  font-weight: 700;
}

.btn-acesso {
  display: inline-block;
    background: #8FEF5F;
    color: #161616;
    font-weight: 700;
    font-size: 1.12rem;
    padding: 16px 32px !important;
    border-radius: 32px;
    margin-bottom: 18px;
    text-decoration: none;
    box-shadow: 0 2px 16px rgba(202, 255, 96, 0.16);
    transition: background 0.25s, color 0.25s;
}
.btn-acesso:hover {
  background: #b4e35d;
  color: #090909;
}

.garantias {
  margin: 16px 0 6px 0;
}
.garantias img {
  width: 260px;
  opacity: 0.85;
}

.seta-baixo {
  width: 32px;
  margin: 10px auto 0 auto;
  display: block;
  animation: bounce 1.8s infinite;
}

@keyframes bounce {
  0%, 100% { transform: translateY(0);}
  50% { transform: translateY(12px);}
}

.mockups {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 10px;
  margin: 18px 0 0 0;
  position: relative;
}
.mockups .notebook {
  width: 320px;
  z-index: 2;
}
.mockups .celular {
  width: 110px;
  position: absolute;
  left: 36px;
  bottom: 22px;
  z-index: 3;
}

/* Responsivo */
@media (max-width: 600px) {
  .topo-conteudo {
    max-width: 98vw;
    padding: 22px 2vw 0 2vw;
  }
  .headline {
    font-size: 25px;
  }
  .btn-acesso {
    font-size: 1rem;
    padding: 12px 14px;
  }
  .garantias img {
    width: 92vw;
    max-width: 260px;
  }
  .mockups .notebook {
    width: 320px;
  }
  .mockups .celular {
    width: 70px;
    left: 8vw;
    bottom: 12px;
  }
}

.sobre-artesclub {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #1a0034;
  min-height: 380px;
  padding: 0 0 30px 0;
  overflow: hidden;
}

.sobre-bg img {
  width: 100vw;
  height: 100%;
  min-height: 380px;
  object-fit: cover;
  opacity: 0.68;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 0;
}

.sobre-conteudo {
  max-width: 510px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 1;
  padding: 36px 18px 30px 18px;
}

.sobre-conteudo .seta-azul {
  width: 34px;
  margin: 0 auto 16px auto;
  display: block;
}

.sobre-conteudo h2 {
  font-size: 1.62rem;
  font-weight: 800;
  margin-bottom: 22px;
  margin-top: 0;
  letter-spacing: 0.01em;
}

.sobre-conteudo p {
  font-size: 1.06rem;
  font-weight: 400;
  line-height: 1.4;
  margin: 0;
  color: #fff;
  text-shadow: 0 3px 12px rgba(0,0,0,0.36);
}

/* Responsivo */
@media (max-width: 600px) {
  .sobre-conteudo {
    max-width: 96vw;
    padding: 18px 2vw 22px 2vw;
  }
  .sobre-conteudo h2 {
          font-size: 30px;
        margin-bottom: 25px;
        margin-top: 24px;
  }
  .sobre-conteudo p {
    font-size: 19px;
  }
  .sobre-bg img {
    min-height: 220px;
  }
}

.ganhos-artesclub {
  background: #42199d;
  padding: 44px 0 42px 0;
  text-align: center;
  margin-top:-8px;
}

.ganhos-titulo h2 {
  font-size: 2rem;
  font-weight: 800;
  margin-bottom: 10px;
  color: #fff;
}
.ganhos-titulo .azul {
  color: #16F1FF;
}
.ganhos-titulo .ganhos-sub {
  font-size: 1.08rem;
  font-weight: 400;
  color: #fff;
  margin-bottom: 24px;
      line-height: 26px;
  letter-spacing: 0.01em;
}

.carousel-container {
  width: 100%;
  max-width: 850px;
  margin: 28px auto 32px auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 260px;
}
.carousel-btn {
  background: #30106b;
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.85;
  transition: background 0.2s, opacity 0.2s;
  position: relative;
  z-index: 3;
}
.carousel-btn:hover {
  background: #16F1FF;
  opacity: 1;
}
.carousel-viewport {
  width: 540px; /* 3 imagens lado a lado padrão */
  max-width: 75vw;
  overflow: hidden;
  border-radius: 14px;
  margin: 0 18px;
  background: transparent;
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.carousel-track {
  display: flex;
  align-items: center;
  transition: transform 0.4s cubic-bezier(.85,-0.03,.2,1.03);
  will-change: transform;
  gap: 22px;
}

.carousel-track img {
  max-height: 240px;
  max-width: 100%;
  height: auto;
  width: auto;
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 4px 32px rgba(32,0,65,0.12);
  background: #fff;
  transition: transform .22s;
  display: block;
  margin: 0 auto;
}

.carousel-track img:hover {
  transform: scale(1.05);
  box-shadow: 0 4px 32px rgba(32,0,65,0.23);
}

/* Responsivo */
@media (max-width: 700px) {
  .carousel-viewport {
    width: 98vw;
    max-width: 98vw;
    min-height: 110px;
  }
  .carousel-track img {
    max-height: 110px;
  }
}
@media (max-width: 700px) {
  .carousel-viewport {
    width: 95vw;
    max-width: 95vw;
    min-height: 55vw;
  }
  .carousel-track img {
    max-width: 95vw;
    max-height: 65vw;
    width: auto;
    height: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
  }
}

@media (max-width: 600px) {
  .carousel-viewport {
    width: 99vw;
    max-width: 99vw;
    min-height: 65vw;
  }
  .carousel-track img {
    max-width: 98vw;
    max-height: 65vw;
  }
}

.carrossel-descricao-cta {
  text-align: center;
  background: #42199c; /* Ligeiramente diferente para destacar, pode usar #42199d igual ao fundo se preferir */
  padding: 56px 16px 56px 16px;
}

.descricao-carrossel {
  color: #fff;
  font-family: 'Sora', Arial, sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 1.18;
  max-width: 760px;
  margin: 0 auto 36px auto;
}

.btn-cta-carrossel {
  display: inline-block;
  padding: 24px 48px;
  border-radius: 48px;
  background: #36fcff;
  color: #1c2f60;
  font-weight: 800;
  font-size: 2rem;
  font-family: 'Sora', Arial, sans-serif;
  text-decoration: none;
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
  box-shadow: 0 6px 32px rgba(0,0,0,0.09);
  letter-spacing: 0.01em;
  margin-top: 12px;
}
.btn-cta-carrossel:hover {
  background: #16f1ff;
  color: #1c2f60;
  box-shadow: 0 8px 32px rgba(0,0,0,0.13);
}

@media (max-width: 700px) {
  .descricao-carrossel {
    font-size: 30px;
    max-width: 98vw;
    line-height: 1.25;
  }
  .btn-cta-carrossel {
    font-size: 1.1rem;
    padding: 18px 18px;
  }
  .carrossel-descricao-cta {
    padding: 38px 8px 42px 8px;
  }
}




.depoimentos-artesclub {
  background: #42199d;
  padding: 0px 0 62px 0;
  text-align: center;
}
.depoimentos-titulo {
  font-family: 'Sora', Arial, sans-serif;
  color: #fff;
  font-size: 30px;
  font-weight: 800;
  margin-bottom: 32px;
  line-height: 1.13;
}
.depoimentos-titulo .azul {
  color: #16F1FF;
}

.carousel-depoimentos {
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.carousel-viewport-dep {
  width: 350px;
  max-width: 98vw;
  min-height: 20px;
  overflow: hidden;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0;
  padding: 0;
  box-sizing: border-box;
  touch-action: pan-y;
}
.carousel-track-dep {
  display: flex;
  align-items: center;
  transition: transform 0.45s cubic-bezier(.85,-0.03,.2,1.03);
  gap: 24px;
  will-change: transform;
}
.depoimento-slide {
  width: 350px;
  max-width: 350px;
  min-width: 350px;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
  overflow: visible;
}
.depoimento-slide img {
  max-width: 92%;
  max-height: 70vh;
  width: auto;
  height: auto;
  object-fit: contain;
  display: block;
  background: transparent;
  border-radius: 18px;
  margin: 0 auto;
}

/* MOBILE RESPONSIVO */
@media (max-width: 500px) {
  .carousel-viewport-dep,
  .depoimento-slide {
    width: 100vw !important;
    min-width: 100vw !important;
    max-width: 100vw !important;
    border-radius: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .carousel-track-dep {
    gap: 0 !important;
  }
  .depoimento-slide img {
    width: 80vw !important;
    max-width: 80vw !important;
    height: auto !important;
    max-height: 80vh !important;
    object-fit: contain !important;
    background: transparent !important;
    display: block !important;
    margin: 0 auto !important;
    border-radius: 0 !important;
  }
}
.carousel-depoimentos {
  width: 100%;
  max-width: 100vw;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  min-height: 360px; /* Garante espaço pras setas no mobile */
}

.carousel-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  background: #30106b;
  border: none;
  border-radius: 50%;
  box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  opacity: 0.95;
  transition: background 0.2s, opacity 0.2s;
}
.carousel-btn.prev {
  left: 0;
}
.carousel-btn.next {
  right: 0;
}
.carousel-btn:hover {
  background: #16F1FF;
  opacity: 1;
}

@media (max-width: 500px) {
  .carousel-depoimentos {
    min-height: 210px !important; /* menor no mobile */
  }
  .carousel-btn {
    width: 38px;
    height: 38px;
  }
  .carousel-btn.prev { left: 2px; }
  .carousel-btn.next { right: 2px; }
}

.splide__slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: transparent;
}
.splide__slide img {
  width: 80vw;
  max-width: 360px;
  height: auto;
  max-height: 80vh;
  border-radius: 18px;
  background: transparent;
  display: block;
  margin: 0 auto;
}

@media (max-width: 600px) {
  .splide__slide img {
    max-width: 100%;

  width: auto;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 18px;
  background: transparent;
  object-fit: contain; /* Garante sem crop */
  }
}


.carrossel-ganhos .splide__slide {
  display: flex !important;
  justify-content: center;
  align-items: center;
  background: transparent;
}
.carrossel-ganhos .splide__slide img {
  max-width: 320px;
  width: auto;
  height: auto;
  max-height: 90%;
  object-fit: contain;
  display: block;
  margin: 0 auto;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 32px rgba(32,0,65,0.12);
  transition: transform .22s;
}
.carrossel-ganhos .splide__slide img:hover {
  transform: scale(1.05);
}

@media (max-width: 700px) {
  .carrossel-ganhos .splide__slide img {
   
  }
}


.secao-cta-final {
  background: #fff;
  position: relative;
  width: 100%;
  min-height: 490px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cta-final-bg-azul {
  position: absolute;
  left: 50%;
  top: 80px;
  transform: translateX(-50%);
  width: 390px;
  height: 190px;
  background: #24F1FF;
  border-radius: 60px 60px 90px 90px;
  z-index: 1;
  filter: blur(1.5px);
  opacity: 0.94;
}

.cta-final-bloco-roxo {
  position: relative;
  margin: 0 auto;
  width: 92%;
  max-width: 440px;
  min-height: 230px;
  background: #42199d;
  border-radius: 40px;
  padding: 38px 28px 34px 32px;
  z-index: 2;
  margin-top: 26px;
  box-shadow: 0 12px 64px rgba(32,0,65,0.10);
  text-align: left;
}

.cta-final-bloco-roxo h2 {
  color: #fff;
  font-size: 2rem;
  font-family: 'Sora', Arial, sans-serif;
  font-weight: 800;
  margin-bottom: 14px;
  line-height: 1.16;
}
.cta-final-bloco-roxo .azul {
  color: #24F1FF;
  font-weight: 800;
}
.cta-final-bloco-roxo p {
  color: #fff;
  font-size: 1.1rem;
  font-family: 'Sora', Arial, sans-serif;
  line-height: 1.44;
  font-weight: 400;
  margin-bottom: 0;
}

.cta-final-notebook {
  position: relative;
  z-index: 3;
  display: block;
  margin: -56px auto 0 auto;
  max-width: 420px;
  width: 94vw;
  height: auto;
 
}

/* Responsivo */
@media (max-width: 700px) {
  .secao-cta-final {
    min-height: 380px;
  }
  .cta-final-bg-azul {
    width: 72vw;
    height: 22vw;
    top: 44vw;
    border-radius: 16vw 16vw 21vw 21vw;
  }
  .cta-final-bloco-roxo {
   width: 80vw;
        min-height: 38vw;
        padding: 9vw 4vw 9vw 6vw;
        border-radius: 10vw;
        margin-top: 12vw;
        max-width: none;
        border-bottom: 5px solid #24f1ff;
  }
  .cta-final-bloco-roxo h2 {
    font-size: 25px;
  }
  .cta-final-notebook {
    margin-top: -8vw;
    max-width: 98vw;
    width: 98vw;
  }
}
.vantagens-artesclub {
  background: #fff;
  padding: 32px 0 40px 0;
  text-align: center;
}

.vantagens-container {
  max-width: 410px;
  margin: 0 auto;
  padding: 0 10px;
  color: #26124f;
}

.vantagens-artesclub h2 {
  font-size: 1.23rem;
  font-weight: 800;
  margin-bottom: 18px;
  color: #22104b;
  letter-spacing: -0.02em;
  line-height: 1.18;
}

.vantagens-lista.centralizada {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.vantagens-lista {
  list-style: none;
  padding: 0;
  margin: 0 0 15px 0;
}
.vantagens-lista li {
  font-size: 1rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center; /* centraliza as linhas */
  margin-bottom: 7px;
  gap: 8px;
  color: #42199d;
}
.vantagens-lista li img {
  width: 18px;
  height: 18px;
  margin-right: 7px;
  margin-left: 0;
}
.vantagens-lista.amarelo li {
     color: #0c0c0b;
    font-size: 23px;
}
.vantagens-lista.amarelo li img {
  width: 19px;
  height: 19px;
}
.vantagens-lista.mini li {
  font-size: 25px;
  color: #0c0c0b;
  opacity: .86;
}

.subtitulo-vantagem {
  color: #42199d;
    font-weight: 800;
    margin: 30px 0px;
    font-size: 20px;
    letter-spacing: 0;
    text-align: center;
}
.subtitulo-vantagem.roxo {
  color: #4219b6;
  font-size: 1.03rem;
  margin-top: 15px;
}

.vantagens-destaque {
  margin: 40px 0 12px 0;
 font-size: 26px;
    font-weight: 700 !important;
    line-height: 1.22;
    text-align: center;
}

.btn-vantagens {
  display: inline-block;
  background: #4219dd;
  color: #fff;
  font-weight: 800;
  font-size: 1.01rem;
  border-radius: 24px;
  padding: 13px 36px;
  margin-top: 14px;
  text-decoration: none;
  transition: background 0.2s;
}
.btn-vantagens:hover {
  background: #16f1ff;
  color: #22104b;
}

@media (max-width: 500px) {
  .vantagens-container {
    padding: 0 6px;
    max-width: 99vw;
  }
  .vantagens-artesclub h2 {
    font-size: 28px;
  }
  .vantagens-lista li {
   font-size: 18px;
        letter-spacing: -1px;
        margin: 20px 0px;
        font-weight: 600;
  }
  .btn-vantagens {
    width: 95%;
    font-size: 0.97rem;
    padding: 14px 0;
  }
}


.bonus-section {
  background: #111;
  padding: 60px 0 30px 0;
  color: #fff;
  text-align: center;
  font-family: 'Sora', sans-serif;
}

.bonus-header {
  margin-bottom: 40px;
}

.bonus-emoji {
  width: 96px;
  margin-bottom: 18px;
}

.bonus-header h2 {
  font-size: 1.7rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

.bonus-header .bold {
  font-weight: 800;
}

.bonus-bloco {
  margin: 0 auto 34px auto;
  max-width: 520px;
}

.bonus-titulo {
    color: #16F1FF;
    font-size: 33px;
    font-weight: 100;
    margin-bottom: 25px;
    margin-top: 0;
    letter-spacing: 0.02em;
}

.bonus-conteudo {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  background: transparent;
}

.bonus-conteudo .bonus-img {
  max-width: 380px;
  height: auto;
  display: block;
  margin: 0 auto;
}

.bonus-info {
  text-align: left;
  max-width: 270px;
}

.bonus-desc-title {
  font-weight: 700;
  font-size: 1.1rem;
  letter-spacing: 0.01em;
}
.bonus-desc-title.azul { color: #16F1FF; }
.bonus-desc-title.roxo { color: #c77dff; }
.bonus-desc-title.vermelho { color: #ff3571; }
.bonus-desc-title.branco { color: #fff; }
.bonus-preco {
  margin-top: 14px;
  font-size: 1.08rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.preco-antigo {
      display: block;
    font-size: 37px;
    color: #222;
    
    text-decoration: line-through;
    margin-bottom: 3px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.preco-novo {
  color: #ff3571;
  font-size: 2.07rem;
  font-weight: 700;
}


.bonus-seta span {
  display: block;
  color: #16F1FF;
  font-size: 2.1rem;
  margin: 18px 0 10px 0;
  font-weight: 700;
}

@media (max-width: 750px) {
  .bonus-conteudo {
    flex-direction: column;
    gap: 12px;
  }
  .bonus-info {
    max-width: 80vw;
    text-align: center;
  }
  .bonus-bloco {
    max-width: 98vw;
    padding-top: 40px;
  }
}


.bonus-container {
  width: 100%;
  margin: 40px auto 0 auto;
  text-align: center;
}

.bonus-02 {
  background: #262931; /* preto mais claro */
  
  padding: 36px 20px 28px 20px;
  
  margin: 0 auto 32px auto;
  max-width: 430px;
}

.img-bonus {
  max-width: 95%;
  margin: 18px 0 16px 0;
  display: block;
}

.bonus-titulo {
  color: #16F1FF;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 12px;
}

.bonus-descricao {
  color: #fff;
  font-size: 1.13rem;
  margin-bottom: 12px;
  line-height: 1.3;
}

.ia-destaque {
  color: #fff;
  font-weight: 700;
}
.ia-vermelho {
  color: #ff3571;
  font-weight: 800;
}



.bonus-preco {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 18px 0 0 0;
  width: 100%;
}

.preco-antigo {
  color: #fff;
  font-size: 2.54rem;
  font-weight: 700;
  text-decoration: line-through;
  letter-spacing: 1px;
  margin-bottom: 2px;
  display: block;
  text-align: center;
  width: 100%;
}

.preco-novo {
  color: #ff3571;
  font-size: 2rem;
  font-weight: 800;
  margin-top: 2px;
  display: block;
  text-align: center;
  width: 100%;
}
.img_b { width:67%; margin:15px 0px;  }



.bonus-2 {
  background: #22242a;      /* preto mais claro */
  padding: 34px 0 32px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;      /* centraliza tudo do container */
  justify-content: center;
}

.bonus-titulo {
  color: #16f1ff;
  font-size: 2rem;
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
  letter-spacing: 0.01em;
}

.bonus2-img {
  display: block;
  max-width: 220px;
  width: 100%;
  margin: 0 auto 16px auto;
}

.bonus2-conteudo {
  text-align: center;
  margin: 0 auto;
  color: #fff;
  width: 100%;
}

.bonus2-conteudo h3 {
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 12px;
}

.bonus2-conteudo .ia-color {
  color: #ff3571;
  font-weight: 800;
  letter-spacing: 0.01em;
}

.bonus2-conteudo p {
  font-size: 1.08rem;
  color: #fff;
  font-weight: 400;
  margin-bottom: 18px;
  line-height: 1.35;
}

.bonus-preco {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.preco-antigo {
  color: #fff;
  font-size: 2.54rem;
  font-weight: 700;
  text-decoration: line-through;
  letter-spacing: 1px;
  margin-bottom: 4px;
  display: block;
  text-align: center;
  width: 100%;
}

.preco-novo {
  color: #ff3571;
  font-size: 2rem;
  font-weight: 800;
  margin-top: 2px;
  display: block;
  text-align: center;
  width: 100%;
}




.preco-artesclub {
  width: 100%;
  background: #f6f6f8;
  padding: 0 0 36px 0;
  text-align: center;
}

.preco-titulo h2 {
  font-family: 'Sora', sans-serif;
  font-weight: 600;
  color: #42199d;
     font-size: 27px;
  margin-top: 30px;
  margin-bottom: 18px;
  line-height: 1.15;
  letter-spacing: -1px;
}

.preco-bloco-central {
  margin: 0 auto;
  background: #fff;
  border-radius: 26px;
  max-width: 375px;
  box-shadow: 0 4px 32px 0 rgba(66,25,157,0.08);
  padding: 28px 18px 28px 18px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.preco-produto-img {
  width: 265px;
  max-width: 98vw;
  margin: 0 auto 13px auto;
  display: block;
  border-radius: 17px;
}

.mega-oferta-btn {
  background: #6c28d3;
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  padding: 10px 34px;
  font-size: 1.16rem;
  border-radius: 23px;
  box-shadow: 0 2px 8px 0 rgba(40,8,122,0.13);
  margin-bottom: 14px;
  margin-top: -5px;
  white-space: nowrap;
  display: inline-block;
  letter-spacing: 0.01em;
}

.preco-lista-beneficios {
  list-style: none;
  margin: 12px 0 22px 0;
  padding: 0;
  text-align: left;
  color: #42199d;
  font-family: 'Sora', sans-serif;
  font-size: 1.03rem;
  width: 100%;
  max-width: 310px;
  margin-left: auto;
  margin-right: auto;
}

.preco-lista-beneficios li {
     display: flex
;
    align-items: center;
    font-weight: 600;
    margin: 13px 0px;
    gap: 8px;
    font-size: 15px;
}

.icon-li {
  width: 20px;
  height: 20px;
  margin-right: 3px;
}

.preco-tudo-em {
  width: 100%;
  max-width: 305px;
  text-align: left;
  margin-bottom: 10px;
  margin-top: -6px;
}

.preco-tudo-titulo {
 color: #42199d;
    font-weight: 700;
    font-size: 21px;
    display: block;
    margin: 20px 0px 10px 0px;
}

.mt-12 {
  margin-top: 12px;
}

.preco-tudo-em ul {
  padding-left: 0;
  list-style: none;
  margin-bottom: 2px;
  margin-top: 2px;
}

.preco-tudo-em li {
  color: #42199d;
    font-size: 17px;
    margin-bottom: 11px;
    font-weight: 500;
}

.preco-tudo-em li b {
  color: #6c28d3;
  font-weight: 700;
}

.preco-fita-diaria {
  margin: 14px 0 7px 0;
  background: #6c28d3;
  color: #fff;
  border-radius: 16px;
  font-family: 'Sora', sans-serif;
  font-weight: 700;
  font-size: 1rem;
  padding: 6px 22px 6px 13px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.preco-fita-icone {
  width: 21px;
  height: 21px;
}

.preco-area-preco {
  margin: 16px 0 12px 0;
  text-align: center;
}

.preco-antigo {
 display: block;
    font-size: 34px;
    color: #ffffff;
    text-decoration: line-through;
    margin-bottom: 3px;
    font-weight: 600;
    letter-spacing: 0.02em;
}

.preco-atual {
  display: block;
  font-size: 3.17rem;
  color: #57be2d;
  font-weight: 800;
  margin-bottom: 2px;
  letter-spacing: 0.01em;
}

.preco-parcela {
  display: block;
  font-size: 1.09rem;
  color: #222;
  font-weight: 500;
  margin-top: 2px;
}

.btn-preco-artesclub {
  display: block;
  width: 100%;
  background: #72c728;
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-weight: 900;
  font-size: 1.25rem;
  padding: 17px 0 15px 0;
  border-radius: 44px;
  box-shadow: 0 4px 22px 0 rgba(40,181,49,0.13);
  margin: 19px auto 0 auto;
  text-decoration: none;
  transition: background 0.18s;
  letter-spacing: 0.01em;
  border: none;
  outline: none;
}

.btn-preco-artesclub:hover {
  background: #5ca417;
}

.preco-selos {
  margin: 18px 0 0 0;
}

.preco-selos img {
  width: 238px;
  max-width: 100%;
  display: block;
  margin: 0 auto;
  opacity: 0.93;
}

.preco-entrega {
  font-family: 'Sora', sans-serif;
  margin-top: 17px;
  font-size: 1.05rem;
  color: #222;
}

.preco-entrega-roxo {
  color: #6c28d3;
  font-weight: 700;
}

/* Responsivo */
@media (max-width: 500px) {
  .preco-bloco-central {
    max-width: 85vw;
    padding: 15px 2vw 22px 2vw;
    border-radius: 15px;
  }
  .preco-produto-img {
    width: 85vw;
    max-width: 93vw;
    border-radius: 12px;
  }
  .btn-preco-artesclub {
    font-size: 20px;
        padding: 25px 0 25px 0;
        border-radius: 100px;
  }
  .preco-selos img {
    width: 97vw;
    max-width: 180px;
  }
}

.sobre-criador {
  background: #08080c;
  padding: 44px 0 32px 0;
  text-align: center;
}

.sobre-criador-centro {
  max-width: 470px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.sobre-criador h2 {
  font-family: 'Sora', sans-serif;
  font-size: 2.2rem;
  font-weight: 800;
  color: #fff;
  margin-bottom: 0.4em;
  letter-spacing: -1px;
  line-height: 1.1;
}

.criador-nome {
  color: #07d1c5;
  font-weight: 700;
  font-family: 'Sora', sans-serif;
  margin-bottom: 24px;
  font-size: 1.15rem;
  margin-top: -8px;
}

.criador-texto {
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-size: 1.06rem;
  font-weight: 400;
  line-height: 1.47;
  text-align: left;
  max-width: 390px;
  margin: 0 auto 30px auto;
}

.criador-img img {
  display: block;
  width: 250px;
  max-width: 72vw;
  border-radius: 16px;
  margin: 0 auto;
  box-shadow: 0 6px 34px 0 rgba(12,11,21,0.17);
}

/* Responsivo */
@media (max-width: 540px) {
  .sobre-criador {
    padding: 32px 0 18vw 0;
  }
  .sobre-criador h2 {
            font-size: 2.37rem;
        line-height: 1.13;
        font-weight: 400;
  }
  .criador-texto {
    font-size: 1.01rem;
    max-width: 80vw;
  }
  .criador-img img {
    width: 80vw;
    max-width: 320px;
    margin-bottom: -70px;
  }
}


.faq-artesclub {
  background: #fff;
  padding: 44px 0 36px 0;
  text-align: center;
}
.faq-artesclub h2 {
  font-family: 'Sora', sans-serif;
  color: #656565;
  font-size: 1.45rem;
  font-weight: 600;
  margin-bottom: 28px;
  letter-spacing: 0.01em;
}
.faq-lista {
  max-width: 430px;
  margin: 0 auto;
  text-align: left;
}
.faq-item {
  border-bottom: 2px solid #dedede;
  margin-bottom: 30px;
  padding-bottom: 2px;
}
.faq-pergunta {
  font-family: 'Sora', sans-serif;
  background: none;
  border: none;
    color: #42199d;
  font-size: 1.08rem;
  font-weight: 500;
  width: 100%;
  text-align: left;
  cursor: pointer;
  padding: 13px 0 12px 0;
  outline: none;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: color 0.22s;
}
.faq-icon {
  font-size: 1.45em;
  color: #42199d;
  transition: transform 0.2s;
}
.faq-item.open .faq-icon {
  transform: rotate(45deg);
}
.faq-resposta {
 ont-family: 'Sora', sans-serif;
    color: #000000;
    font-size: 17px;
    margin-bottom: 30px;
    margin-left: 3px;
    margin-top: 20px;
    line-height: 1.54;
    display: none;
    animation: fadeInFaq 0.4s;
}
.faq-item.open .faq-resposta {
  display: block;
}
@keyframes fadeInFaq {
  from { opacity: 0; transform: translateY(-12px);}
  to { opacity: 1; transform: translateY(0);}
}
@media (max-width: 600px) {
  .faq-artesclub h2 { font-size: 2.13rem; }
  .faq-lista { max-width: 80vw; }
  .faq-pergunta { font-size: 20px; }
}

.footer-artesclub {
  background: #171717;
  padding: 44px 0 32px 0;
  color: #fff;
  text-align: center;
}

.footer-conteudo {
  max-width: 480px;
  margin: 0 auto;
}

.footer-logo {
  width: 135px;
  max-width: 60vw;
  margin-bottom: 18px;
}

.footer-texto {
  font-family: 'Sora', sans-serif;
  color: #fff;
  font-size: 1.01rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: 0.01em;
}

@media (max-width: 600px) {
  .footer-conteudo {
    max-width: 98vw;
    padding: 0 5vw;
  }
  .footer-logo {
    width: 160px;
  }
  .footer-texto {
    font-size: 0.93rem;
  }
}


.destaque-canva {
  width: 100%;
  text-align: center;

  padding: 0;
}
.img-destaque-canva {
  max-width: 100%;
  height: auto;
  display: inline-block;


}


.carrossel-titulo {
  color: #fff;
  font-family: 'Sora', sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  margin: 28px 0 10px 0;
  letter-spacing: 0.01em;
}