.lp-desk-child {
  position: absolute;
  top: 43px;
  left: 450px;
  width: 1112.7px;
  height: 892px;
  object-fit: contain;
}
.image-8-icon,
.image-9-icon,
.rectangle-icon {
  position: absolute;
  top: 4455px;
  left: -507px;
  width: 1457.7px;
  height: 1098px;
  object-fit: cover;
}
.image-9-icon,
.rectangle-icon {
  left: 960px;
}
.rectangle-icon {
  top: 453px;
  left: -286px;
  width: 2401px;
  height: 1432px;
  mix-blend-mode: lighten;
}
.image-12-icon,
.image-13-icon,
.image-14-icon {
  position: absolute;
  top: -112px;
  left: -842px;
  width: 2798px;
  height: 1717px;
  object-fit: cover;
  mix-blend-mode: screen;
}
.image-13-icon,
.image-14-icon {
  top: 0;
  left: 206px;
  width: 3310px;
  height: 2031px;
}
.image-14-icon {
  left: 0;
}
.image-13-group,
.image-13-parent {
  position: absolute;
  top: -1325px;
  left: -1596px;
  width: 3516px;
  height: 2031px;
}
.image-13-group {
  top: 3868px;
  left: -1568px;
}
.image-10-icon,
.image-7-icon {
  position: absolute;
  top: 1796px;
  left: 807px;
  width: 863px;
  height: 863px;
  object-fit: cover;
}

.image-6-icon{
  position: absolute;
  top: 1796px;
  left: 570px;
  width: 863px;
  height: 863px;
  object-fit: cover;
}

