/* ============================================================================
   1. DEFINIÇÕES DE FONTES (@font-face)
   ============================================================================ */

/* 1.1 Família Suisse Intl - Fonte principal para textos e interface */

/* Variações Thin (100) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 100;
  src: url(../Fontes/suisseintl-thin-webm.woff2) format("woff2"), url(../Fontes/suisseintl-thin-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 100;
  src: url(../Fontes/suisseintl-thinitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-thinitalic-webm.woff) format("woff")
}

/* Variações Ultra Light (200) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 200;
  src: url(../Fontes/suisseintl-ultralight-webm.woff2) format("woff2"), url(../Fontes/suisseintl-ultralight-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 200;
  src: url(../Fontes/suisseintl-ultralightitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-ultralightitalic-webm.woff) format("woff")
}

/* Variações Light (300) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 300;
  src: url(../Fontes/suisseintl-light-webm.woff2) format("woff2"), url(../Fontes/suisseintl-light-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 300;
  src: url(../Fontes/suisseintl-lightitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-lightitalic-webm.woff) format("woff")
}

/* Variações Regular (400) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(../Fontes/suisseintl-regular-webm.woff2) format("woff2"), url(../Fontes/suisseintl-regular-webm.woff2) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 400;
  src: url(../Fontes/suisseintl-regularitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-regularitalic-webm.woff) format("woff")
}

/* Variações Medium (500) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 500;
  src: url(../Fontes/suisseintl-medium-webm.woff2) format("woff2"), url(../Fontes/suisseintl-medium-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 500;
  src: url(../Fontes/suisseintl-mediumitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-mediumitalic-webm.woff) format("woff")
}

/* Variações Semi Bold (600) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  src: url(../Fontes/suisseintl-semibold-webm.woff2) format("woff2"), url(../Fontes/suisseintl-semibold-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 600;
  src: url(../Fontes/suisseintl-semibolditalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-semibolditalic-webm.woff) format("woff")
}

/* Variações Bold (700) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 700;
  src: url(../Fontes/suisseintl-bold-webm.woff2) format("woff2"), url(../Fontes/suisseintl-bold-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 700;
  src: url(../Fontes/suisseintl-bolditalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-bolditalic-webm.woff) format("woff")
}

/* Variações Black (900) */
@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: normal;
  font-weight: 900;
  src: url(../Fontes/suisseintl-black-webm.woff2) format("woff2"), url(../Fontes/suisseintl-black-webm.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl;
  font-stretch: normal;
  font-style: italic;
  font-weight: 900;
  src: url(../Fontes/suisseintl-blackitalic-webm.woff2) format("woff2"), url(../Fontes/suisseintl-blackitalic-webm.woff) format("woff")
}

/* 1.2 Família Suisse Intl Mono - Fonte monoespaçada para código */

@font-face {
  font-family: Suisse Intl Mono;
  font-stretch: normal;
  font-style: normal;
  font-weight: 100;
  src: url(../Fontes/suisseintlmono-thin-webs.woff2) format("woff2"), url(../Fontes/suisseintlmono-thin-webs.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl Mono;
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(../Fontes/suisseintlmono-regular-webs.woff2) format("woff2"), url(../Fontes/suisseintlmono-regular-webs.woff) format("woff")
}

@font-face {
  font-family: Suisse Intl Mono;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  src: url(../Fontes/suisseintlmono-bold-webs.woff2) format("woff2")
}

/* 1.3 Família Gramatika - Fonte para títulos e destaques */

@font-face {
  font-family: 'Gramatika';
  font-stretch: normal;
  font-style: normal;
  font-weight: 400;
  src: url(../Fontes/gramatikaregular.woff) format("woff")
}

@font-face {
  font-family: Gramatika;
  font-stretch: normal;
  font-style: normal;
  font-weight: 600;
  src: url(../Fontes/gramatikabold.woff) format("woff")
}


@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild3538-3536-4162-a537-653562343366/SuisseIntl-Regular-W.woff') format('woff');
  font-weight: 100;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild6139-3366-4931-a363-356433353736/SuisseIntl-Medium-We.woff') format('woff');
  font-weight: 200;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild3837-3966-4137-b964-303663646138/YS_Text-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild3734-3834-4237-b164-636365366133/YS_Text-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild6561-3639-4665-b739-643939393239/YS_Text-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild6335-6232-4561-b838-633937376233/GramatikaBold.woff') format('woff');
  font-weight: 600;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild6331-3036-4736-a338-346132346261/YS_Text-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal
}

@font-face {
  font-family: 'YSText';
  src: url('https://static.tildacdn.com/tild3037-6236-4136-b764-303064326430/_GramatikaRegular.woff') format('woff');
  font-weight: 800;
  font-style: normal
}

/* VARIÁVEIS CSS */
:root {
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-8: 8px;
  --spacing-12: 12px;
  --spacing-16: 16px;
  --spacing-20: 20px;
  --spacing-24: 24px;
  --spacing-32: 32px;
  --spacing-36: 36px;
  --spacing-40: 40px;
  --spacing-48: 48px;
  --spacing-56: 56px;
  --spacing-64: 64px;
  --spacing-80: 80px;
  --spacing-96: 96px;
  --spacing-120: 120px;
}



:root {
  --color-palette-black-10: #f2f1ee;
  --color-palette-black-20: #e3e1de;
  --color-palette-black-30: #d5d4d2;
  --color-palette-black-40: #a6a6a6;
  --color-palette-black-50: #808080;
  --color-palette-black-80: #2a2a2a;
  --color-palette-black-90: #1a1a1a;
  --color-palette-black-100: #000000;
  --color-palette-black-10-a: rgba(0, 0, 0, .08);
  --color-palette-black-20-a: rgba(0, 0, 0, .14);
  --color-palette-black-40-a: rgba(0, 0, 0, .35);
  --color-palette-black-50-a: rgba(0, 0, 0, .5);
  --color-palette-black-80-a: rgba(0, 0, 0, .83);
  --color-palette-white-100: #ffffff;
  --color-palette-white-10-a: rgba(255, 255, 255, .08);
  --color-palette-white-20-a: rgba(255, 255, 255, .14);
  --color-palette-white-40-a: rgba(255, 255, 255, .4);
  --color-palette-white-50-a: rgba(255, 255, 255, .55);
  --color-palette-white-80-a: rgba(255, 255, 255, .85);
  --color-palette-red-pale: #ffccc9;
  --color-palette-red-light: #f89e93;
  --color-palette-red-normal: #ed6f68;
  --color-palette-red-dark: #de4c45;
  --color-palette-red-50-a: rgba(237, 111, 104, .5);
  --color-palette-orange-pale: #ffd6c5;
  --color-palette-orange-light: #ff976b;
  --color-palette-orange-normal: #e96e3a;
  --color-palette-orange-dark: #d35722;
  --color-palette-orange-50-a: rgba(233, 110, 58, .5);
  --color-palette-yellow-pale: #fde3af;
  --color-palette-yellow-light: #ffd078;
  --color-palette-yellow-normal: #ffb72c;
  --color-palette-yellow-dark: #f3a202;
  --color-palette-yellow-50-a: rgba(255, 183, 44, .5);
  --color-palette-green-pale: #b8e9c8;
  --color-palette-green-light: #6cc989;
  --color-palette-green-normal: #3aa65e;
  --color-palette-green-dark: #328f51;
  --color-palette-green-50-a: rgba(58, 166, 94, .5);
  --color-palette-blue-pale: #c5e0fc;
  --color-palette-blue-light: #87befa;
  --color-palette-blue-normal: #3f96f3;
  --color-palette-blue-dark: #1878dc;
  --color-palette-blue-50-a: rgba(63, 150, 243, .5);
  --color-palette-purple-pale: #e4d9fc;
  --color-palette-purple-light: #bfa4ff;
  --color-palette-purple-normal: #a27aff;
  --color-palette-purple-dark: #8754fd;
  --color-palette-purple-50-a: rgba(162, 122, 255, .5);
  --color-background-glassy-b: rgba(0, 0, 0, 0.14);
  --color-accent-neutral: rgba(42, 42, 42, 1);
  --color-content-inverted-primary: rgba(255, 255, 255, 1);
  --Background-secondar: rgba(242, 241, 238, 1);
}

