html,
body {
  position: relative !important; /* CRUCIAL: Cria o contexto de posicionamento */
  width: 100%;
  overflow-x: hidden !important; /* Força a página a não ter rolagem */
}



.mobile {
  overflow-x: hidden !important; /* Garante que o container principal também corte o excesso */
}

.image-11-icon,
.image-16-icon,
.image-17-icon {
  position: absolute;
  top: 9553.5px;
  left: -1466.3px;
  width: 3310px;
  height: 2031px;
  object-fit: cover;
  mix-blend-mode: screen;
}
.image-11-icon,
.image-17-icon {
  top: 10619.5px;
  left: -2351.3px;
}
.image-11-icon {
  top: 9347.6px;
  left: -962.4px;
  width: 2409.9px;
  height: 1478.8px;
}
.image-8-icon {
  top: 0;
  left: 0;
  width: 788.5px;
  object-fit: cover;
}
.image-8-icon,
.image-8-parent,
.image-9-icon {
  position: absolute;
  height: 593.9px;
}
.image-9-icon {
  top: 0;
  left: 793.5px;
  width: 788.5px;
  object-fit: cover;
}
.image-8-parent {
  top: 7516.9px;
  left: -551px;
  width: 1582px;
}
.image-13-icon,
.image-14-icon {
  position: absolute;
  top: 0;
  left: 206px;
  width: 3310px;
  height: 2031px;
  object-fit: cover;
  mix-blend-mode: screen;
}
.image-14-icon {
  left: 0;
}
.image-13-parent {
  position: absolute;
  top: 7414.9px;
  left: -1564.3px;
  width: 3516px;
  height: 2031px;
}
.image-14-icon1,
.image-6-icon {
  position: absolute;
  object-fit: cover;
}
.image-14-icon1 {
  top: 2535.2px;
  left: -562px;
  width: 2798px;
  height: 1717px;
  mix-blend-mode: screen;
}
.image-6-icon {
  top: 4252.2px;
  left: -190px;
  width: 863px;
  height: 863px;
}
.image-10-icon,
.image-15-icon,
.image-7-icon {
  position: absolute;
  top: 4264.2px;
  left: -2222px;
  width: 4013.7px;
  height: 813px;
  object-fit: cover;
  mix-blend-mode: screen;
}
.image-10-icon,
.image-15-icon {
  top: 4330.2px;
  left: -2287px;
  width: 6531.6px;
  height: 1323px;
  object-fit: contain;
}
.image-15-icon {
  top: 3051.6px;
  left: -2263.4px;
}
.mobile-child,
.rectangle-icon {
  position: absolute;
  top: 702.2px;
  left: -216.6px;
  width: 833px;
  height: 667.8px;
  object-fit: cover;
}
.rectangle-icon {
  top: 1009.2px;
  left: -894.6px;
  width: 1797.6px;
  height: 708.8px;
  mix-blend-mode: lighten;
}
.image-12-icon,
.image-13-icon1 {
  object-fit: cover;
  mix-blend-mode: screen;
}
.image-12-icon {
  position: absolute;
  top: 590.4px;
  left: -1324.6px;
  width: 2094.8px;
  height: 1285.5px;
}
.image-13-icon1 {
  top: 0;
  left: 154.4px;
  width: 2478px;
}
.image-13-group,
.image-13-icon1,
.image-14-icon2 {
  position: absolute;
  height: 1520.6px;
}
.image-14-icon2 {
  top: 0;
  left: 0;
  width: 2478px;
  object-fit: cover;
  mix-blend-mode: screen;
}
.image-13-group {
  top: -322px;
  left: -1875.4px;
  width: 2632.4px;
}
.frame-child {
  width: 180px;
  position: relative;
  height: 93.8px;
}
.contedo-que-constri-container1 {
  width: 100%;
}
.contedo-que-constri-container,
.um-evento-presencial {
  width: 358.2px;
  position: relative;
  line-height: 44px;
  display: flex;
  align-items: flex-end;
}
.um-evento-presencial {
  width: 313.1px;
  font-size: 16px;
  line-height: 24px;
  font-family: Inter;
  color: #fff;
}
.contedo-que-constri-audinci-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 20px;
  font-family: "Archivo Expanded";
}
.sua-audincia-pode {
  width: 313.1px;
  position: relative;
  font-size: 16px;
  line-height: 26px;
  display: inline-block;
  background: linear-gradient(265.04deg, #31e5fc, #1023b2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.frame-item {
  width: 151.9px;
  position: absolute;
  margin: 0 !important;
  top: 0;
  left: 228px;
  height: 61.7px;
  z-index: 0;
}
.fazer-minha-inscrio {
  position: relative;
  line-height: 26px;
}
.fazer-minha-inscrio-wrapper,
.trao {
  position: absolute;
  margin: 0 !important;
  border-radius: 68.8px;
  box-sizing: border-box;
}
.fazer-minha-inscrio-wrapper {
  width: 380px;
  top: 0;
  left: -4px;
  background-color: #03121a;
  border: 2.4px solid rgba(255, 255, 255, 0.12);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 25px 50px;
  z-index: 1;
}
.trao {
  width: 384px;
  top: -2px;
  left: -6px;
  border: 2px solid #3adcff;
  height: 80px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 2;
}
.group-container,
.group-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-container {
  width: 380px;
  height: 72px;
  position: relative;
  gap: 10px;
  font-size: 18px;
  color: #31e5fc;
}
.group-parent {
  position: absolute;
  top: 136.4px;
  left: 19px;
  gap: 30px;
  font-size: 32px;
}
.image-13-icon2,
.rectangle-icon1 {
  position: absolute;
  top: 1465.4px;
  left: -593.8px;
  width: 2365.1px;
  height: 1410.6px;
  object-fit: cover;
  mix-blend-mode: lighten;
}
.image-13-icon2 {
  top: 908.9px;
  left: -1141.4px;
  width: 2756.2px;
  height: 1691.3px;
  mix-blend-mode: screen;
}
.pagination-icon {
  width: 38.4px;
  position: relative;
  height: 5.9px;
  overflow: hidden;
  flex-shrink: 0;
}
.carousel {
  width: 350.7px;
  display: none;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 7.9px 0 2px;
  box-sizing: border-box;
}
.div,
.like-icon {
  position: relative;
}
.like-icon {
  width: 23.6px;
  height: 23.6px;
}
.div {
  letter-spacing: 0.02em;
}
.like {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 3.9px;
}
.comment-icon {
  width: 23.6px;
  position: relative;
  height: 23.6px;
  overflow: hidden;
  flex-shrink: 0;
}
.actions {
  flex: 1;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 11.8px;
}
.save-icon {
  flex: 1;
  max-width: 100%;
  overflow: hidden;
  height: 23.6px;
}
.action-bar {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 7.9px 0;
  font-size: 11.8px;
  color: #0c1014;
}
.avatar-user,
.replace-user-image {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}
.replace-user-image {
  height: 100%;
  width: 100%;
  right: 0;
  bottom: 0;
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}
.avatar-user {
  height: 100.64%;
  width: 100.64%;
  right: -0.64%;
  bottom: -0.64%;
  border-radius: 98.8px;
  border: 0.5px solid #dbdfe4;
  box-sizing: border-box;
}
.user-liker {
  width: 19.7px;
  position: relative;
  border: 2px solid #fff;
  height: 19.7px;
  z-index: 2;
}
.avatar-user2,
.user-liker,
.user-liker1 {
  border-radius: 98.8px;
  box-sizing: border-box;
}
.user-liker1 {
  width: 19.7px;
  position: relative;
  border: 2px solid #fff;
  height: 19.7px;
  z-index: 1;
  margin-left: -4.9px;
}
.avatar-user2 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 0.5px solid #dbdfe4;
  overflow: hidden;
}
.user-liker2 {
  width: 15.8px;
  position: relative;
  height: 15.8px;
  z-index: 0;
  margin-left: -4.9px;
}
.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: 2px;
}
.likes {
  width: 350.7px;
  display: none;
  align-items: center;
  padding: 3.9px 0;
  box-sizing: border-box;
  gap: 3.9px;
  color: #0c1014;
}
.e-o-que {
  margin: 0;
}
.e-o-que-container {
  width: 345.8px;
  position: relative;
  font-weight: 600;
  display: inline-block;
  flex-shrink: 0;
}
.nunc-enim-volutpat {
  width: 267.9px;
  position: relative;
  font-size: 12.8px;
  letter-spacing: 0.02em;
  color: #0c1014;
  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: 3.9px;
}
.more,
.vita-habitant-vestibulum {
  position: relative;
  letter-spacing: 0.02em;
}
.vita-habitant-vestibulum {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.more {
  color: #6f7680;
}
.description,
.nd-line {
  align-items: flex-start;
  justify-content: flex-start;
}
.nd-line {
  width: 345.8px;
  display: none;
  flex-direction: row;
  gap: 3.9px;
  font-size: 12.8px;
  color: #0c1014;
}
.description {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  padding: 3.9px 0 5.9px;
  font-size: 13.8px;
  color: #000a10;
}
.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: 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: 15.8px;
  height: 15.8px;
  flex-shrink: 0;
}
.description1,
.user-comment {
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3.9px;
}
.user-comment {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  color: #0c1014;
}
.description1 {
  width: 350.7px;
  display: none;
  flex-direction: column;
  padding: 0 0 3.9px;
  box-sizing: border-box;
}
.avatar-me-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 98.5px;
  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: 7.9px 0;
  gap: 7.9px;
}
.hours-ago {
  width: 345.8px;
  position: relative;
  font-size: 10.8px;
  letter-spacing: 0.03em;
  display: none;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 15.8px;
  flex-shrink: 0;
}
.mobile-item,
.post-default {
  position: absolute;
  left: 52.4px;
  width: 374.3px;
}
.post-default {
  top: 2426.8px;
  left: 15px;
  background-color: #d5ebf0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  padding: 0 11.8px 15.8px;
  box-sizing: border-box;
  font-size: 12.8px;
  color: #6f7680;
  font-family: "SF Pro Display";
}
.mobile-item {
  top: 1967.8px;
  border-radius: 3px;
  background-color: transparent;
  height: 459px;
  overflow: hidden;
}
.porque-a-creator {
  width: 288.7px;
  position: relative;
  line-height: 28px;
  display: inline-block;
  font-weight: 500;
}
.frame-div,
.sem-audincia-no {
  align-self: stretch;
  position: relative;
}
.sem-audincia-no {
  font-size: 16px;
  line-height: 26px;
  background: linear-gradient(265.04deg, #31e5fc, #1023b2);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.frame-div {
  height: 76px;
  left: -2px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  text-align: left;
  font-size: 18px;
  color: #31e5fc;
}
.porque-a-creator-economy-tem-u-parent {
  position: absolute;
  top: 2698.6px;
  left: 14px;
  width: 380px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
  font-size: 20px;
  color: #fff;
}
.mobile-inner {
  position: absolute;
  top: 2674.7px;
  left: 314.9px;
  width: 83px;
  height: 83.4px;
  object-fit: contain;
}
.o-que-esperar-container {
  align-self: stretch;
  position: relative;
  line-height: 36px;
}
.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 rgba(255, 255, 255, 0.2);
  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, #020101);
  border: 0.7px solid #181818;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 20px;
  gap: 10.1px;
}
.aqui-voc-no-container {
  width: 271.2px;
  position: relative;
  line-height: 24px;
  display: inline-block;
  flex-shrink: 0;
}
.aqui-voc-no-vai-anotar-ide-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 10px 10px 10px 55px;
  color: #e4f4f8;
}
.frame-container {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
.voc-vai-aprender {
  width: 269px;
  position: relative;
  line-height: 24px;
  display: inline-block;
  flex-shrink: 0;
}
.como-contratar-treinar,
.processo-gesto-e,
.voc-vai-aprender1,
.voc-vai-entender {
  width: 266.9px;
  position: relative;
  line-height: 24px;
  display: inline-block;
  flex-shrink: 0;
}
.como-contratar-treinar,
.processo-gesto-e,
.voc-vai-entender {
  width: 261.5px;
}
.como-contratar-treinar,
.processo-gesto-e {
  width: 288px;
  line-height: 26px;
}
.como-contratar-treinar {
  width: 264.7px;
  line-height: 24px;
}
.frame-group {
  align-self: stretch;
  gap: 20px;
  font-size: 16px;
  color: #99bec9;
  font-family: Inter;
}
.frame-group,
.group-parent1,
.o-que-esperar-do-craft-creator-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.o-que-esperar-do-craft-creator-parent {
  align-self: stretch;
  gap: 50px;
}
.group-parent1 {
  width: 380px;
  height: 76px;
  position: relative;
  gap: 10px;
  left: -3px;
  font-size: 18px;
  color: #31e5fc;
  font-family: Inter;
}
.a-produo-de-container,
.frame-parent {
  display: flex;
  font-family: "Archivo Expanded";
}
.frame-parent {
  position: absolute;
  top: 2996.6px;
  left: 17px;
  width: 380px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 50px;
}
.a-produo-de-container {
  width: 374.9px;
  position: relative;
  line-height: 36px;
  align-items: flex-end;
}
.e-pra-isso,
.voc-precisa-colocar-container {
  width: 374.9px;
  position: relative;
  font-size: 18px;
  line-height: 26px;
  display: inline-block;
}
.voc-precisa-colocar-container {
  font-size: 16px;
  line-height: 24px;
}
.a-produo-de-contedo-est-vi-parent {
  position: absolute;
  top: 1323.9px;
  left: 21px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 27px;
}
.mobile-child1,
.mobile-child2 {
  position: absolute;
  top: 4281.2px;
  left: -190px;
  width: 957.1px;
  height: 2225.6px;
}
.mobile-child2 {
  top: 4340.9px;
  left: 103px;
  border-radius: 3px;
  background-color: rgba(13, 13, 13, 0.05);
  width: 206px;
  height: 883px;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 16px;
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
  color: #fff;
}
.o-que-esperar-container1 {
  align-self: stretch;
  position: relative;
  line-height: 36px;
  font-family: "Archivo Expanded";
  color: #0c1014;
}
.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: 15px;
  background-color: #f5f5f5;
  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: #ff0034;
  height: 3px;
  z-index: 1;
}
.tab-1 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  padding: 8px 0 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: 8px 0 0;
  box-sizing: border-box;
}
.tabs {
  align-self: stretch;
  flex: 1;
}
.home-indicator1 {
  position: absolute;
  bottom: 5.7px;
  left: calc(50% + 51.5px);
  border-radius: 75.3px;
  background-color: #000;
  width: 103.8px;
  height: 3.7px;
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.home-indicator {
  width: 280px;
  position: relative;
  height: 15.7px;
}
.tab-bar {
  align-self: stretch;
  border-radius: 15px;
  background-color: #fff;
  border-top: 0.4px solid #dbdfe4;
  box-sizing: border-box;
  height: 54.1px;
  align-items: center;
  justify-content: flex-start;
}
.frame-parent5,
.frame-parent6,
.tab-bar {
  display: flex;
  flex-direction: column;
}
.frame-parent6 {
  width: 280px;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 7px;
}
.frame-parent5 {
  align-items: center;
  justify-content: center;
  gap: 20px;
  font-size: 18px;
}
.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: -3;
  background-color: #3adcff;
  border: 2.4px solid rgba(255, 255, 255, 0.12);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 25px 50px;
  z-index: 0;
}
.trao3 {
  width: 384px;
  top: -2px;
  left: -4px;
  border: 2px solid #afedfb;
  height: 80px;
  overflow: hidden;
  flex-shrink: 0;
  z-index: 1;
}
.frame-parent10 {
  width: 380px;
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 10px;
  text-align: left;
  font-size: 18px;
}
.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: 412px;
  gap: 15px;
  font-size: 20px;
  margin-left: -2px;
}
.o-que-esperar-do-craft-creator-group {
  position: absolute;
  top: 4630.9px;
  left: -1px;
  gap: 50px;
  text-align: center;
  color: #020101;
}
.frame-icon {
  position: absolute;
  top: 6500.8px;
  left: -50.9px;
  border-radius: 21.5px;
  width: 823.9px;
  height: 449px;
  overflow: hidden;
  object-fit: cover;
}
.onde-vai-acontecer {
  align-self: stretch;
  position: relative;
  line-height: 36px;
  font-family: "Archivo Expanded";
}
.line-div {
  width: 320.7px;
  position: relative;
  border-top: 1px solid #a1a1a1;
  box-sizing: border-box;
  height: 1px;
}
.sede-da-hotmart {
  align-self: stretch;
  position: relative;
  line-height: 28px;
}
.av-assis-chateaubriand {
  position: absolute;
  top: 6.3px;
  left: 30.7px;
  line-height: 26px;
  display: flex;
  align-items: flex-end;
  width: 307.2px;
}
.bold-map-location-map-po {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  overflow: hidden;
  transform: rotate(-180deg);
}
.av-assis-chateaubriand-499-f-parent {
  width: 337.9px;
  position: relative;
  height: 44.3px;
  font-size: 16px;
}
.sede-da-hotmart-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 24px;
  color: #fff;
}
.linear-time-calendar-minim {
  width: 24px;
  position: relative;
  border-radius: 5px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  transform: rotate(-180deg);
}
.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: 5px;
}
.left {
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.05),
    0 4px 4px rgba(0, 0, 0, 0.05),
    0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 99px;
  background-color: rgba(223, 248, 249, 0.6);
  border: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 15px;
}
.linear-time-clock-circle {
  width: 24px;
  position: relative;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
  transform: rotate(-180deg);
}
.linear-time-clock-circle-parent {
  gap: 5px;
}
.frame-wrapper,
.left-parent,
.linear-time-clock-circle-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
}
.left-parent {
  gap: 7px;
}
.frame-wrapper {
  font-size: 14px;
  color: #181818;
}
.mobile-inner1,
.onde-vai-acontecer-parent {
  position: absolute;
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.onde-vai-acontecer-parent {
  top: calc(50% - -105.3px);
  left: calc(50% + 234.5px);
  display: flex;
  backdrop-filter: blur(3px);
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 34px;
}
.mobile-inner1 {
  top: 7153.9px;
  left: 623px;
  border-radius: 25px;
  background-color: rgba(3, 18, 26, 0.7);
  width: 679px;
  height: 370px;
  overflow: hidden;
}
.group-parent2 {
  position: absolute;
  top: 7225.9px;
  left: 15px;
  width: 380px;
  height: 76px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 18px;
  color: #31e5fc;
}
.home-indicator8 {
  position: absolute;
  bottom: 8px;
  left: calc(50% + 69.5px);
  border-radius: 100px;
  background-color: #fff;
  width: 139px;
  height: 5px;
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.bars-home-indicator {
  position: absolute;
  top: 7377.9px;
  left: 18.5px;
  width: 375px;
  height: 21px;
}
.um-time-de {
  position: absolute;
  top: 7484.9px;
  left: 29.4px;
  line-height: 36px;
  font-family: "Archivo Expanded";
  text-align: center;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  width: 350.1px;
}
.bruna-fadel-1-1 {
  align-self: stretch;
  border-radius: 5.4px;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.bruna-fadel,
.bruna-fadel-1-1 {
  position: relative;
}
.message1 {
  width: 240.4px;
  border-radius: 89.3px;
  border: 0.9px solid rgba(255, 255, 255, 0.35);
  box-sizing: border-box;
  height: 33.2px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 10.3px;
}
.like-icon2 {
  width: 21px;
  position: relative;
  height: 21px;
}
.actions1,
.message {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 14px;
}
.message {
  align-self: stretch;
  align-items: center;
  justify-content: center;
  gap: 32.2px;
}
.comunicloga-e-estrategista {
  align-self: stretch;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-family: Inter;
  text-align: left;
}
.bruna-fadel-1-1-parent {
  position: absolute;
  top: 30.3px;
  left: calc(50% - 163.9px);
  width: 279.8px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  border: 2.4px solid rgba(255, 255, 255, 0.12);
  border-radius: 10px;
  padding: 16px;
}
.frame-wrapper1 {
  width: 367px;
  background-color: transparent;
  height: 901px;
  flex-shrink: 0;
}
.frame-wrapper1,
.frame-wrapper2,
.hyeser-1-icon {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
}
.frame-wrapper2 {
  width: 368px;
  background-color: transparent;
  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: 285.4px;
  position: relative;
  font-size: 16px;
  line-height: 24px;
  font-family: Inter;
  text-align: left;
  display: inline-block;
}
.frame-wrapper3 {
  width: 367px;
  position: relative;
  border-radius: 5px;
  background-color: transparent;
  height: 781px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-child3 {
  width: 278.8px;
  position: relative;
  height: 321px;
  object-fit: cover;
}
.frame-wrapper4,
.frame-wrapper5 {
  width: 368px;
  position: relative;
  border-radius: 5px;
  background-color: transparent;
  height: 661px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-wrapper5 {
  width: 367px;
  height: 709px;
}
.educadora-e-criadora {
  align-self: stretch;
  position: relative;
  font-size: 14px;
  line-height: 24px;
  font-family: Inter;
  text-align: left;
}
.frame-wrapper6 {
  width: 368px;
  position: relative;
  border-radius: 5px;
  background-color: transparent;
  height: 469px;
  overflow: hidden;
  flex-shrink: 0;
}

.group-parent6 {
  position: absolute;
  left: 50px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
 .frame-parent11 {
  top: 9330px;
  left: 10px;
  flex-direction: row;
  gap: 20px;
  text-align: center;
  font-size: 15px;
  color: #fff;
  font-family: "Archivo Expanded";
} 
.group-parent6 {
  top: 9802px;
  left: 15px;
  width: 380px;
  height: 76px;
  flex-direction: column;
  gap: 10px;
  font-size: 18px;
  color: #31e5fc;
}
.chegou-a-hora {
  width: 349.3px;
  position: relative;
  line-height: 36px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.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-parent {
  align-self: stretch;
  border-radius: 15px;
  border: 1px solid #33394d;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px 25px;
  gap: 10px;
  font-size: 14px;
  color: #fff;
  font-family: Manrope;
}
.evento-presencial-parent {
  position: absolute;
  top: 43px;
  left: 48.5px;
  width: 321px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: #e6e7e8;
}
.frame-child7 {
  position: absolute;
  top: 148.5px;
  left: -0.5px;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  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: 10px;
}
.coffee-break-e {
  font-family: Inter;
}
.frame-parent14 {
  position: absolute;
  top: 171px;
  left: 75px;
  width: 270px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  text-align: left;
  font-size: 14px;
}
.r-19486,
.x-de {
  position: relative;
}
.x-de {
  align-self: stretch;
  line-height: 24px;
}
.r-19486 {
  font-size: 54px;
  line-height: 62px;
  font-family: "Archivo Expanded";
}
.ou-r-2000 {
  align-self: stretch;
  position: relative;
  line-height: 24px;
  font-weight: 500;
}
.group-parent7,
.x-de-parent {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.x-de-parent {
  top: 340px;
  left: 78.5px;
  width: 253px;
  align-items: center;
  gap: 8px;
  font-size: 16px;
}
.group-parent7 {
  top: 475px;
  left: calc(50% - 190px);
  width: 380px;
  height: 76px;
  align-items: flex-start;
  gap: 10px;
  text-align: left;
  font-size: 18px;
  color: #31e5fc;
}
.frame-parent13 {
  width: 100%;
  position: relative;
  border-radius: 20px;
  background: radial-gradient(50% 50%at 50% 50%, #27b7c5, #171f61), #161f61;
  height: 596px;
  overflow: hidden;
  flex-shrink: 0;
}
.no-pode-ir {
  position: relative;
  line-height: 24px;
  font-weight: 600;
}
.no-pode-ir-presencialmente-wrapper {
  align-self: stretch;
  border-radius: 15px;
  border: 1px solid #a3a3a3;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 10px 25px;
}
.transmisso-ao-vivo {
  position: relative;
  font-size: 26px;
  line-height: 38px;
  text-transform: uppercase;
  color: #1f6790;
}
.frame-parent16 {
  position: absolute;
  top: 43px;
  left: 43.5px;
  width: 321px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: rgba(0, 0, 0, 0.7);
}
.frame-child9 {
  position: absolute;
  top: 166.5px;
  left: -0.5px;
  border-top: 1px solid rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  width: 481px;
  height: 1px;
}
.acesso-transmisso {
  position: relative;
  line-height: 18px;
}
.frame-parent17 {
  position: absolute;
  top: 214px;
  left: 53px;
  width: 312px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  text-align: left;
  font-size: 14px;
  color: #141414;
}
.acesso-transmisso-ao-vivo-wrapper,
.x-de-group {
  position: absolute;
  display: flex;
  align-items: center;
}
.x-de-group {
  top: 340px;
  left: 72.5px;
  width: 253px;
  flex-direction: column;
  justify-content: flex-start;
  gap: 8px;
}
.acesso-transmisso-ao-vivo-wrapper {
  width: 380px;
  margin: 0 !important;
  top: 0;
  left: 0;
  border-radius: 68.8px;
  border: 3px solid #1f6790;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  padding: 25px 50px;
  z-index: 0;
}
.frame-wrapper7 {
  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: 18px;
}
.frame-parent15 {
  width: 400px;
  position: relative;
  border-radius: 20px;
  background: linear-gradient(191.9deg, #fff, #999);
  height: 596px;
  overflow: hidden;
  flex-shrink: 0;
  font-size: 16px;
  color: #1f6790;
}
.frame-parent12 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  font-size: 30px;
  color: #fff;
  font-family: Inter;
}
.home-indicator9 {
  position: absolute;
  bottom: 8px;
  left: calc(50% + 69px);
  border-radius: 100px;
  background-color: #fff;
  width: 139px;
  height: 5px;
  transform: rotate(180deg);
  transform-origin: 0 0;
}
.bars-home-indicator1 {
  align-self: stretch;
  position: relative;
  height: 21px;
}
.chegou-a-hora-de-garantir-seu-parent {
  position: absolute;
  top: 9967px;
  left: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 50px;
  text-align: center;
  font-family: "Archivo Expanded";
  width: 100%;
}
.fale-com-o-suporte-wrapper {
  width: 380px;
  border-radius: 68.8px;
  border: 3px solid #474747;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  padding: 20px 50px;
  text-align: left;
  font-size: 18px;
  color: #474747;
  font-family: Inter;
}
.dvidas-parent {
  position: absolute;
  top: 72px;
  left: 637px;
  width: 645px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 30px;
}
.mobile-inner2 {
  position: absolute;
  top: 11422px;
  left: calc(50% - 960px);
  background-color: #fff;
  width: 1920px;
  height: 264px;
  overflow: hidden;
  text-align: center;
  color: #0c1014;
  font-family: "Archivo Expanded";
}
.group-child6 {
  position: absolute;
  top: 0;
  left: 0;
  width: 1033.9px;
  height: 102.1px;
}
.linear-time-calendar-minim1 {
  width: 24px;
  position: relative;
  border-radius: 5px;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.left2 {
  box-shadow:
    0 1px 0 rgba(0, 0, 0, 0.05),
    0 4px 4px rgba(0, 0, 0, 0.05),
    0 10px 10px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(20px);
  border-radius: 99px;
  background-color: rgba(41, 39, 39, 0.5);
  border: 1px solid rgba(255, 255, 255, 0.07);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 8px 15px;
}
.linear-time-clock-circle1 {
  width: 24px;
  position: relative;
  height: 24px;
  overflow: hidden;
  flex-shrink: 0;
}
.sede-da-hotmart2 {
  position: relative;
  line-height: 24px;
}
.frame-parent18 {
  position: absolute;
  top: 14.1px;
  left: calc(50% - 155.95px);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.vector-parent {
  position: absolute;
  top: 0;
  left: -308px;
  width: 1033.9px;
  height: 102.1px;
  font-size: 14px;
  color: #fff;
}
.frame-child10 {
  align-self: stretch;
  position: relative;
  border-radius: 4px;
  width: 91%;
  overflow: hidden;
  height: 344.7px;
  flex-shrink: 0;
  object-fit: cover;
}
.message13 {
  width: 300.6px;
  border-radius: 111.7px;
  border: 1.1px solid rgba(255, 255, 255, 0.35);
  box-sizing: border-box;
  height: 41.5px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  padding: 0 17.5px;
}
.like-icon8 {
  width: 26.2px;
  position: relative;
  height: 26.2px;
}
.actions7,
.frame-parent21,
.message12 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 17.5px;
}
.frame-parent21,
.message12 {
  width: 90%;
  
  justify-content: center;
  gap: 40.3px;
}
.frame-parent21 {
  position: absolute;
  top: 24.9px;
  left: 18.5px;
  width: 100%;
  flex-direction: column;
  justify-content: flex-start;
  gap: 27.4px;
}
.fundador-da-craft {
  position: absolute;
  top: 459px;
  left: 22px;
  font-size: 16px;
  line-height: 24px;
  font-family: Inter;
  text-align: left;
  display: inline-block;
  width: 348px;
}
.frame-parent20 {
  align-self: stretch;
  position: relative;
  border-radius: 10px;
  background-color: #03121a;
  border: 2.4px solid rgba(255, 255, 255, 0.12);
  box-sizing: border-box;
  height: 532px;
  overflow: hidden;
  flex-shrink: 0;
}
.a5072-1-icon {
  position: absolute;
  top: -11.3px;
  left: 0;
  width: 430.6px;
  height: 645.8px;
  object-fit: cover;
}
.v2-2f823a27-8e10-419a-8649-30e-icon {
  position: absolute;
  top: -169.7px;
  left: -8.1px;
  width: 100%;
  height: 932px;
  object-fit: cover;
}
.a5072-1-parent {
  align-self: stretch;
  position: relative;
  border-radius: 4px;
  height: 344.7px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-parent23,
.message15 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.message15 {
  width: 244.6px;
  border-radius: 111.7px;
  border: 1.1px solid rgba(255, 255, 255, 0.35);
  box-sizing: border-box;
  height: 41.5px;
  flex-direction: row;
  padding: 0 12.9px;
}
.frame-parent23 {
  position: absolute;
  top: 25.9px;
  left: 18.5px;
  width: 430px;
  flex-direction: column;
  gap: 27.4px;
}
.ceo-da-pallur {
  position: absolute;
  top: 459px;
  left: 25px;
  font-size: 16px;
  line-height: 24px;
  font-family: Inter;
  text-align: left;
  display: inline-block;
  width: 344px;
}
.frame-parent22 {
  align-self: stretch;
  position: relative;
  border-radius: 10px;
  background-color: #03121a;
  border: 2.4px solid rgba(255, 255, 255, 0.12);
  box-sizing: border-box;
  height: 533px;
  overflow: hidden;
  flex-shrink: 0;
}
.frame-parent19 {
  position: absolute;
  top: 7611.9px;
  left: 2px;
  width: 390px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 25px;
  text-align: center;
  font-size: 15.6px;
  color: #fff;
  font-family: "Archivo Expanded";
}
.mobile {
  width: 100%;
  position: relative;
  background-color: #020101;
  height: 12225px;
  overflow: hidden;
  overflow-x: hidden;
  text-align: left;
  font-size: 28px;
  color: #e4f4f8;
  font-family: Inter;
  align-items: center;
  display: flex;
  justify-content: center;
  flex-direction: column;
}

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

.main-mobile {
  display: block !important;
}
.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 PROFESSORES ===== */
.frame-parent11.swiper {
  width: 100%;
  padding: 20px 0 50px 0;
  position: absolute;
  top: 8707px;
  left: 0;
  height: 885px;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Ajuste para os cards dos professores dentro dos slides */
.swiper-slide .frame-wrapper1,
.swiper-slide .frame-wrapper2,
.swiper-slide .frame-wrapper3,
.swiper-slide .frame-wrapper4,
.swiper-slide .frame-wrapper5,
.swiper-slide .frame-wrapper6 {
  width: 360px; /* Largura do card */
  height: auto; /* Altura automática */
  position: static; /* Remove posicionamento antigo se houver */
  margin: 0 auto; /* Centraliza o card no slide */
}

/* Estilo das setas e bolinhas (opcional, mas recomendado) */
:root {
  --swiper-theme-color: #31e5fc; /* Cor principal do carrossel */
  --swiper-navigation-size: 30px; /* Tamanho das setas */
}

.swiper-button-prev,
.swiper-button-next {
  color: var(--swiper-theme-color);
}
/* Oculta as setas de navegação do carrossel */
.swiper-button-next,
.swiper-button-prev {
  display: none;
}

.swiper-pagination-bullet-active {
  background-color: var(--swiper-theme-color);
}
a {
  color: inherit; /* Herda a cor do elemento pai */
  text-decoration: none; /* Remove o sublinhado */
}





/*
  ==================================================================
  SOLUÇÃO FINAL (MÉTODO WRAPPER FIXO)
  ==================================================================
*/

/* Remove qualquer espaçamento extra do corpo e do container principal */
body, .mobile {
  padding: 0;
  margin: 0;
}

/* Transforma o container .mobile em um centralizador para o wrapper */
.mobile {
  display: flex;
  justify-content: flex-start;
}

/* Cria a nossa "tela virtual" de 414px de largura */
.mobile-wrapper {
  position: relative;
  width: 414px; /* A LARGURA ORIGINAL DO DESIGN */
  height: 10000px; /* A altura original da sua div .mobile */
  transform-origin: top center; /* Define o ponto de referência para o "zoom" */
  
  /* Importante: garante que o wrapper não seja afetado por flexbox */
  flex-shrink: 0; 
}

/* --- A MÁGICA DO ZOOM RESPONSIVO --- */
/* Ele aplica um "zoom out" para telas menores que a largura do wrapper */

/* Para telas com largura máxima de 390px (ex: iPhone 12/13/14) */
@media (max-width: 390px) {
  .mobile-wrapper {
      transform: scale(0.942); /* Cálculo: 390 / 414 = 0.942 */
  }
}

/* Para telas com largura máxima de 375px (ex: iPhone SE/X/11 Pro) */
@media (max-width: 375px) {
  .mobile-wrapper {
      transform: scale(0.905); /* Cálculo: 375 / 414 = 0.905 */
  }
}

/* Para telas com largura máxima de 360px (ex: Androids comuns) */
@media (max-width: 360px) {
  .mobile-wrapper {
      transform: scale(0.869); /* Cálculo: 360 / 414 = 0.869 */
  }
}