.image-10-icon,
.image-7-icon {
  top: 1808px;
  left: -1225px;
  width: 4013.7px;
  height: 813px;
  mix-blend-mode: screen;
}
.image-10-icon {
  top: 1874px;
  left: -1290px;
  width: 6531.6px;
  height: 1323px;
  object-fit: contain;
}
.frame-child,
.lp-desk-item {
  position: absolute;
  top: 2468px;
  left: 0;
  width: 1920px;
  height: 1428.5px;
}
.frame-child {
  width: 151.9px;
  margin: 0 !important;
  top: 0;
  left: 228px;
  height: 61.7px;
  z-index: 0;
}
.fazer-minha-inscrio {
  position: relative;
  line-height: 26px;
}
.fazer-minha-inscrio-agora-wrapper,
.trao {
  position: absolute;
  margin: 0 !important;
  border-radius: 68.8px;
  box-sizing: border-box;
}
.fazer-minha-inscrio-agora-wrapper {
  width: 380px;
  top: 0;
  left: 0;
  background-color: var(--color-gray-300);
  border: 2.4px solid var(--color-gray-1600);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 25px 50px;
  z-index: 1;
}
.trao {
  width: 384px;
  top: -2px;
  left: -2px;
  border: 2px solid var(--color-skyblue);
  height: 80px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 2;
}
.group-parent {
  position: absolute;
  top: 1606px;
  left: 746px;
  width: 380px;
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-10);
  font-size: var(--font-size-18);
  color: var(--color-darkturquoise);
}
.sem-audincia-no {
  position: absolute;
  top: 1552px;
  left: 751px;
  font-size: var(--font-size-16);
  line-height: 26px;
  background: linear-gradient(265.04deg, var(--color-darkturquoise), #1023b2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.porque-a-creator {
  position: absolute;
  top: 1510px;
  left: 751px;
  font-size: var(--font-size-20);
  line-height: 28px;
  font-weight: 500;
  color: var(--Border-Default-Inverted);
  text-align: center;
}
.a-produo-de-container,
.e-pra-isso {
  align-self: stretch;
  position: relative;
}
.a-produo-de-container {
  line-height: 46px;
  font-family: var(--font-archivo-expanded);
}
.e-pra-isso {
  font-size: var(--font-size-20);
  line-height: 28px;
}
.voc-precisa-colocar {
  margin: 0;
}
.voc-precisa-colocar-container {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-16);
  line-height: 26px;
}
.a-produo-de-contedo-est-vi-parent {
  position: absolute;
  top: 912px;
  left: 740px;
  width: 580px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 27px;
}
.pagination-icon {
  width: 39px;
  position: relative;
  height: 6px;
  overflow: hidden;
  flex-shrink: 0;
}
.carousel {
  width: 356px;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--Spacing-8px) var(--Spacing-0px1) var(--Spacing-2px);
  box-sizing: border-box;
}
.div,
.like-icon {
  position: relative;
}
.like-icon {
  width: 24px;
  height: 24px;
}
.div {
  letter-spacing: 0.02em;
}
.like {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--Spacing-4px);
}
.comment-icon {
  width: 24px;
  position: relative;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.actions {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--Spacing-12px);
}
.save-icon {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  height: 24px;
}
.action-bar {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--Spacing-8px) var(--Spacing-0px);
  font-size: var(--Size-font-m);
}
.avatar-user,
.replace-user-image {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.replace-user-image {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.avatar-user {
  border-radius: var(--Radius-100px1);
  border: 0.5px solid var(--Border-Subtler);
  box-sizing: border-box;
}
.user-liker {
  width: 20px;
  position: relative;
  border-radius: var(--Radius-100px);
  border: 2px solid var(--Border-Default-Inverted);
  box-sizing: border-box;
  height: 20px;
  z-index: 2;
}
.user-liker1,
.user-liker2 {
  position: relative;
  margin-left: -5px;
}
.user-liker1 {
  width: 20px;
  border-radius: var(--Radius-100px);
  border: 2px solid var(--Border-Default-Inverted);
  box-sizing: border-box;
  height: 20px;
  z-index: 1;
}
.user-liker2 {
  width: 16px;
  height: 16px;
  z-index: 0;
}
.avatars {
  overflow: hidden;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.your-friend {
  position: relative;
  letter-spacing: 0.01em;
}
.liked-by,
.likes {
  flex-direction: row;
  justify-content: flex-start;
}
.liked-by {
  flex: 1;
  display: flex;
  align-items: flex-start;
  gap: var(--Spacing-2px1);
}
.likes {
  width: 356px;
  display: none;
  align-items: center;
  padding: var(--Spacing-4px1) var(--Spacing-0px);
  box-sizing: border-box;
  gap: var(--Spacing-4px1);
}
.e-o-que-container {
  width: 351px;
  position: relative;
  display: inline-block;
  flex-shrink: 0;
}
.nunc-enim-volutpat {
  width: 272px;
  position: relative;
  font-size: var(--Size-font-l);
  letter-spacing: 0.02em;
  color: var(--Text-Default);
  display: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.st-line {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--Spacing-4px1);
}
.vita-habitant-vestibulum-container {
  flex: 1;
  position: relative;
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.description,
.nd-line {
  align-items: flex-start;
  justify-content: flex-start;
}
.nd-line {
  width: 351px;
  display: none;
  flex-direction: row;
  gap: var(--Spacing-4px1);
  font-size: var(--Size-font-l);
  color: var(--Text-Subtle);
}
.description {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: var(--Spacing-4px1) var(--Spacing-0px) var(--Spacing-6px);
  font-size: var(--font-size-14);
  color: var(--color-gray-600);
}
.view-all {
  position: relative;
  letter-spacing: 0.02em;
  display: -webkit-inline-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.view-comments {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--Spacing-3px);
}
.like-icon1,
.mi-ac-enim {
  position: relative;
  overflow: hidden;
}
.mi-ac-enim {
  flex: 1;
  letter-spacing: 0.02em;
  display: -webkit-inline-box;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.like-icon1 {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.description1,
.user-comment {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--Spacing-4px1);
}
.user-comment {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  color: var(--Text-Default);
}
.description1 {
  width: 356px;
  display: none;
  flex-direction: column;
  padding: var(--Spacing-0px) var(--Spacing-0px) var(--Spacing-4px1);
  box-sizing: border-box;
  color: var(--Text-Subtle);
}
.avatar-me-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--Radius-100px1);
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.add-comment {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--Spacing-8px1) var(--Spacing-0px);
  gap: var(--Spacing-8px1);
  color: var(--Text-Subtler);
}
.hours-ago {
  width: 351px;
  position: relative;
  font-size: var(--Size-font-s);
  letter-spacing: 0.03em;
  color: var(--Text-Subtle);
  display: none;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 16px;
  flex-shrink: 0;
}
.lp-desk-inner,
.post-default {
  position: absolute;
  left: 370px;
  width: 380px;
}
.post-default {
  top: 1429px;
  left: 148px;
  background-color: var(--color-lightcyan-100);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: var(--Spacing-0px) var(--Spacing-12px) var(--Spacing-16px);
  box-sizing: border-box;
  font-size: var(--Size-font-l);
  color: var(--Text-Default);
  font-family: var(--Family-sf-pro-display);
}
.lp-desk-inner {
  top: 963px;
  border-radius: var(--br-3);
  background-color: var(--color-gray-1500);
  height: 466px;
  overflow: hidden;
}
.frame-item {
  align-self: stretch;
  border-radius: var(--br-5);
  max-width: 100%;
  overflow: hidden;
  height: 428px;
  flex-shrink: 0;
  object-fit: cover;
}
.frame-item,
.rodrigo-vinhas {
  position: relative;
}
.message1 {
  width: 373.3px;
  border-radius: 138.7px;
  border: 1.4px solid var(--Border-Translucent);
  box-sizing: border-box;
  height: 51.6px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 21.7px;
}
.like-icon2 {
  width: 32.6px;
  position: relative;
  height: 32.6px;
}
.actions1,
.frame-container,
.message {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 21.7px;
}
.frame-container,
.message {
  width: 509px;
  align-items: center;
  justify-content: center;
  gap: 50px;
}
.frame-container {
  position: absolute;
  top: 25px;
  left: 23px;
  width: 534px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 34px;
}
.fundador-da-craft {
  position: absolute;
  top: 563.6px;
  left: 35px;
  line-height: 32px;
  font-family: var(--font-inter);
  text-align: left;
  display: inline-block;
  width: 507px;
}
.frame-group {
  width: 580px;
  position: relative;
  border-radius: var(--br-10);
  background-color: var(--color-gray-300);
  border: 2.4px solid var(--color-gray-1600);
  box-sizing: border-box;
  height: 653px;
  overflow: hidden;
  flex-shrink: 0;
}
.a5072-1-icon {
  position: absolute;
  top: -14px;
  left: 0;
  width: 534.7px;
  height: 802px;
  object-fit: cover;
}
.v2-2f823a27-8e10-419a-8649-30e-icon {
  position: absolute;
  top: -232px;
  left: -87px;
  width: 771px;
  height: 1158px;
  object-fit: cover;
}
.a5072-1-parent {
  align-self: stretch;
  position: relative;
  border-radius: var(--br-5);
  height: 428px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-parent,
.message3 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.message3 {
  width: 373.3px;
  border-radius: 138.7px;
  border: 1.4px solid var(--Border-Translucent);
  box-sizing: border-box;
  height: 51.6px;
  padding: 0 var(--Spacing-16px);
}
.frame-parent {
  position: absolute;
  top: 4702px;
  left: 90px;
  gap: var(--gap-20);
  text-align: center;
  font-size: var(--font-size-22);
  color: var(--Text-Default-Inverted);
  font-family: var(--font-archivo-expanded);
}
.arrow-icon,
.lp-desk-child1 {
  position: absolute;
  top: 1505.9px;
  left: 559px;
  width: 169px;
  height: 108.6px;
  object-fit: contain;
}
.lp-desk-child1 {
  top: 1563.4px;
  left: 559px;
  width: 355.7px;
  height: 234.4px;
}
.home-indicator {
  position: absolute;
  bottom: 8px;
  left: calc(50% + 69.5px);
  border-radius: var(--Radius-100px);
  background-color: var(--System-Light);
  width: 139px;
  height: 5px;
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.bars-home-indicator {
  position: absolute;
  top: 758px;
  left: 580px;
  width: 375px;
  height: 21px;
}
.o-que-esperar-container {
  align-self: stretch;
  position: relative;
  line-height: 46px;
}
.group-child {
  position: absolute;
  top: 0;
  left: 0;
  backdrop-filter: blur(1.1px);
  border-radius: 12.4px;
  background:
    linear-gradient(
      135.86deg,
      rgba(177, 177, 177, 0.32),
      rgba(54, 53, 103, 0.2)
    ),
    rgba(48, 48, 54, 0.3);
  border: 0.5px solid var(--color-gray-1400);
  box-sizing: border-box;
  width: 25px;
  height: 25px;
}
.group-item {
  position: absolute;
  height: 75.6%;
  width: 75.6%;
  top: 12.8%;
  right: 11.6%;
  bottom: 11.6%;
  left: 12.8%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.rectangle-parent {
  position: absolute;
  top: 0.5px;
  left: 0;
  width: 25px;
  height: 25px;
}
.check {
  width: 25px;
  position: relative;
  height: 25px;
}
.check-parent {
  align-self: stretch;
  border-radius: 10.1px;
  background: linear-gradient(90deg, #101a1f, var(--color-gray-700));
  border: 0.7px solid var(--color-gray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: var(--padding-10) var(--padding-20);
  gap: 10.1px;
}
.aqui-voc-no-container {
  width: 408px;
  position: relative;
  line-height: 22px;
  display: inline-block;
  flex-shrink: 0;
}
.aqui-voc-no-vai-anotar-ide-wrapper {
  width: 473px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10) var(--padding-10) var(--padding-10) 55px;
  box-sizing: border-box;
  font-size: var(--font-size-14);
  color: var(--color-aliceblue);
}
.frame-parent4 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4);
}
.como-contratar-treinar {
  width: 427px;
  position: relative;
  line-height: 22px;
  display: inline-block;
  flex-shrink: 0;
}
.como-contratar-treinar-e-rete-wrapper {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10) var(--padding-10) var(--padding-10) 55px;
  font-size: var(--font-size-14);
  color: var(--color-aliceblue);
}
.frame-parent3 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-20);
  font-size: var(--font-size-16);
  color: var(--color-lightblue);
  font-family: var(--font-inter);
}
.o-que-esperar-do-craft-creator-parent {
  align-self: stretch;
  gap: 50px;
}
.frame-parent2,
.group-container,
.o-que-esperar-do-craft-creator-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-container {
  width: 380px;
  height: 76px;
  position: relative;
  gap: var(--gap-10);
  font-size: var(--font-size-18);
  color: var(--color-darkturquoise);
  font-family: var(--font-inter);
}
.frame-parent2 {
  position: absolute;
  top: 1831px;
  left: 155px;
  width: 490px;
  gap: 50px;
  font-family: var(--font-archivo-expanded);
}
.frame-child1 {
  width: 180px;
  position: relative;
  height: 93.8px;
}
.contedo-que-constri-container {
  align-self: stretch;
  position: relative;
  line-height: 60px;
}
.um-evento-presencial {
  width: 533px;
  position: relative;
  font-size: var(--font-size-20);
  line-height: 28px;
  font-family: var(--font-inter);
  color: var(--Border-Default-Inverted);
  display: flex;
  align-items: flex-end;
}
.contedo-que-constri-audinci-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-20);
  font-family: var(--font-archivo-expanded);
}
.sua-audincia-pode {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-16);
  line-height: 26px;
  background: linear-gradient(265.04deg, var(--color-darkturquoise), #1023b2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.group-parent1,
.group-parent2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-parent2 {
  width: 380px;
  height: 76px;
  position: relative;
  gap: var(--gap-10);
  font-size: var(--font-size-18);
  color: var(--color-darkturquoise);
}
.group-parent1 {
  position: absolute;
  top: 141px;
  left: 132px;
  width: 580px;
  gap: 29px;
  font-size: 52px;
}
.lp-desk-child2 {
  position: relative;
  top: 0;
  left: -179px;
  width: 1920px;
  height: 69.3px;
}
.linear-time-calendar-minim {
  width: 24px;
  position: relative;
  border-radius: var(--br-5);
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.e-06-de {
  position: relative;
  line-height: 20px;
  font-weight: 500;
}
.linear-time-calendar-minim-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-5);
}
.left {
  box-shadow: var(--Shadow-Blur-sm);
  backdrop-filter: blur(20px);
  border-radius: 99px;
  background-color: var(--color-gray-1300);
  border: 1px solid var(--Dark-Mode-Container-Border);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8) var(--padding-15);
}
.left-parent,
.linear-time-clock-circle-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.linear-time-clock-circle-parent {
  gap: var(--gap-5);
}
.left-parent {
  gap: 7px;
}
.sede-da-hotmart {
  position: relative;
  line-height: 24px;
}
.frame-parent9 {
  position: absolute;
  top: 15px;
  left: 436.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 34px;
  font-size: var(--font-size-14);
  color: var(--Border-Default-Inverted);
}
.tem-seguidores-mas-container {
  position: absolute;
  top: calc(50% - 65px);
  left: calc(50% - 103px);
  line-height: 26px;
  display: inline-block;
  width: 206px;
}
.tem-seguidores-mas-no-uma-co-wrapper {
  align-self: stretch;
  position: relative;
  box-shadow:
    1px 1px 2px rgba(255, 255, 255, 0.3),
    -1px -1px 2px rgba(221, 221, 221, 0.5),
    -5px 5px 10px rgba(221, 221, 221, 0.2) inset,
    5px -5px 10px rgba(221, 221, 221, 0.2) inset,
    -5px -5px 10px rgba(255, 255, 255, 0.9) inset,
    5px 5px 13px rgba(221, 221, 221, 0.9) inset;
  border-radius: var(--br-15);
  background-color: var(--color-whitesmoke);
  height: 280px;
  overflow: hidden;
  flex-shrink: 0;
}
.home-icon {
  width: 17.9px;
  position: relative;
  height: 17.9px;
  z-index: 0;
}
.dot {
  width: 3px;
  position: absolute;
  margin: 0 !important;
  bottom: 9.7px;
  left: calc(50% - 1.5px);
  border-radius: 75.3px;
  background-color: var(--Icons-Emphasized);
  height: 3px;
  z-index: 1;
}
.tab-1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: var(--padding-6) var(--Spacing-0px1) 0;
  box-sizing: border-box;
  position: relative;
}
.tab-1,
.tab-2-icon {
  width: 56px;
  height: 38.1px;
}
.avatar-me-icon1,
.me-tab-bar {
  position: absolute;
  width: 16.4px;
  height: 16.4px;
}
.avatar-me-icon1 {
  top: calc(50% - 8.4px);
  left: calc(50% - 8.4px);
  border-radius: 75.3px;
  overflow: hidden;
  object-fit: cover;
}
.me-tab-bar {
  top: calc(50% - 8.15px);
  left: calc(50% - 8.15px);
}
.profile {
  width: 17.9px;
  position: relative;
  height: 17.9px;
}
.tab-5,
.tabs {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
}
.tab-5 {
  width: 56px;
  height: 38.1px;
  padding: var(--padding-6) var(--Spacing-0px1) 0;
  box-sizing: border-box;
}
.tabs {
  align-self: stretch;
  flex: 1;
}
.home-indicator2 {
  position: absolute;
  bottom: 5.7px;
  left: calc(50% + 51.5px);
  border-radius: 75.3px;
  background-color: var(--System-Dark);
  width: 103.8px;
  height: 3.7px;
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.home-indicator1 {
  width: 280px;
  position: relative;
  height: 15.7px;
}
.tab-bar {
  align-self: stretch;
  border-radius: var(--br-15);
  background-color: var(--Background-Default);
  border-top: 0.4px solid var(--Border-Subtler);
  box-sizing: border-box;
  height: 54.1px;
  flex-direction: column;
  align-items: center;
}
.frame-parent10,
.frame-parent11,
.tab-bar {
  display: flex;
  justify-content: flex-start;
}
.frame-parent11 {
  width: 280px;
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
}
.frame-parent10 {
  align-self: stretch;
  flex-direction: row;
  align-items: center;
  gap: var(--gap-20);
  font-size: var(--font-size-18);
}
.significa-que-o {
  align-self: stretch;
  position: relative;
  line-height: 28px;
  font-weight: 700;
}
.craft-creators-para-mim-container,
.trao3 {
  position: absolute;
  margin: 0 !important;
  border-radius: 68.8px;
  box-sizing: border-box;
}
.craft-creators-para-mim-container {
  width: 380px;
  top: 0;
  left: 0;
  background-color: var(--color-skyblue);
  border: 2.4px solid var(--color-gray-1600);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 25px 50px;
  z-index: 0;
}
.trao3 {
  width: 384px;
  top: -2px;
  left: -2px;
  border: 2px solid var(--color-powderblue);
  height: 80px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.frame-parent15 {
  width: 380px;
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-10);
  text-align: left;
  font-size: var(--font-size-18);
}
.o-que-esperar-do-craft-creator-group,
.significa-que-o-craft-creators-parent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.significa-que-o-craft-creators-parent {
  width: 422px;
  gap: var(--gap-15);
  font-size: var(--font-size-20);
}
.o-que-esperar-do-craft-creator-group {
  position: absolute;
  top: 3021px;
  left: 90px;
  width: 1180px;
  gap: 35px;
  text-align: center;
  color: var(--color-gray-700);
}
.bars-home-indicator1 {
  position: absolute;
  top: 4447px;
  left: 500px;
  width: 375px;
  height: 21px;
}
.pi-v01-img-fachada-r00-1-icon {
  position: absolute;
  top: -158px;
  left: -127px;
  width: 1740px;
  height: 1080px;
  object-fit: contain;
}
.line-div,
.sede-da-hotmart1 {
  align-self: stretch;
  position: relative;
}
.line-div {
  border-top: 1px solid var(--color-darkgray-200);
  box-sizing: border-box;
  height: 1px;
}
.sede-da-hotmart1 {
  line-height: 28px;
}
.frame-icon {
  align-self: stretch;
  max-width: 100%;
  overflow: hidden;
  height: 24px;
  flex-shrink: 0;
  object-fit: contain;
  
}
.sede-da-hotmart-parent {
  width: 438px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-10);
  font-size: 28px;
}
.linear-time-calendar-minim1 {
  width: 24px;
  position: relative;
  border-radius: var(--br-5);
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.left2 {
  box-shadow: var(--Shadow-Blur-sm);
  backdrop-filter: blur(20px);
  border-radius: 99px;
  background-color: var(--color-lightcyan-200);
  border: 1px solid var(--Dark-Mode-Container-Border);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: var(--padding-8) var(--padding-15);
}
.linear-time-clock-circle1 {
  width: 24px;
  position: relative;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-wrapper1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  font-size: var(--font-size-14);
  color: var(--color-gray-100);
}
.frame-wrapper,
.onde-vai-acontecer-parent {
  position: absolute;
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.onde-vai-acontecer-parent {
  top: calc(50% - -111px);
  left: calc(50% + 238.5px);
  width: 477px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 34px;
}
.frame-wrapper {
  top: calc(50% - -148px);
  left: 1243px;
  border-radius: 25px;
  background-color: var(--color-gray-1200);
  width: 544px;
  height: 370px;
  overflow: hidden;
}
.pi-v01-img-fachada-r00-1-parent {
  position: absolute;
  top: 3687px;
  left: 0;
  border-radius: 50px;
  background-color: var(--color-gray-400);
  width: 1920px;
  height: 622px;
  overflow: hidden;
  color: var(--Border-Default-Inverted);
}
.group-parent3,
.um-time-de {
  position: absolute;
  display: flex;
}
.um-time-de {
  top: 4550px;
  left: 443px;
  line-height: 46px;
  font-family: var(--font-archivo-expanded);
  text-align: center;
  align-items: flex-end;
  justify-content: center;
  width: 490px;
}
.group-parent3 {
  top: 4281px;
  left: 496px;
  width: 380px;
  height: 76px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-10);
  font-size: var(--font-size-18);
  color: var(--color-darkturquoise);
}
.image-11-icon {
  position: absolute;
  top: 6000.6px;
  left: -626px;
  width: 3310px;
  height: 2031px;
  object-fit: cover;
  mix-blend-mode: screen;
}
.group-parent4 {
  position: absolute;
  top: 6356px;
  left: 496px;
  width: 380px;
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-10);
  font-size: var(--font-size-18);
  color: var(--color-darkturquoise);
}
.evento-presencial {
  align-self: stretch;
  position: relative;
  line-height: 38px;
  text-transform: uppercase;
}
.bold-map-location-map-po1 {
  width: 18px;
  position: relative;
  height: 18px;
  overflow: hidden;
  flex-shrink: 0;
}
.bold-map-location-map-po-group {
  align-self: stretch;
  border-radius: var(--br-15);
  border: 1px solid var(--color-darkslategray-200);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10) 25px;
  gap: var(--gap-10);
  font-size: 14px;
  color: var(--Border-Default-Inverted);
  font-family: var(--font-manrope);
}
.evento-presencial-parent {
  position: absolute;
  top: 43px;
  left: 79.5px;
  width: 321px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10);
  color: var(--color-gainsboro-100);
}
.frame-child5 {
  position: absolute;
  top: 148.5px;
  left: -0.5px;
  border-top: 1px solid var(--color-gray-1100);
  box-sizing: border-box;
  width: 481px;
  height: 1px;
}
.check-icon {
  width: 15px;
  height: 20px;
}
.kit-craft-creators {
  width: 295px;
  position: relative;
  line-height: 18px;
  display: inline-block;
  flex-shrink: 0;
}
.check-parent3 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-10);
}
.coffee-break-e {
  font-family: var(--font-inter);
}
.frame-parent18 {
  position: absolute;
  top: 171px;
  left: 105px;
  width: 270px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-15);
  text-align: left;
  font-size: var(--font-size-14);
}
.r-19486,
.x-de {
  position: relative;
}
.x-de {
  align-self: stretch;
  line-height: 24px;
}
.r-19486 {
  font-size: 54px;
  line-height: 62px;
  font-family: var(--font-archivo-expanded);
}
.ou-r-2000 {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.group-parent5,
.x-de-parent {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.x-de-parent {
  top: 340px;
  left: 113.5px;
  width: 253px;
  align-items: center;
  gap: var(--gap-8);
  font-size: var(--font-size-16);
}
.group-parent5 {
  top: 475px;
  left: calc(50% - 190px);
  width: 380px;
  height: 76px;
  align-items: flex-start;
  gap: var(--gap-10);
  text-align: left;
  font-size: var(--font-size-18);
  color: var(--color-darkturquoise);
}
.frame-parent17 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-20);
  background: radial-gradient(50% 50%at 50% 50%, #27b7c5, #171f61), #161f61;
  width: 480px;
  height: 596px;
  overflow: hidden;
}
.no-pode-ir {
  position: relative;
  line-height: 24px;
  font-weight: 600;
}
.no-pode-ir-presencialmente-wrapper {
  align-self: stretch;
  border-radius: var(--br-15);
  border: 1px solid var(--color-darkgray-100);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-10) 25px;
}
.transmisso-ao-vivo {
  position: relative;
  font-size: 26px;
  line-height: 38px;
  text-transform: uppercase;
  color: var(--color-steelblue);
}
.frame-parent20 {
  position: absolute;
  top: 43px;
  left: 79.5px;
  width: 321px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-10);
  color: var(--color-gray-1000);
}
.frame-child7 {
  position: absolute;
  top: 148.5px;
  left: -0.5px;
  border-top: 1px solid var(--color-gray-900);
  box-sizing: border-box;
  width: 481px;
  height: 1px;
}
.acesso-transmisso {
  position: relative;
  line-height: 18px;
}
.frame-parent21 {
  position: absolute;
  top: 214px;
  left: 68px;
  width: 344px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-15);
  text-align: left;
  font-size: var(--font-size-14);
  color: var(--color-gray-200);
}
.acesso-transmisso-ao-vivo-wrapper,
.x-de-group {
  position: absolute;
  display: flex;
  align-items: center;
}
.x-de-group {
  top: 340px;
  left: 113.5px;
  width: 253px;
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-8);
}
.acesso-transmisso-ao-vivo-wrapper {
  width: 380px;
  margin: 0 !important;
  top: 0;
  left: 0;
  border-radius: 68.8px;
  border: 3px solid var(--color-steelblue);
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  padding: 25px 50px;
  z-index: 0;
}
.frame-wrapper2 {
  position: absolute;
  top: 475px;
  left: calc(50% - 190px);
  width: 380px;
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  text-align: left;
  font-size: var(--font-size-18);
}
.frame-parent19 {
  position: absolute;
  top: 0;
  left: 505px;
  border-radius: var(--br-20);
  background: linear-gradient(191.9deg, var(--Border-Default-Inverted), #999);
  width: 480px;
  height: 596px;
  overflow: hidden;
  font-size: var(--font-size-16);
  color: var(--color-steelblue);
}
.frame-parent16 {
  width: 985px;
  position: relative;
  height: 596px;
  font-size: var(--font-size-30);
  color: var(--Border-Default-Inverted);
  font-family: var(--font-inter);
}
.bars-home-indicator2 {
  align-self: stretch;
  position: relative;
  height: 21px;
}
.chegou-a-hora-de-garantir-seu-parent {
  position: absolute;
  top: 6532px;
  left: 185px;
  width: 985px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 50px;
  text-align: center;
  font-family: var(--font-archivo-expanded);
}
.fale-com-o-suporte-wrapper {
  width: 380px;
  border-radius: 68.8px;
  border: 3px solid var(--color-darkslategray-100);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: var(--padding-20) 50px;
  text-align: left;
  font-size: var(--font-size-18);
  color: var(--color-darkslategray-100);
  font-family: var(--font-inter);
}
.dvidas-parent {
  position: absolute;
  top: 72px;
  left: 363px;
  width: 645px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}
.lp-desk-child3,
.lp-desk-inner1 {
  position: absolute;
  overflow: hidden;
}
.lp-desk-inner1 {
  top: 7421px;
  left: 0;
  background-color: var(--Border-Default-Inverted);
  width: 1920px;
  height: 264px;
  text-align: center;
  color: var(--color-gray-500);
  font-family: var(--font-archivo-expanded);
}
.lp-desk-child3 {
  top: 1885px;
  left: 904px;
  border-radius: var(--br-3);
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  /* 2) Desfoque do conteúdo atrás da div */
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(10px); /* suporte a Safari */
  width: 206px;
  height: 1017px;
}
.comment-icon1,
.like-icon4 {
  width: 26.3px;
  position: relative;
  height: 26.3px;
}
.comment-icon1 {
  overflow: hidden;
  flex-shrink: 0;
}
.actions3 {
  position: absolute;
  top: 718.3px;
  left: 713px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 13.1px;
}
.bruna-fadel-1-1 {
  align-self: stretch;
  position: relative;
  border-radius: 5.4px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.message5 {
  width: 240.4px;
  border-radius: 89.3px;
  border: 0.9px solid var(--Border-Translucent);
  box-sizing: border-box;
  height: 33.2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10.3px;
}
.like-icon5 {
  width: 21px;
  position: relative;
  height: 21px;
}
.actions4,
.message4 {
  display: flex;
  flex-direction: row;
}
.actions4 {
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-14);
}
.message4 {
  align-self: stretch;
  align-items: center;
  justify-content: center;
  gap: 32.2px;
}
.comunicloga-e-estrategista {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-16);
  line-height: 24px;
  font-family: var(--font-inter);
  color: var(--Border-Default-Inverted);
  text-align: left;
}
.bruna-fadel-1-1-parent {
  position: absolute;
  top: 30.3px;
  left: 26.1px;
  width: 309.8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-15);
}
.frame-wrapper3 {
  width: 380px;
  background-color: var(--color-gray-1500);
  height: 901px;
  flex-shrink: 0;
}
.frame-wrapper3,
.frame-wrapper4,
.hyeser-1-icon {
  position: relative;
  border-radius: var(--br-5);
  overflow: hidden;
}
.frame-wrapper4 {
  width: 380px;
  background-color: var(--color-gray-1500);
  height: 685px;
  flex-shrink: 0;
}
.hyeser-1-icon {
  align-self: stretch;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.especialista-em-crescimento-container {
  width: 326.4px;
  position: relative;
  font-size: var(--font-size-16);
  line-height: 24px;
  font-family: var(--font-inter);
  color: var(--Border-Default-Inverted);
  text-align: left;
  display: inline-block;
}
.frame-wrapper5 {
  width: 380px;
  position: relative;
  border-radius: var(--br-5);
  background-color: var(--color-gray-1500);
  height: 781px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-child8 {
  width: 327.8px;
  position: relative;
  height: 321px;
  object-fit: cover;
}
.frame-wrapper6,
.frame-wrapper7 {
  width: 380px;
  position: relative;
  border-radius: var(--br-5);
  background-color: var(--color-gray-1500);
  height: 661px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-wrapper7 {
  height: 709px;
}
.educadora-e-criadora {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-14);
  line-height: 24px;
  font-family: var(--font-inter);
  color: var(--Border-Default-Inverted);
  text-align: left;
}
.frame-wrapper8 {
  width: 380px;
  position: relative;
  border-radius: var(--br-5);
  background-color: var(--color-gray-1500);
  height: 469px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-parent22 {
  position: static; /* Tira do fluxo absoluto e coloca no fluxo normal */
  display: flex;
  max-width: 1200px; /* Define uma largura máxima para o carrossel */
  margin: 100px auto; /* 100px de espaço acima/abaixo, e 'auto' para centralizar */
  
  /* Mantém as outras propriedades de alinhamento e fonte */
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-20);
  text-align: center;
  font-size: var(--font-size-15);
  color: var(--Text-Default-Inverted);
  font-family: var(--font-archivo-expanded);
}
.lp-desk {
  width: 100%;
  position: relative;
  background-color: var(--color-gray-700);
  height: 7685px;
  overflow: hidden;
  text-align: left;
  font-size: 38px;
  color: var(--color-aliceblue);
  font-family: var(--font-inter);
}
:root {
  /* largura da LP desktop */
  --lp-width: 1375px;
}

/* 1) container principal */
.lp-desk {
  position: relative;        /* já deveria estar */
  width: var(--lp-width);     /* fixa em 1200px */
  margin: 0 auto;             /* centraliza no viewport */
  overflow: hidden;           /* esconde tudo que ultrapassar */
}

/* 2) apenas os “backgrounds” e imagens muito largas */

.lp-desk-item,
.image-8-icon,
.image-9-icon,
.rectangle-icon,
.image-12-icon,
.image-13-icon,
.image-14-icon,
.image-13-group,
.image-13-parent,
.image-10-icon,
.image-7-icon {
  /* centraliza automaticamente dentro dos 1200px */
  left: calc((100% - var(--lp-width)) / 2) !important;
  width: var(--lp-width) !important;
  max-width: var(--lp-width) !important;
}

/* nada mais precisa ser tocado — todo o restante do seu CSS fica igual */

.main-mobile {
  display: none !important;
}

.main-desk {
  display: block;
}
.popup:not(.open) {
	display: none !important;
}

.popup {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 10000;
	background-color: rgba(0, 0, 0, 0.7);
	display: flex;
	justify-content: center;
	align-items: flex-start;
	overflow-y: auto;
}

.popup form {
	display: flex;
	flex-direction: column;
	background-color: #0e121a;
	padding: 25px;
	border-radius: 15px;
	width: 100%;
	max-width: 540px;
	margin-top: 30px;
}

.popup form img {
	width: 200px;
	margin: 0 auto;
}

.popup form>span {
	font-size: 26px;
	font-weight: 500;
	display: block;
	text-align: center;
	margin: 45px 0 15px 0;
	color: black;
}

.popup form label {
	font-size: 18px;
	font-weight: 400;
	margin: 5px 0;
	color: white;
}

.popup form .close {
	display: flex;
	justify-content: flex-end;
}

.popup form .close svg {
	padding: 5px;
	background-color: #D9D9D9;
	border-radius: 50px;
	cursor: pointer;
}

.popup form input {
	font-size: 18px;
	font-weight: 300;
	padding: 13px;
	border: 1px solid #ddd;
	border-radius: 5px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 15px;
}

.popup form input:focus {
	border-color: #bbb;
}

.popup form input[type="submit"] {
	font-weight: 600;
	background: radial-gradient(50% 50% at 50% 50%, #1042a5, rgba(11, 41, 245, 0)), #0e08b4;
	color: white;
  border: 3px solid #185bce;
	border-radius: 20px;
	text-transform: uppercase;
	margin-bottom: 0;
	cursor: pointer;
}
/* ===== ESTILOS DO CARROSSEL DE PROFESSOORES (DESKTOP) ===== */

.desktop-carousel.swiper {
  width: 100%;
  max-width: 1200px; /* Limita a largura máxima no desktop */
  margin: 0 auto; /* Centraliza o carrossel */
  padding: 40px 0 60px 0; /* Espaçamento vertical e para a paginação */
  position: relative; /* Garante o posicionamento correto */
  top: 5059px; /* Remove o 'top' fixo que tinha antes */
  left: 0; /* Remove o 'left' fixo que tinha antes */
}

.desktop-carousel .swiper-slide {
  display: flex;
  justify-content: center;
  align-items: flex-start; /* Alinha os cards pelo topo */
  height: auto; /* Altura automática para se ajustar ao conteúdo */
  
}

/* Para garantir que as imagens dentro dos cards não quebrem o layout */
.desktop-carousel .bruna-fadel-1-1-parent img {
    width: 100%;
    height: auto;
    object-fit: cover;
}

/* Estilo das setas e bolinhas */
:root {
  --swiper-theme-color: #31e5fc;
  --swiper-navigation-size: 35px;
}
.desktop-carousel .swiper-button-prev,
.desktop-carousel .swiper-button-next {
  color: var(--swiper-theme-color);
}
.desktop-carousel .swiper-pagination-bullet-active {
  background-color: var(--swiper-theme-color);
}
.desktop-carousel .swiper-slide > div { /* Isso afeta os .frame-wrapperX */
  width: 100%;
}
a {
  color: inherit; /* Herda a cor do elemento pai */
  text-decoration: none; /* Remove o sublinhado */
}