:root {
  --font-sans: Suisse Intl;
  --font-display: Gramatika;
  --font-mono: Suisse Intl Mono;
  --font-sans-caption-12-regular: 400 .75rem / 1.3333em var(--font-sans), sans-serif;
  --font-sans-caption-12-medium: 500 .75rem / 1.3333em var(--font-sans), sans-serif;
  --font-sans-caption-14-regular: 400 .875rem / 1.2857em var(--font-sans), sans-serif;
  --font-sans-caption-14-medium: 500 .875rem / 1.2857em var(--font-sans), sans-serif;
  --font-sans-body-16-regular-ui: 400 1rem / 1.25em var(--font-sans), sans-serif;
  --font-sans-body-16-medium-ui: 500 1rem / 1.25em var(--font-sans), sans-serif;
  --font-sans-body-16-regular-paragraph: 400 1rem / 1.375em var(--font-sans), sans-serif;
  --font-sans-body-16-medium-paragraph: 500 1rem / 1.375em var(--font-sans), sans-serif;
  --font-sans-body-18-medium-ui: 500 1.125rem / 1.2222em var(--font-sans), sans-serif;
  --font-sans-body-18-regular-ui: 400 1.125rem / 1.2222em var(--font-sans), sans-serif;
  --font-sans-body-18-regular-paragraph: 400 1.125rem / 1.4444em var(--font-sans), sans-serif;
  --font-sans-body-18-medium-paragraph: 500 1.125rem / 1.4444em var(--font-sans), sans-serif;
  --font-sans-header-20-regular: 400 1.25rem / 1.2em var(--font-sans), sans-serif;
  --font-sans-header-20-medium: 500 1.25rem / 1.2em var(--font-sans), sans-serif;
  --font-sans-header-24-regular: 400 1.5rem / 1.1667em var(--font-sans), sans-serif;
  --font-sans-header-24-medium: 500 1.5rem / 1.1667em var(--font-sans), sans-serif;
  --font-sans-header-32-default: 500 2rem / 1em var(--font-sans), sans-serif;
  --font-sans-header-32-display: 700 2rem / 1em var(--font-display), sans-serif;
  --font-sans-header-40-default: 500 2.5rem / 1em var(--font-sans), sans-serif;
  --font-sans-header-40-display: 700 2.5rem / 1em var(--font-display), sans-serif;
  --font-sans-header-48-default: 500 3rem / 1em var(--font-sans), sans-serif;
  --font-sans-header-48-display: 700 3rem / 1em var(--font-display), sans-serif;
  --font-sans-header-56-default: 700 3.5rem / 1em var(--font-display), sans-serif;
  --font-sans-header-64-default: 700 4rem / .9375em var(--font-display), sans-serif;
  --font-sans-header-72-default: 700 4.5rem / .9444em var(--font-display), sans-serif;
  --font-sans-header-88-default: 700 5.5rem / .9545em var(--font-display), sans-serif;
  --font-sans-header-120-default: 700 7.5rem / .9333em var(--font-display), sans-serif;
  --font-mono-caption-12-regular: 400 .75rem / 1.5em var(--font-mono), monospace;
  --font-mono-caption-14-regular: 400 .875rem / 1.5714em var(--font-mono), monospace;
  --font-mono-caption-16-regular: 400 1rem / 1.5em var(--font-mono), monospace;
  --font-sans-caption-10-regular: 400 .625rem / 1.2222em Suisse Intl, sans-serif;
  --font-sans-header-32-default-letter-spacing: -.02em;
  --font-sans-header-40-default-letter-spacing: -.02em;
  --font-sans-header-48-default-letter-spacing: -.01em;
}

/* General features */

body{
  overflow-x: hidden;
}
.purple_text{
  color: var(--color-palette-purple-dark)
}
.purple_highlight_text{
  color: var(--Text-Highlights-Headlines-purple, #A27AFF);
}
.green_text{
  color: var(--color-palette-green-dark);
}
.line_through{
  text-decoration: line-through;
}
.gray_text{
  color: rgba(0, 0, 0, 0.5);
}
/* Banner inicial */
.container_banner_inicial {
  display: flex;
  padding: 104px 158px 120px 158px;
  flex-direction: column;
  align-items: center;
  gap: 144px;
  align-self: stretch;
}

.content_banner_inicial {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 104px;
  align-self: stretch;
}

.content_banner_inicial .title {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 964px;
  gap: 32px;
}

.content_banner_inicial .title h1 {
  color: #1E1E1E;
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  align-self: stretch;
  /* Sans/Header 88/Display */
  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-88, 88px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-88, 84px);
  /* 95.455% */
}

.content_banner_inicial .title img {
  width: 964px;
  height: 500px;
}

.content_banner_inicial .subtitle {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}

.content_banner_inicial .subtitle h2 {
  color: var(--color-palette-black-90);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;

  /* Sans/Header 48/Default */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-48, 48px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-48, 48px);
  /* 100% */
  letter-spacing: -0.48px;
}
.content_banner_inicial .blush{
border-radius: 3000px 3000px 3000px 3000px;
    opacity: 0.35;
    background: radial-gradient(circle at center, rgba(162, 122, 255, 1) 0%, rgba(255, 247, 5, 0) 60%);
    width: 640px;
    height: 640px;
    position: absolute;
    bottom: 40%;
    z-index: -1;
  }
.content_banner_inicial .subtitle .stars {
  display: flex;
  flex-direction: column;
  position: relative;
  gap: 24px;
  width: 996px;
  height: 500px;
}

.content_banner_inicial .subtitle .stars .top {
  display: flex;
  justify-content: space-between;
}

.content_banner_inicial .subtitle .stars .middle,
.content_banner_inicial .subtitle .stars .bottom {
  display: flex;
  justify-content: center;
  position: relative;
  bottom: 10%;
}
.content_banner_inicial .subtitle .stars .middle{
  justify-content: center;
  gap: 32px
}
.content_banner_inicial .subtitle .stars .bottom{
  justify-content: space-around;
}
.content_banner_inicial .star_block {
  display: flex;
  width: 180px;
  flex-direction: column;
  align-items: center;
  gap: 8px;

}
.content_banner_inicial .star_block.bottom2{
  position: relative;
  top: 30%;
}

.content_banner_inicial .star_block p {
  color: var(--color-palette-black-90);
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  white-space: nowrap;
  /* Sans/Header 24/Medium */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
  /* 116.667% */
}
#bannerVideo{
  border-radius: 12px;
  width: 964px;
  height: 500px;
  object-fit: cover;
  align-self: center;
  border-radius: 32px;
  transform: scaleX(-1);
}
/* Uber */
.content_uber {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  width: 1160px;
  max-width: 1160px;
  overflow: hidden;
}

.content_uber .uber-carousel {
  display: flex;
  width: 100%;
  transition: transform 0.5s ease-in-out;
}

.content_uber .uber-slide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex: 0 0 100%;
  width: 100%;
}

.content_uber .arrows .arrow-right {
  transform: rotate(180deg);
}

.content_uber .arrows .arrow:hover {
  background: rgba(0, 0, 0, 0.25);
}

.content_uber .card {
  display: flex;
  padding: 32px 48px 32px 32px;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  border-radius: 32px;
  background: #F2F1EE;
  width: 576px;
  height: 100%;
  box-sizing: border-box;
}
#uberImage{
  width: 573px;
    height: 530px;
    object-fit: cover;
    border-radius: 32px;
}
.content_uber .card h1 {
  color: var(--color-palette-black-90);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;

  /* Sans/Header 48/Default */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-48, 48px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-48, 48px);
  /* 100% */
  letter-spacing: -0.48px;
}

.content_uber .card span {
  color: #A27AFF;
}

.content_uber .card p {
  color: var(--Text-primary, #1A1A1A);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
  letter-spacing: -0.48px;
}

.content_uber video {
  width: 576px;
  height: 625px;
  flex-shrink: 0;
  border-radius: 32px;
  object-fit: cover;
}

/* Future Salary */
.container_future_salary {
  display: flex;
  justify-content: center;
}

.content_future_salary {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: unset;
  box-sizing: border-box;
  align-self: stretch;
  position: relative;
  padding-top: 144px;
}

.content_future_salary h1 {
  color: var(--color-palette-black-90);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-display, Gramatika);
  font-size: 56px;
  font-style: normal;
  font-weight: 700;
  line-height: 1;
}

.content_future_salary .graph {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1160px;
  gap: 24px;
  position: relative;
  top: 6%;
}
.content_future_salary .futureSalary2 .graph{
  top: 4%;
}
.content_future_salary .futureSalary2 .graph .professional.junior{
  top: 90%;
}
.content_future_salary .graph .professional {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
}

.content_future_salary .graph .professional svg {
  position: absolute;
  z-index: 10;
  left: 5%;
}

.content_future_salary .graph .professional p {
  color: var(--text-primary-90, #1A1A1A);
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 24/Medium */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
  /* 116.667% */
}

.content_future_salary .graph .professional h2 {
  color: var(--text-primary-90, #1A1A1A);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;

  /* Sans/Header 48/Default */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-48, 48px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-48, 48px);
  /* 100% */
  letter-spacing: -0.48px;
}
.content_future_salary .graph .professional.junior {
  width: 365px;
  align-self: flex-end;
  top: 115%;
}

.content_future_salary .graph .professional.junior .graph_bar {
  height: 112px;
}

.content_future_salary .graph .professional.junior svg {
  top: 119%;
}

.content_future_salary .graph .professional.pleno svg {
  top: 110%;
}

.content_future_salary .graph .professional.senior svg {
  top: 110%;
}

.content_future_salary .graph .professional.pleno {
  width: 347px;
  bottom: 16%;
  align-self: flex-end;
  top: 60%;
}

.content_future_salary .graph .professional.pleno .graph_bar {
  height: 168px;
}

.content_future_salary .graph .professional.senior {
  width: 384px;
  margin-left: 15px;
  align-self: center;
}

.content_future_salary .graph .professional.senior .graph_bar {
  height: 224px;
}

.futureSalary1, .futureSalary2{
  display: flex;
  flex-direction: column;
  padding: 104px 52px 120px 52px;
  align-items: center;
  gap: 56px;
}
.futureSalary1, .futureSalary2{
  max-height: 0;
    overflow: hidden;
    transition: max-height 0.6s ease;
    padding: 0;
}
.futureSalary1.visible{
  max-height: 900px;
  padding: 104px 52px 120px 52px
}
.futureSalary2.visible{
  max-height: 800px;
  padding: 104px 52px 120px 52px
}

.content_future_salary .cta{
  display: flex;
  height: 60px;
  padding: 12px 24px 16px 24px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  box-sizing: border-box;
  border-radius: 16px;
  border-bottom: 4px solid var(--color-palette-black-20-a);
  background: var(--Background-tetriary, #E3E1DE);
  cursor: pointer;
}
.content_future_salary .cta a{
  color: var(--Text-primary, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 32/Default Medium */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-32, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-32, 32px); /* 100% */
  letter-spacing: -0.64px;
  text-decoration: none;
}
.content_future_salary .linhas_miudas {
  position: relative;
  overflow: hidden;
  color: var(--color-palette-black-50);
  text-align: center;
  font-feature-settings: 'liga' off, 'clig' off;
  text-overflow: ellipsis;

  /* Sans/Body 16/Regular UI */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-body-16, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-body-16-ui, 20px);
  /* 125% */
}

.content_future_salary .balloon {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: flex-start;
}

.content_future_salary .balloon .thingy {
  position: relative;
  left: 5%;
}

.content_future_salary .balloon .body {
  display: flex;
  max-width: 468.06px;
  padding: 20.06px 26.746px 20.06px 13.373px;
  align-items: flex-start;
  gap: 6.687px;
  border-radius: 10.03px;
  background: var(--background-black-90, #1A1A1A);
}

.content_future_salary .balloon .body p {
  flex: 1 0 0;
  color: var(--text-white-primary-100, #FFF);
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 24/Medium */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
  /* 116.667% */
}

/* Quality Control */
.container_quality_control {
  display: flex;
  justify-content: center;
}

.content_quality_control {
  display: flex;
  padding: 104px 60px 120px 60px;
  flex-direction: column;
  align-items: center;
  gap: 80px;
  align-self: stretch;
}

.content_quality_control h1 {
  width: 1104px;
  color: var(--color-palette-black-90);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-72, 68px);
}

.content_quality_control img {
  width: 1208px;
  height: 604px;
}

/* Review */
.container_review {
  display: flex;
  justify-content: center;
  position: relative;
}

.content_review {
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 104px 54px 120px 54px;
  align-items: flex-start;
  gap: 32px;
  background-color: #F2F1EE;
}
.container_review h5{
  color: var(--color-palette-black-90);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--Font-Size-UI-14, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--Line-Height-UI-14, 18px);
}

.content_review .grad_hired_by {
  display: flex;
  width: 1280px;
  padding: var(--56, 56px) var(--32, 32px) var(--80, 80px) var(--32, 32px);
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-56);
}

.content_review .grad_hired_by h1 {
  width: 745px;
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;

  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-48, 48px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-48, 48px);
  letter-spacing: -0.48px;
}

.content_review .title {
  width: 307.556px;
}

.content_review .title h1 {
  color: var(--Text-primary, #1A1A1A);
    font-variant-numeric: lining-nums proportional-nums;
    font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;
    font-family: var(--font-default, "Suisse Intl");
    font-size: var(--size-header-48, 48px);
    font-style: normal;
    font-weight: 500;
    line-height: var(--line-height-header-48, 48px);
    letter-spacing: -0.96px;
    text-align: left;
}

.content_review .title span {
  color: #A27AFF;
}
.content_review .reviews{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  align-items: flex-start;
  align-content: flex-start;
  gap: 16px;
  flex-wrap: wrap;
  position: relative;
}
.content_review .review {
  display: flex;
  padding: 16px 16px 24px 16px;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
  border-radius: 16px;
  background: #FFFFFF;
  max-width: 409px;
  height: 327px;
  box-sizing: border-box;
}
.container_review .balloon{
  display: flex;
  max-width: 280px;
  padding: var(--spacing-12) var(--spacing-16) var(--spacing-12) var(--16, 16px);
  align-items: flex-start;
  gap: 4px;
  border-radius: var(--8, 8px);
  background: var(--Background-green, #6CC989);
  position: absolute;
    z-index: 1000;
}
.container_review .balloon.portugal.one{
  left: 52%;
  top: 7%;
}
.container_review .balloon.portugal.two{
  left: 71.5%;
    top: 45%;

}
.container_review .balloon.portugal.one::after{
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 20px;
  background-color: var(--Background-green, #6CC989);
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='20' viewBox='0 0 32 20'><path d='M0 0V16.3022C0 16.8848 1.14925 17.1168 1.41423 16.598C4.32979 10.8894 12.4531 0 32 0H0Z' fill='black'/></svg>");
  mask-size: contain;
  mask-repeat: no-repeat;
  bottom: -20px;
  left: 10%;
}
.container_review .balloon.portugal.two::before, .container_review .balloon.hibrido.two::before{
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 20px;
  background-color: var(--Background-green, #6CC989);
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='20' viewBox='0 0 32 20'><path d='M0 20V3.69775C0 3.11516 1.14925 2.88318 1.41423 3.40202C4.32979 9.11064 12.4531 20 32 20H0Z' fill='black'/></svg>");
  mask-size: contain;
  mask-repeat: no-repeat;
  bottom: 100%;
  left: 10%;
}
.container_review .balloon.hibrido.one{
  left: 49.5%;
    top: 84%;
}
.container_review .balloon.hibrido.one::before{
  content: "";
  display: block;
  position: absolute;
  width: 32px;
  height: 20px;
  background-color: var(--Background-green, #6CC989);
  mask-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='20' viewBox='0 0 32 20'><path d='M32 20V3.69775C32 3.11516 30.8508 2.88318 30.5858 3.40202C27.6702 9.11064 19.5469 20 0 20H32Z' fill='black'/></svg>");
  mask-size: contain;
  mask-repeat: no-repeat;
  bottom: 100%;
    left: 59%;
}
.container_review .balloon.hibrido.two{
  left: 74%;
    top: 84%;
}
.content_review .review .student {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.content_review .review .student .info {
  display: flex;
  width: 353.268px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.content_review .review .student .info .linkedin {
  display: flex;
  align-items: center;
  gap: 8px;
  align-self: stretch;
}

.content_review .review .student .info .linkedin h2 {
  color: var(--Text-primary, #1A1A1A);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-default, "Suisse Intl");
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.889px; /* 103.704% */
}

.content_review .review .student .info .before_after {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
}

.content_review .review .student .info .before_after p {
  color: #1A1A1A;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 20/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-20, 20px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-20, 24px); /* 120% */
letter-spacing: -0.4px;
}

.content_review .review .description {
  align-self: stretch;
}

.content_review .review .description h3 {
  color: var(--Text-primary, #1A1A1A);
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 24/Medium */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px); /* 116.667% */
  letter-spacing: -0.48px;
}

.content_review .review .student img {
  width: 92px;
  height: 92px;
  opacity: 1;
  border-radius: 8888px;
  object-fit: cover;
  object-position: center;

}

.container_dominate_profession {
  display: flex;
  justify-content: center;
}

.content_dominate_profession {
  display: flex;
  width: 1280px;
  padding: 104px 60px 120px 60px;
  flex-direction: column;
  align-items: center;
  gap: 112px;
}
.content_dominate_profession h1{
  color: var(--Text-primary, #1A1A1A);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-64, 64px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-64, 60px); /* 93.75% */
  letter-spacing: -1.28px;
}
.content_dominate_profession h2{
  width: 683px;
  color: var(--color-palette-black-90);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-48, 48px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-48, 48px); /* 100% */
  letter-spacing: -0.96px;
}
.content_dominate_profession p{
  color: var(--Text-primary, #1A1A1A);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 24/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px); /* 116.667% */
letter-spacing: -0.48px;
}
.content_dominate_profession .body{
  display: flex;
  justify-content: space-between;
}
.content_dominate_profession .body .info{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  width: 640px;
}
.content_dominate_profession .body .info .info_title{
  position: relative;
}
.content_dominate_profession .body .info .distance_balloon{
  position: absolute;
  top: calc(115% - 8px);
  left: 48%;
  display: flex;
  max-width: 468.06px;
  padding: 20.06px 26.746px 20.06px 13.373px;
  align-items: flex-start;
  gap: 6.687px;
  border-radius: 10.03px;
  background: var(--Background-green, #6CC989);
}
.content_dominate_profession .body .info .distance_balloon::before{
  content: "";
  position: absolute;
  left: 24px;
  bottom: 100%;
  width: 49px;
  height: 21px;
  margin-bottom: -1px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='49' height='21' viewBox='0 0 49 21' fill='none'%3E%3Cpath d='M0 1.93341C0 0.112177 3.12527 -0.716382 4.19319 0.758897C9.92939 8.6832 21.9822 20.4592 42.9561 20.4592C68.8919 20.4592 0 20.4592 0 20.4592V1.93341Z' fill='%236CC989'/%3E%3C/svg%3E") no-repeat center / contain;
}
.content_dominate_profession .body .info .distance_balloon p{
  text-align: left;
  white-space: nowrap;
}
.content_dominate_profession .body .info .topics{
  display: flex;
  width: 532px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
.content_dominate_profession .body .info .topics .topic{
  display: flex;
  align-items: flex-start;
  gap: 8px;
}
.content_dominate_profession .body .info .topics .topic:last-child{
  text-align: left;
}
.content_dominate_profession .tools_programming{
    display: flex;
    flex-direction: column;
    width: 947px;
    justify-content: center;
    align-items: center;
    gap: 104px;
    position: relative;
    z-index: 0;
}
.content_dominate_profession .tools_programming::before{
    content: "";
    display: block;
    position: absolute;
    top: -308px;
    left: 50%;
    transform: translateX(-50%);
    width: 947px;
    height: 877px;
    background: var(--blush-green, linear-gradient(to bottom right, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) top right / 50% 50% no-repeat);
    opacity: 0.3;
    z-index: -1;
    pointer-events: none;
}
.content_dominate_profession .tools_programming .description{
  display: flex;
  width: 963px;
  flex-direction: column;
  align-items: center;
  gap: var(--40, 40px);
}
.content_dominate_profession .tools_programming .description .sprint{
  display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--32, 32px);
    width: 608px;
}
.content_dominate_profession .tools_programming .description .sprint .time, .content_dominate_profession .tools_programming .description .sprint .project{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  width: 298px;
}
.content_dominate_profession .tools_programming .cards{
  display: flex;
  width: 947px;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 8px;
  flex-shrink: 0;
  flex-wrap: wrap;
}
/* quebra de linha forçada (variações DA/DS/WD/QA) */
.content_dominate_profession .tools_programming .cards .cards-row-break{
  flex-basis: 100%;
  width: 100%;
  height: 0;
  margin: 0;
  padding: 0;
}
.content_dominate_profession .tools_programming .cards .card{
  display: flex;
  padding: 8px 20px 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  background: #F2F1EE;
}
.content_dominate_profession .tools_programming img{
    width: 28px;
    height: 28px;
}
.content_dominate_profession .tools_programming p{
    color: var(--text-primary-90, #1A1A1A);
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 24/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px); /* 116.667% */
}

/* Certificados */
.container_certificate {
  display: flex;
  justify-content: center;
}

.content_certificate {
  display: flex;
  width: 100vw;
  padding: 136px 60px 240px 60px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background: var(--background-main-10, #F2F1EE);
  position: relative;
}
.content_certificate .certificateBalloon{
  display: flex;
  max-width: 468.06px;
  padding: 20.06px 26.746px 20.06px 13.373px;
  align-items: flex-start;
  gap: 6.687px;
  border-radius: 10.03px;
  background: var(--background-black-90, #1A1A1A);
  position: absolute;
  top: 73%;
  left: 57%;

  color: var(--text-white-primary-100, #FFF);
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 24/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px); /* 116.667% */
letter-spacing: -0.48px;
}
.content_certificate .title {
  width: 1044px;
}

.content_certificate .title h1 {
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-72, 68px);
}

.content_certificate .title span {
  color: #A27AFF;
}

.content_certificate img {
  width: 680.5px;
  height: 529.278px;
  flex-shrink: 0;
  image-rendering: crisp-edges;
}

/* Program */
.container_program {
  display: flex;
  justify-content: center;
}

.content_program {
  display: flex;
  width: 100vw;
  padding: 104px 60px 120px 60px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background: var(--background-main-10, #F2F1EE);
}

.content_program h1 {
  width: 1044px;
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-72, 68px);
}

.content_program .cards {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 32px;
}

.content_program .cards .last-row {
  grid-column: 1 / -1;
  display: flex;
  justify-content: center;
  gap: 20px;
}

.content_program .cards .card {
  display: flex;
  width: 279px;
  height: 244px;
  padding: 0 16px 32px 0px;
  flex-direction: column;
  align-items: flex-end;
  gap: 8px;
  border-radius: 16px;
  background: #FFF;
  box-sizing: border-box;
}

.content_program .cards .card .head {
  display: flex;
  align-self: flex-start;
  margin-bottom: 16px;
}
.content_program .cards .card .head > *{
    display: flex;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  width: fit-content;
  height: auto;
  box-sizing: border-box;
  white-space: nowrap;
    padding: 8px 20px;
}

.content_program .cards .card .head .module {
  background: #6CC989;
}

.content_program .cards .card .head .week {
  background: #B8E9C8;
}

.content_program .cards .card h4 {
  color: var(--color-palette-black-90);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Suisse Intl";
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  /* 133.333% */
  letter-spacing: -0.48px;
}

.content_program .cards .card h5 {
  color: var(--color-palette-black-90);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Suisse Intl";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 32px;
  /* 133.333% */
  letter-spacing: -0.48px;
}

.content_program .cards .card p {
  color: var(--color-palette-black-90);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Suisse Intl";
  font-size: 24px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  /* 116.667% */
  letter-spacing: -0.48px;
  width: 247px;
}

.content_program .cards .card span {
  color: #328F51;
}

/* Program - accordion de módulos (portado das páginas de profissão) */
.content_program .container {
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  position: relative;
}
.content_program .modulos-container {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.content_program .modulo-card {
  background: #fff;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  transition: all 0.3s ease;
  margin-top: 4px;
  user-select: none;
}
.content_program .modulo-card:hover {
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}
.content_program .modulo-header {
  padding: 24px 16px 24px 24px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  transition: background-color 0.2s ease;
}
.content_program .modulo-header:hover {
  background-color: #f8f9fa;
}
.content_program .modulo-info {
  flex: 1;
}
.content_program .modulo-titulo {
  font-size: 24px;
  line-height: 1.15;
  color: #1a1a1a;
  font-weight: 400;
  font-family: var(--font-default, "Suisse Intl"), Arial, sans-serif;
  margin: 0 0 8px 0;
}
.content_program .modulo-duracao {
  font-size: 14px;
  color: #666;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 16px;
}
.content_program .duracao-item {
  display: flex;
  align-items: center;
  gap: 4px;
  color: rgb(128, 128, 128);
  font-weight: 400;
  font-family: var(--font-default, "Suisse Intl"), Arial, sans-serif;
  font-size: 16px;
}
.content_program .projeto-badge {
  color: rgb(58, 166, 94);
  font-weight: 400;
  font-family: var(--font-default, "Suisse Intl"), Arial, sans-serif;
  font-size: 16px;
  display: inline-block;
  padding: 4px 8px;
  background-color: #BBE2C8;
  border-radius: 8px;
  margin-left: 16px;
}
.content_program .toggle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  flex-shrink: 0;
  filter: brightness(0.1);
  padding: 8px;
}
.content_program .modulo-card.expandido .toggle-icon {
  transform: rotate(-45deg);
  background: transparent;
}
.content_program .toggle-icon:hover {
  background: rgba(0, 0, 0, .09);
  border-radius: 50%;
  box-sizing: content-box;
  padding: 8px;
}
.content_program .modulo-card.expandido .toggle-icon:hover {
  background: rgba(0, 0, 0, .09);
  border-radius: 50%;
  box-sizing: content-box;
}
.content_program .modulo-content {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
  background: #fafafa;
  padding-left: 24px;
}
.content_program .modulo-card.expandido .modulo-content {
  max-height: 500px;
  padding: 0 0 24px 24px;
}
.content_program .modulo_bottom_text {
  font-weight: 700;
  font-size: 16px;
  line-height: 1.5;
  color: #1a1a1a;
  font-family: var(--font-default, "Suisse Intl"), Arial, sans-serif;
}
.content_program .modulo-descricao {
  font-size: 16px;
  line-height: 1.5;
  color: #1a1a1a;
  font-weight: 400;
  font-family: var(--font-default, "Suisse Intl"), Arial, sans-serif;
  margin-bottom: 24px;
}
.content_program .capitulos-lista {
  list-style: none;
  padding: 0;
  margin: 0;
}
.content_program .capitulo-item {
  padding: 8px 0;
  font-size: 16px;
  line-height: 1.5;
  color: #1a1a1a;
  font-weight: 400;
  font-family: var(--font-default, "Suisse Intl"), Arial, sans-serif;
  border-bottom: 1px solid #eee;
}
.content_program .capitulo-item.bullet {
  margin-left: 16px;
  list-style-type: disc;
}
.content_program .capitulo-item:last-child {
  border-bottom: none;
}
@keyframes girarX {
  from { transform: rotate(45deg); }
  to { transform: rotate(0deg); }
}
.content_program .modulo-card:not(.expandido) .toggle-icon {
  animation: girarX 0.3s ease;
}

/* Interactive Platform */
.container_interactive_platform {
  display: flex;
  justify-content: center;
}

.content_interactive_platform {
  display: flex;
  width: 100vw;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  background-color: #fff;
  box-sizing: border-box;
  margin-top: 120px;
  position: relative;
}
.content_interactive_platform::before{
  display: block;
    content: "";
    width: 1093px;
    height: 808px;
    position: absolute;
    left: 18%;
    top: -9%;
background: var(--blush-green, linear-gradient(to bottom right, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) top right / 50% 50% no-repeat);
    opacity: 0.4;
  }
.content_interactive_platform p {
  color: #1a1a1a;
  font-size: 24px;
  font-family: 'YSText', Arial, sans-serif;
  line-height: 1;
  font-weight: 200;
  letter-spacing: -0.2px;
}

.content_interactive_platform .first_block h1 {
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 72/Display */
  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-72, 68px);
  /* 94.444% */
}
/* .content_interactive_platform .dot_block .title h1{
  color: #1a1a1a;
    font-size: 32px;
    font-family: 'YSText', Arial, sans-serif;
    line-height: 1;
    font-weight: 200;
    letter-spacing: -0.2px;
    text-align: left;
} */
.content_interactive_platform .subtitle{
  display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 24px;
}
.content_interactive_platform h2 {
  width: 1034px;
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;

  /* Sans/Header 48/Default */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-48, 48px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-48, 48px);
  /* 100% */
  letter-spacing: -0.48px;
}

.content_interactive_platform .exercises h3 {
  color: var(--text-primary-90, #1A1A1A);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  width: 50%;
  /* Sans/Header 32/Default */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-32, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-32, 32px);
  /* 100% */
  letter-spacing: -0.64px;
}

.content_interactive_platform .first_block span {
  color: #3AA65E;
}

.content_interactive_platform .first_block {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  align-self: stretch;
  z-index: 10;
}

.content_interactive_platform .first_block video {
  width: 1160px;
  height: 530px;
  border-radius: 16px;
  background: #E8E7E4;
  object-fit: contain;
}

.content_interactive_platform .exercise_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  max-width: 1160px;
  gap: 8px;

}

/* .content_interactive_platform .dot_block .talk_with_dot {
  width: 280.041px;
  height: 414.013px;
  aspect-ratio: 280.04/414.01;
  border-radius: 22.518px;
  margin-right: 64px;
} */

.content_interactive_platform .exercise_block .exercises {
  width: 770px;
  height: 530px;
  border-radius: 16px;
  background: var(--background-main-10, #F2F1EE);
  padding: 32px;
  box-sizing: border-box;
}

.content_interactive_platform .exercise_block .exercise_image1 {
  position: absolute;
  top: 33%;
  width: 706px;
  height: 328px;
  border-radius: 8px;
}

.content_interactive_platform .exercise_block .exercise_image2 {
  width: 299px;
  height: 346px;
  position: absolute;
  left: 37%;
    bottom: 28%;
}

.content_interactive_platform .exercise_block .life_access {
  width: 381px;
  height: 530px;
  border-radius: 16px;
  background-image: url(../Imagens/life_access_image.png);
  padding: 32px;
    box-sizing: border-box;
}

.content_interactive_platform .exercise_block .life_access span {
  color: var(--background-white-100, #FFF);
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 32/Default */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-32, 32px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-32, 32px); /* 100% */
letter-spacing: -0.64px;
}

.content_interactive_platform .dot_block {
  padding: 72px 60px 80px 60px;
  box-sizing: border-box;
}

/* .content_interactive_platform .dot_block .body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
} */

/* .content_interactive_platform .dot_block .cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
} */

/* .content_interactive_platform .dot_block .cards .card {
  border-radius: 16px 16px 16px 16px;
  background-color: #ffffff;
  width: 468px;
  height: 120px;
  box-sizing: content-box;
  text-align: left;
  display: flex;
  padding: 0 24px;
  box-sizing: border-box;
  align-items: center;
} */
.content_interactive_platform .dot_block img{
  width: 1160px;
  height: 578px;
  border-radius: 8px;
}
.content_interactive_platform .feedback_block {
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background: #F2F1EE;
  padding: 120px 0 104px 0;
}

.content_interactive_platform .feedback_block h1 {
  width: 853px;
  text-align: center;
  color: var(--text-primary-90, #1A1A1A);
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 72/Display */
font-family: var(--font-display, Gramatika);
font-size: var(--size-header-72, 72px);
font-style: normal;
font-weight: 700;
line-height: var(--line-height-header-72, 68px); /* 94.444% */
}

.content_interactive_platform .feedback_block .carousel-wrapper {
  width: 1096px;
  overflow: hidden;
  position: relative;
}

.content_interactive_platform .feedback_block .cards {
  display: flex;
  gap: 64px;
  transition: transform 0.5s ease-in-out;
}

.content_interactive_platform .feedback_block .cards .card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 1096px;
  min-width: 1096px;
  height: 500px;
  border-radius: 32px;
  background: var(--background-white-100, #FFF);
  flex-shrink: 0;
  overflow: hidden;
}

.content_interactive_platform .feedback_block .cards .card img {
  width: 853px;
  height: 441px;
  object-fit: contain;
  display: block;
}

.arrows {
  display: flex;
  align-items: center;
  gap: 12px;
}

.arrows .arrow {
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.14);
  cursor: pointer;
  transition: background 0.3s ease;
}

.content_interactive_platform .feedback_block .arrows .arrow:hover {
  background: rgba(0, 0, 0, 0.25);
}

.content_interactive_platform .feedback_block .arrows .arrow-right {
  transform: rotate(180deg);
}

/* Real Projects */
.container_real_projects {
  display: flex;
  justify-content: center;
}

.content_real_projects {
  display: flex;
  width: 100vw;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background-color: #F2F1EE;
  padding: 104px 0 120px 0;
}

.content_real_projects h1 {
  width: 60%;
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 72/Display */
  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-72, 68px);
  /* 94.444% */
}

.content_real_projects .carousel-wrapper{
  width: 100vw;
  max-width: 1280px;
  overflow: hidden;
  position: relative;
}

.content_real_projects .cards{
  display: flex;
  gap: 8px;
  transition: transform 0.5s ease-in-out;
}

.content_real_projects .cards .card {
  display: flex;
  width: 1096px;
  max-height: 500px;
  min-width: 1096px;
  padding: 64px 56px 48px 32px;
  align-items: flex-start;
  gap: 40px;
  border-radius: 32px;
  background: var(--background-white-100, #FFF);
  flex-shrink: 0;
  box-sizing: border-box;
}

.content_real_projects .cards .card .image{
  display: flex;
  width: 463px;
  height: 356px;
  padding: 6px 40px;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #FFF;
}

.content_real_projects .cards .card .image img{
  width: 383px;
  height: 344px;
  flex-shrink: 0;
  aspect-ratio: 383/344;
}
.content_real_projects .cards .card .info{
  display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}
.content_real_projects .cards .card .info .tools{
  display: flex;
  width: 497px;
  align-items: flex-end;
  align-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
}

.content_real_projects .cards .card .info .tools .tool{
  display: flex;
  padding: 8px 20px 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  background: var(--Background-secondary, #F2F1EE);
}
.content_real_projects .cards .card .info .tools .tool p{
  color: var(--Black-90, var(--black-90, #1A1A1A));
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 24/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px); /* 116.667% */
letter-spacing: -0.48px;
}
.content_real_projects .text{
  display: flex;
  width: 489px;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}

.content_real_projects .text h2{
  color: var(--text-primary-90, #1A1A1A);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 32/Default */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-32, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-32, 32px); /* 100% */
  letter-spacing: -0.64px;
  align-self: stretch;
}

.content_real_projects .text p{
  color: var(--text-primary-90, #1A1A1A);
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 24/Regular */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--line-height-header-24, 28px); /* 116.667% */
}

.content_real_projects .arrows{
  display: flex;
  align-items: center;
  gap: 12px;
}

.content_real_projects .arrows .arrow{
  display: flex;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 16px;
  background: rgba(0, 0, 0, 0.14);
  cursor: pointer;
  transition: background 0.3s ease;
}

.content_real_projects .arrows .arrow:hover{
  background: rgba(0, 0, 0, 0.25);
}

.content_real_projects .arrows .arrow-right, .content_study_investment .arrows .arrow-right{
  transform: rotate(180deg);
}

/* Specialists */
.container_specialists{
  display: flex;
  justify-content: center;
}
.content_specialists{
  display: flex;
  width: 100vw;
  padding: 80px 60px 120px 60px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 32px;
  background: var(--background-main-10, #F2F1EE);
}
.content_specialists h1{
  width: 870px;
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  /* Sans/Header 40/Default */
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-40, 40px);
  font-style: normal;
  font-weight: 500;
  line-height: 42px; /* 105% */
  letter-spacing: -0.8px;
}
.content_specialists .image{
  background-image: url(../Imagens/main_image_specialists.png);
  position: relative;
  width: 845px;
  height: 530px;
}
.content_specialists .balloon{
  position: absolute;
  display: inline-flex;
  padding: 20px 24px;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  height: 120px;
}
.content_specialists .balloon img{
  width: 120px;
  height: 120px;
  border-radius: 16px 0 0 16px;
}

.content_specialists .balloon p{
color: var(--text-primary-90, #1A1A1A);
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 24/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px); /* 116.667% */
  background: var(--color-palette-purple-pale);
  padding: 16px 40px 32px 20px;
  height: 120px;
  box-sizing: border-box;
  border-radius: 0 16px 16px 0;
}
.content_specialists .left .balloon{
  height: 120px;
}
.content_specialists .left .balloon.one{
      top: 9%;
    right: 57%;
}
.content_specialists .left .balloon.one p{
    width: 292px;
}

.content_specialists .left .balloon.two{
  top: 57%;
  left: -13%;
}
.content_specialists .left .balloon.two p{
  width: 301px;
}
.content_specialists .left .balloon.three{
  top: 75%;
  right: 66%;
}
.content_specialists .left .balloon.three p{
  width: 301px;
}
.content_specialists .right .balloon.one{
  top: 16%;
  left: 67%;
}
.content_specialists .right .balloon.one p{
    width: 281px;
}
.content_specialists .right .balloon.two{
  top: 61%;
    left: 61%;
}
.content_specialists .right .balloon.two p{
  width: 312px;
}
.content_specialists .right .balloon.three{
  top: 70%;
  left: 54%;
}
.content_specialists .right .balloon.three p{
  width: 405px;
}

/* Balloon Sequential Animation */
.content_specialists .balloon {
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}

.content_specialists .balloon.animate {
  opacity: 1;
  transform: scale(1);
}

/* Study Investment */
.container_study_investment{
  display: flex;
  justify-content: center;
  padding: 208px 0 120px 0;
  background-color: #F2F1EE;
}
.content_study_investment{
  display: flex;
  width: 100vw;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  background-color: #F2F1EE;
}
.content_study_investment .carousel-wrapper{
  width: 100vw;
  max-width: 1280px;
  overflow: hidden;
  position: relative;
}
.content_study_investment .cards{
  display: flex;
  gap: 8px;
  transition: transform 0.5s ease-in-out;
}
.content_study_investment .cards .card{
  display: flex;
  width: 1096px;
  max-height: 500px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
  box-sizing: border-box;
  background-color: #fff;
  border-radius: 32px;
  position: relative;
}
.content_study_investment .cards .card.one::before{
  display: block;
  content: "";
  width: 719px;
    height: 540px;
  background: var(--blush-green, linear-gradient(to bottom right, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) bottom right / 50% 50% no-repeat, linear-gradient(to bottom left, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) bottom left / 50% 50% no-repeat, linear-gradient(to top left, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) top left / 50% 50% no-repeat, linear-gradient(to top right, var(--color-palette-green-light) 6%, rgba(255, 255, 255, 0.00) 50%) top right / 50% 50% no-repeat);
      opacity: 0.3;
    position: absolute;
    left: 84%;
}
.content_study_investment .cards .card img{
  width: 1096px;
  height: 500px;
}
.content_study_investment h1{
  color: var(--text-primary-90, #1A1A1A);
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-display, Gramatika);
  font-size: 216px;
  font-style: normal;
  font-weight: 700;
  line-height: 216px; /* 100% */
  z-index: 100;
}
.content_study_investment h2{
  width: 1096px;
  color: #1E1E1E;
  text-align: center;
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-72, 68px); 
}
.content_study_investment p{
  color: var(--text-primary-90, #1A1A1A);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 24/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px); /* 116.667% */
z-index: 100;
}

/* Professional Profile */
.container_professional_profile{
  display: flex;
  justify-content: center;
}
.content_professional_profile{
  display: flex;
  width: 100vw;
  padding: 72px 166px 112px 166px;
  flex-direction: column;
  align-items: center;
  gap: 72px;
  background-color: #F2F1EE;
}
.content_professional_profile h1{
  width: 65%;
  color: var(--text-primary-90, #1A1A1A);
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 72/Display */
font-family: var(--font-display, Gramatika);
font-size: var(--size-header-72, 72px);
font-style: normal;
font-weight: 700;
line-height: var(--line-height-header-72, 68px); /* 94.444% */
}
.content_professional_profile .green_text{
  color: #3AA65E;
}
.content_professional_profile .cards{
  display: flex;
  width: 845px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.content_professional_profile .cards .card{
  display: flex;
  padding: 40px 16px 72px 16px;
  flex-direction: column;
  align-items: center;
  gap: 32px;
  align-self: stretch;
  border-radius: 32px;
background: #FFF;
}
.content_professional_profile .cards .card.green{
  background-color: #B8E9C8;
}
.content_professional_profile .cards .card .body{
  display: flex;
flex-direction: column;
align-items: center;
gap: 24px;
}
.content_professional_profile .cards .card .body .image{
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.content_professional_profile .cards .card.one img{
  width: 73px;
  height: 72px;
}
.content_professional_profile .cards .card.two img{
  width: unset;
  height: unset;
}
.content_professional_profile .cards .card span{
  width: 544px;
  color: var(--text-tertiary-40-a, rgba(0, 0, 0, 0.35));
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off, 'clig' off;

font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-32, 32px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-32, 32px); 
letter-spacing: -0.64px;
}
.content_professional_profile .cards .card h2{
  width: 605px;
  color: var(--text-primary-90, #1A1A1A);
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;

/* Sans/Header 48/Default */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-48, 48px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-48, 48px); /* 100% */
letter-spacing: -0.48px;
}
.content_professional_profile .cards .card p{
  width: 605px;
  color: var(--text-primary-90, #1A1A1A);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 24/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px); /* 116.667% */
}

/* Journey */
.container_journey{
  display: flex;
  justify-content: center;
}
.content_journey{
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background: var(--background-main-10, #F2F1EE);
  width: 100vw;
  height: 780px;
}
.content_journey .title{
  display: flex;
  justify-content: flex-start;
  width: 1160px;
  position: relative;
  top: 12%;
}
.content_journey h1{
  width: 668px;
  color: var(--text-primary-90, #1A1A1A);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-72, 72px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-72, 68px); 
}
.content_journey .cards{
  display: inline-flex;
  align-items: flex-end;
  gap: 8px;
  max-width: 1160px;
}
.content_journey .cards .card{
  display: flex;
  flex-direction: column;
}
.content_journey .cards .card .head{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding-left: 16px;
}
.content_journey .cards .card .head h2{
  color: var(--text-primary-90, #1A1A1A);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-32, 32px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-32, 32px);
  letter-spacing: -0.64px;
}
.content_journey .cards .card .conector{
  position: relative;
  left: 8%;
}
.content_journey .cards .card .body{
  display: flex;
  width: 226px;
  padding: 20px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 4px;
  border-radius: 16px;
  background: #FFF;
  box-sizing: border-box;
}
.content_journey .cards .card .body p{
  width: 182px;
  color: var(--text-primary-90, #1A1A1A);
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-32, 32px);
}
.content_journey .cards .card.two .body{
  height: 312px;
}
.content_journey .cards .card.three .body{
  height: 346px;
  background-color: #BFA4FF;
}
.content_journey .cards .card.four .body{
  height: 413px;
}
.content_journey .cards .card.five .body{
  height: 496px;
}

/* Payment Box */
.container_payment_box{
  display: flex;
  justify-content: center; 
}
.content_payment_box{
  display: flex;
  width: 100vw;
  padding: 140px 164px;
  flex-direction: column;
  align-items: center;
  gap: 160px;
  background: var(--background-main-10, #F2F1EE);
}
.content_payment_box .black_block{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 952px;
height: 464px;
border-radius: 12px 12px 80px 12px;
background: var(--color-palette-black-90);
}
.content_payment_box .black_block .white_block{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  margin: 16px;
  padding: 32px 0 40px 40px;
  box-sizing: border-box;
  border-radius: 12px 12px 80px 12px;
  background: #FFFFFF;
  width: 499px;
  height: 432px;
}
.content_payment_box .black_block .white_block .text{
  display: flex;
  align-items: flex-end;
  gap: 2px;
  text-align: left;
}
.content_payment_box .black_block .white_block p{
  width: 244px;
  color: #1A1A1A;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 24/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px); /* 116.667% */
}
.content_payment_box .black_block .white_block .text img{
  width: 24px;
  height: 24px;
}
.content_payment_box .black_block .white_block .payment{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 13px;
}
.content_payment_box .value{
  display: flex;
  align-items: flex-end;
  gap: 4px;
}
.content_payment_box h1{
  color: var(--color-palette-purple-normal);
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 56/Display */
font-family: var(--font-display, Gramatika);
font-size: var(--size-header-56, 56px);
font-style: normal;
font-weight: 700;
line-height: var(--line-height-header-56, 56px); /* 100% */
}
.content_payment_box h1::after{
  display: block;
  content: "";
  width: 332px;
    height: 1px;
    background-color: #E3E1DE;
    position: absolute;
  margin-top: 20px;
}
.content_payment_box h2{
  color: var(--color-palette-purple-normal);
font-feature-settings: 'liga' off, 'clig' off;
font-family: "Suisse Intl";
font-size: var(--size-body-16, 16px);
font-style: normal;
font-weight: 400;
line-height: var(--line-height-body-16-paragraph, 22px); /* 137.5% */
}
.content_payment_box .black_side{
  display: flex;
  flex-direction: column-reverse;
  gap: 21px;
  padding: 0 0 56px 32px;
}
.content_payment_box .black_side .value h1, .content_payment_box .black_side .value h2{
  color: var(--color-palette-purple-light);;
}
/* Promo */
.container_promo{
  display: flex;
  justify-content: center;
}
.content_promo{
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100vw;
  padding: 160px 164px;
  align-items: center;
  gap: 24px;
  background: var(--background-main-10, #F2F1EE);
}
.content_promo .banner{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 16px;
  box-sizing: border-box;
  background-color: #1a1a1a;
  width: 920px;
  position: relative;
}
.content_promo .banner .title{
  width: 616px;
  z-index: 10;
}
.content_promo .banner .title h1{
  color: #ffffff;
    font-size: 24px;
    font-family: 'YSText', Arial, sans-serif;
    line-height: 1;
    font-weight: 200;
}
.content_promo .banner .title span{
  color: rgb(255, 168, 0);
}
.content_promo .banner .subtitle p{
  color: #ffffff;
  font-size: 20px;
  font-family: 'YSText', Arial, sans-serif;
  line-height: 1;
  font-weight: 200;
}
.content_promo .banner .image{
  position: absolute;
    left: 53%;
    bottom: -8%;
  background-image: url(../Imagens/bf_fire_image_sales_professions.png);
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  width: 450px;
  height: 200px;
}
.content_promo .banner .image img{
  width: 226px;
  height: 67px;
  position: absolute;
    top: 60%;
    left: 37%;
    z-index: 1;
}
.content_promo .payment_box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 952px;
  background-color: #1a1a1a;
    border-radius: 12px 12px 12px 12px;
}
.content_promo .payment_box h2{
color: #1a1a1a;
    font-size: 29px;
    font-family: 'YSText', Arial, sans-serif;
    line-height: 1;
    font-weight: 600;
}
.content_promo .payment_box .yellow_tag{
  display: flex;
transform: rotate(-4.071deg);
padding: 16px 24px;
justify-content: center;
align-items: center;
border-radius: 12px;
background: var(--Background-purple, #BFA4FF);
box-shadow: 0 0 12px 0 var(--Text-Highlights-Headlines-purple, #A27AFF);
width: fit-content;
margin-left: 36px;
}
.content_promo .payment_box .payment{
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  border-radius: 12px 12px 72px 12px;
  background-color: #ffffff;
  width: 499px;
  height: 432px;
  padding: 24px 32px;
  box-sizing: border-box;
  margin: 16px;
  gap: 94px;
}
.content_promo .payment_box .payment .top{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.content_promo .payment_box .payment .min_monthly_payment{
  display: flex;
  gap: 4px;
  align-items: center;
  justify-content: center;
  padding: 8px;
  box-sizing: border-box;
  border-radius: 8px 8px 8px 8px;
    background-color: #f2f1ee;
}
.content_promo .payment_box .payment .min_monthly_payment img{
  width: 24px;
  height: 24px;
}
.content_promo .payment_box .payment p{
  color: #1a1a1a;
  font-size: 20px;
  font-family: 'YSText', Arial, sans-serif;
  line-height: 1.2;
  font-weight: 200;
}
.content_promo .payment_box .payment .value{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}
.content_promo .payment_box .payment .value h3::after{
  display: block;
  content: "";
  width: 397px;
height: 1px;
background: var(--color-palette-black-20);
}
.content_promo .payment_box .payment .value h3 {
  color: var(--color-palette-purple-normal);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;

  font-family: var(--font-display, Gramatika);
  font-size: var(--size-header-56, 56px);
  font-style: normal;
  font-weight: 700;
  line-height: var(--line-height-header-56, 56px);
}
.content_promo .payment_box .payment .value .parcela{
  font-size: 16px;
    font-weight: 400;
    line-height: 22px;
}
.content_promo .payment_box .payment .sponsor{
color: #000000;
    font-size: 16px;
    font-family: 'YSText', Arial, sans-serif;
    line-height: 1.35;
    font-weight: 100;
}

/* Devolution */
.container_devolution{
  display: flex;
  justify-content: center;
  background: #1A1A1A;
  position: relative;
  overflow: hidden;
  height: 750px;
}
.content_devolution{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 1160px;
  height: 100%;
  gap: 48px;
  position: relative;
  z-index: 1;
}
.content_devolution h1{
  color: var(--text-white-primary-100, #FFF);
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off, 'clig' off;
font-family: var(--font-display, Gramatika);
font-size: 256px;
font-style: normal;
font-weight: 700;
line-height: 256px; /* 100% */
}
.content_devolution h2{
  color: var(--text-white-primary-100, #FFF);
text-align: center;
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'dlig' on, 'liga' off, 'clig' off;

/* Sans/Header 48/Default */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-48, 48px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-48, 48px); /* 100% */
letter-spacing: -0.48px;
}
.content_devolution h3{
  color: #ffffff;
    font-size: 48px;
    font-family: 'YSText', Arial, sans-serif;
    line-height: 1;
    font-weight: 200;
}
.content_devolution p{
  width: 56%;
  color: var(--text-white-primary-100, #FFF);
text-align: center;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 24/Medium */
font-family: var(--font-default, "Suisse Intl");
font-size: var(--size-header-24, 24px);
font-style: normal;
font-weight: 500;
line-height: var(--line-height-header-24, 28px); /* 116.667% */
}
.container_devolution .holofote {
  display: block;
  position: absolute;
  pointer-events: none;
  mix-blend-mode: overlay;
  filter: blur(12px);
  z-index: 0;
}
.container_devolution .holofote.left {
  width: 1155.738px;
  height: 579.479px;
  transform: rotate(71deg);
  background: linear-gradient(270deg, #737373 0%, var(--color-palette-purple-pale) 99.98%);
  right: 50%;
  top: 15%;
}
.container_devolution .holofote.right {
  width: 1275.948px;
  height: 639.751px;
  transform: rotate(115deg);
  background: linear-gradient(267deg, #737373 2.55%, var(--color-palette-purple-pale) 109.94%);
  left: 43%;
  top: 15%;
}
.container_devolution .confetti-canvas {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 2;
}
.content_devolution .title{
  display: flex;
  width: 622px;
  flex-direction: column;
  align-items: center;
}
.content_devolution .title .top{
  display: flex;
  flex-direction: column;
  gap: 24px;
}

/* Gift */
.container_gift{
  display: flex;
  justify-content: center;  
}
.content_gift{
  display: flex;
  width: 100vw;
  padding: 160px 164px;
  flex-direction: column;
  align-items: center;
  gap: 35px;
  background: var(--background-main-10, #F2F1EE);
}
.content_gift .head{
  display: flex;
  height: 140px;
  padding: 32px 64px;
  align-items: flex-start;
  gap: 10px;
  width: 952px;
    box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 32px;
background: var(--color-palette-white-100);
}
.content_gift .head h1{
  color: var(--color-palette-black-90);
font-variant-numeric: lining-nums proportional-nums;
font-feature-settings: 'liga' off, 'clig' off;

/* Sans/Header 88/Display */
font-family: var(--font-display, Gramatika);
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: var(--line-height-header-88, 84px); /* 95.455% */
}
.content_gift .body{
  display: flex;
  padding: 41px 175px 61.493px 64px;
  flex-direction: column;
  align-items: flex-start;
  gap: 120px;
  border-radius: 32px;
  background: var(--color-palette-white-100);
  position: relative;
  box-sizing: border-box;
  width: 952px;
}
.content_gift .body h2{
  color: var(--color-palette-black-90);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: "Suisse Intl";
  font-size: 32px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px; /* 125% */
  letter-spacing: -0.64px;
}
.content_gift .body .text{
  width: 713px;
}
.content_gift .body .mentor{
  display: flex;
width: 175.507px;
flex-direction: column;
align-items: flex-start;
gap: 16px;
}
.content_gift .body .mentor h3{
  color: var(--Black-90, var(--black-90, #1A1A1A));
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-default, "Suisse Intl");
  font-size: var(--size-header-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: var(--line-height-header-24, 28px);
  letter-spacing: -0.48px;
}
.content_gift .body .mentor img{
  width: 175.507px;
  height: 175.507px;
  border-radius: 27px;
}
.content_gift .body p{
  color: var(--color-palette-black-90);
  font-variant-numeric: lining-nums proportional-nums;
  font-feature-settings: 'liga' off, 'clig' off;
  font-family: var(--font-default, "Suisse Intl");
  font-size: 20.37px;
  font-style: normal;
  font-weight: 500;
  line-height: 26.19px;
}
.content_gift .body .balloon{
  position: absolute;
      width: 305px;
  height: 72px;
  top: 50%;
  left: 50%;

}
.content_gift .body .balloon .thingy{
  position: absolute;
  left: 5%;
  bottom: 99%;
}
.content_gift .body .balloon .lightning{
  width: 23.28px;
height: 23.28px;
aspect-ratio: 1/1;
}
.content_gift .body .balloon .body{
  position: absolute;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  width: fit-content;
  max-width: 407.407px;
  padding: var(--spacing-12) var(--spacing-16) var(--spacing-12) var(--16, 23.28px);
  align-items: flex-start;
  gap: 5.82px;
  border-radius: var(--8, 11.64px);
background: var(--Background-purple, #BFA4FF);
}
