@font-face {
  font-family: "NestleText-Bold";
  src: url('../assets/fonts/NestleText-Bold.otf');
  font-display: swap;
}

@font-face {
  font-family: "NestleText-Book";
  src: url('../assets/fonts/NestleText-Book.otf');
  font-display: swap;
}

:root {
  --white: #FFFFFF;
  --light-blue: #00A0DF;
  --dark-blue: #0065A1;
  --black: #000;

  --body-max: 24px;
  --body: 18px;
  --body-min: 14px;
  --title: 40px;
  --subtitle: 40px;
  --detail: 12px;
  --cta: 16px;

  --regular: "NestleText-Book";
  --bold: "NestleText-Bold";

  --external-container-max: calc(100% - 80px);
  --internal-container-max: 1232px;
  --item-space-p: 20px;
  --item-space-m: 40px;
  --item-space-g: 40px;

  --section-padding-bottom: 200px;
  --button-space: 20px 30px;

  --radius-p: 10px;
  --radius-m: 20px;
  --radius-g: 30px;
  --radius-gg: 40px;

  --transition-medium: all 0.5s ease;
  --transition-fast: all 0.3s ease;
}

*,
*::before,
*::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

*::before,
*::after {
  display: block;
}

html,
body {
  font-weight: 400;
  scroll-behavior: smooth;
  color: var(--white);
  background-color: var(--light-blue);
  line-height: 1.5em;
  font-size: var(--body);
  font-family: var(--regular);
}

html,
body {
  height: 100%;
  overflow: hidden;
}

body {
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
}

a {
  display: block;
  text-decoration: none;
  color: inherit;
}

ul {
  list-style: none;
}

h2 {
  font-size: var(--subtitle);
  font-family: var(--bold);
  font-weight: normal;
  margin-bottom: var(--item-space-p);
  line-height: 1.2em;
}

.desktop-only {
  display: block;
}

.mobile-only {
  display: none;
}

.button-trainee {
  padding: var(--button-space);
  background-color: var(--white);
  color: var(--light-blue);
  font-size: var(--cta);
  outline: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 30px;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 10px;
  border: 2px solid var(--white);
  transition: var(--transition-fast);
  cursor: pointer;
  width: fit-content;
  text-transform: uppercase;
  font-family: var(--bold);
  font-weight: normal;
}

.button-trainee:hover {
  background-color: var(--dark-blue);
  color: var(--white);
  border-color: var(--dark-blue);
}

.button-trainee.outline {
  background-color: transparent;
  border-color: var(--light-blue);
}

.button-trainee.outline:hover {
  background-color: var(--light-blue);
  color: var(--white);
}

.trainee-links {
  text-transform: uppercase;
  font-size: var(--cta);
  transition: var(--transition-fast);
  cursor: pointer;
  font-family: var(--bold);
  font-weight: normal;
  width: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.trainee-links.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
}

.trainee-links:hover {
  color: var(--dark-blue);
}

.trainee-links:after {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url('../assets/images/icones/arrow-down.svg');
  background-repeat: no-repeat;
  transition: var(--transition-fast);
  flex-shrink: 0;
  background-size: contain;
}

.trainee-links:hover:after {
  background-image: url('../assets/images/icones/arrow-down-dark-blue.svg');
}

.glass {
  position: relative;
  overflow: hidden;
  background: linear-gradient(180deg,
      rgba(255, 255, 255, .12) 0%,
      rgba(255, 255, 255, .08) 100%);

  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  border: 1px solid rgba(255, 255, 255, .18);

  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .22),
    0 6px 20px rgba(0, 0, 0, .06);
}

.glass::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(to bottom,
      rgba(255, 255, 255, .18),
      rgba(255, 255, 255, 0) 45%);
  pointer-events: none;
}

header.trainee-header {
  max-width: min(var(--internal-container-max), var(--external-container-max));
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: fixed;
  top: 20px;
  width: 100%;
  padding: 10px 20px 10px 10px;
  left: 50%;
  transform: translateX(-50%);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  z-index: 10;
  border: 1px solid transparent;
  transition:
    background 0.5s ease,
    backdrop-filter 0.5s ease,
    border-color 0.5s ease,
    box-shadow 0.5s ease;
}

.trainee-header>a img {
  width: 160px;
  height: auto;
  transition: var(--transition-medium);
}

.trainee-header>a {
  line-height: 0;
  flex-shrink: 0;
}

.trainee-header.is-compact>a img {
  width: 118px;
}

.trainee-header ul {
  display: flex;
  gap: 10px;
}

.trainee-header ul a {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  font-size: var(--body-min);
  padding: 5px 10px;
  background-color: #FFFFFF33;
  border-radius: 100px;
  transition: var(--transition-fast);
}

.trainee-header ul a.active,
.trainee-header ul a:hover {
  background-color: var(--white);
  color: var(--dark-blue);
}

.trainee-header a.more-menu:after {
  content: '';
  background-image: url('../assets/images/icones/more_white.svg');
  opacity: 0.4;
  width: 10px;
  height: 10px;
  background-repeat: no-repeat;
  background-size: cover;
  transition: var(--transition-fast);
}

.trainee-header a.active.more-menu:after,
.trainee-header a:hover.more-menu:after,
.trainee-header a.active.more-menu:after {
  background-image: url('../assets/images/icones/more_dark_blue.svg');
  opacity: 1;
}

header.trainee-header.glass {
  overflow: visible;
}

header.trainee-header.glass::before {
  border-radius: inherit;
}

.trainee-header nav > ul > li {
    position: relative;
  }

  .trainee-header nav > ul > li.is-submenu-open > .more-menu {
    background-color: var(--white);
    color: var(--dark-blue);
  }

  .trainee-header nav > ul > li.is-submenu-open > .more-menu::after {
    background-image: url('../assets/images/icones/more_dark_blue.svg');
    opacity: 1;
    transform: rotate(45deg);
  }

  .trainee-header .submenus {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 20px;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 2;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-5px);
    border-radius: 15px;
    background-color: var(--white);
    transition:
      opacity 0.2s ease,
      transform 0.2s ease,
      visibility 0s linear 0.2s;
  }

  .trainee-header li.is-submenu-open > .submenus {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0s;
  }

  .trainee-header .submenus a,
  .trainee-header .submenus a:hover,
  .trainee-header .submenus a.active {
    justify-content: flex-start;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: var(--dark-blue);
    font-size: 14px;
    white-space: nowrap;
  }

  .trainee-header .submenus a:hover {
    text-decoration: underline;
  }

  .trainee-header .submenus a.active {
    opacity: 0.4;
  }

.fixed-banner {
  padding: 40px;
  background-color: var(--light-blue);
  width: 100%;
  position: relative;
  z-index: 20;
  transition: var(--transition-fast);
}

.fixed-banner.scrolled-banner {
  padding: 20px 0px;
}

.container-fixed-banner {
  display: flex;
  justify-content: space-between;
  margin: 0px auto;
  max-width: min(var(--internal-container-max), var(--external-container-max));
  width: 100%;
  will-change: width;
}

.container-fixed-banner>div {
  display: flex;
  align-items: center;
  gap: 40px;
}

.container-fixed-banner>p {
  max-width: 50%;
  font-size: var(--body-min);
}

.container-fixed-banner>p strong {
  font-family: var(--bold);
  font-weight: normal;
}

.container-fixed-banner a {
  font-size: var(--body-min);
}

.container-fixed-banner .trainee-links:after {
  width: 20px;
  height: 20px;
}

.container-fixed-banner .button-trainee  {
  padding: 15px 20px
}

.trainee-scroll {
  min-height: 0;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  scroll-behavior: smooth;
  background-color: inherit;
}

.trainee-scroll::before {
  content: "";
  width: 100%;
  height: var(--panel-top, 0px);
  margin-bottom: calc(0px - var(--panel-top, 0px));
  position: sticky;
  top: 0;
  z-index: 9;
  background-color: inherit;
  pointer-events: none;
}


@media (min-width: 1025px) {
  .trainee-scroll::-webkit-scrollbar {
    width: 10px;
  }

  .trainee-scroll::-webkit-scrollbar-track {
    background: var(--light-blue);
  }

  .trainee-scroll::-webkit-scrollbar-thumb {
    background: #FFFFFF33;
    border-radius: 999px;
  }

  .trainee-scroll::-webkit-scrollbar-thumb:hover,
  .trainee-scroll::-webkit-scrollbar-thumb:active {
    background: #FFFFFF;
  }
}

.trainee-scroll-track {
  width: 100%;
  min-height: 100%;
}

.panel-corner-masks {
  position: fixed;
  inset: 0;
  z-index: 9;
  pointer-events: none;
}

.panel-corner {
  position: absolute;
  background-color: var(--light-blue);
}

.panel-corner-top-left,
.panel-corner-top-right {
  top: var(--panel-mask-top, 0px);
  width: var(--panel-mask-top-radius, 0px);
  height: var(--panel-mask-top-radius, 0px);
}

.panel-corner-top-left {
  left: var(--panel-mask-left, 0px);
  -webkit-mask: radial-gradient(
    circle at 100% 100%,
    transparent calc(var(--panel-mask-top-radius, 0px) - 0.5px),
    #000 var(--panel-mask-top-radius, 0px)
  );
  mask: radial-gradient(
    circle at 100% 100%,
    transparent calc(var(--panel-mask-top-radius, 0px) - 0.5px),
    #000 var(--panel-mask-top-radius, 0px)
  );
}

.panel-corner-top-right {
  right: var(--panel-mask-right, 0px);
  -webkit-mask: radial-gradient(
    circle at 0 100%,
    transparent calc(var(--panel-mask-top-radius, 0px) - 0.5px),
    #000 var(--panel-mask-top-radius, 0px)
  );
  mask: radial-gradient(
    circle at 0 100%,
    transparent calc(var(--panel-mask-top-radius, 0px) - 0.5px),
    #000 var(--panel-mask-top-radius, 0px)
  );
}

.panel-corner-bottom-left,
.panel-corner-bottom-right {
  bottom: var(--panel-mask-bottom, 0px);
  width: 20px;
  height: 20px;
}

.panel-corner-bottom-left {
  left: var(--panel-mask-left, 0px);
  -webkit-mask: radial-gradient(circle at 100% 0, transparent 19.5px, #000 20px);
  mask: radial-gradient(circle at 100% 0, transparent 19.5px, #000 20px);
}

.panel-corner-bottom-right {
  right: var(--panel-mask-right, 0px);
  -webkit-mask: radial-gradient(circle at 0 0, transparent 19.5px, #000 20px);
  mask: radial-gradient(circle at 0 0, transparent 19.5px, #000 20px);
}

@media (max-width: 1024px) {
  .panel-corner-masks {
    display: none;
  }
}

.trainee-main {
  min-height: 0;
  margin: 0 auto;
  position: relative;
  isolation: isolate;
  will-change: width;
}

.trainee-panel-background {
  width: 100%;
  position: sticky;
  top: 0;
  z-index: -1;
  overflow: hidden;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  background-image: url('../assets/images/bg-main.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  pointer-events: none;
  will-change: height, top, border-radius;
}

.trainee-main-content {
  width: 100%;
  position: relative;
}

.trainee-hero {
  height: var(--panel-viewport-height, 100vh);
  min-height: var(--panel-viewport-height, 100vh);
  position: relative;
  overflow: hidden;
}

.trainee-hero-content {
  width: var(--internal-container-max);
  height: 100%;
  margin: 0 auto;
  position: relative;
}

.trainee-hero-person {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 48%;
  height: 76%;
  width: auto;
  transform: translateX(-50%);
}

.trainee-hero-path {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 55%;
  height: calc(100% - 48px);
  width: auto;
  transform: translateX(-50%);
}

.trainee-hero-logo,
.trainee-hero-title {
  position: absolute;
  z-index: 3;
  width: 390px;
  height: auto;
}

.trainee-hero-logo {
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.trainee-hero-title {
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.container-tag {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.tag {
  width: fit-content;
  line-height: 1em;
  padding: 9px 20px;
  border-radius: 50px;
}

.tag-legend {
  font-size: var(--detail);
}

.trainee-hero-content .tag-legend {
  font-size: var(--body-min);
}

.trainee-hero .container-tag {
  position: absolute;
  z-index: 4;
  left: 35%;
  bottom: 8%;
}

.trainee-hero .container-tag .tag {
  padding: 9px 12.5px;
}

.container-internal-content {
  max-width: var(--internal-container-max);
  margin: 0px auto;
}

/* Segunda seção */

.second-section {
  padding-top: 140px;
}

.second-section h2 {
  text-align: center;
}

.second-section p {
  max-width: 915px;
  text-align: center;
  margin: 0px auto;
}

.video-wrapper {
  width: 850px;
  height: 480px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: var(--radius-gg);
  margin-bottom: var(--item-space-m);
  background-color: var(--light-blue);
}

.video-wrapper iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Terceira seção */

.container-footer,
.section-quiz,
.section-faq,
.section-masterclass,
.section-invite-nestle,
.section-steps,
.section-all-access,
.section-talk,
.section-ranking-best-place,
.section-big-numbers,
.section-areas,
.section-requisites,
.section-journey,
.section-culture,
.section-the-program,
.section-brands {
  padding-top: var(--section-padding-bottom);
}

.section-brands h2 {
  text-align: center;
  margin-bottom: var(--item-space-p);
}

.section-brands p {
  text-align: center;
  margin-bottom: var(--item-space-m);
}

.brand-card {
  width: 278px;
  height: 278px;
  border-radius: var(--radius-m);
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.brand-card.nescau {
  background-color: #d90000;
}

.brand-card.moca {
  background-color: #003287;
}

.brand-card.kitkat {
  background-color: #ba2025;
}

.brand-card.ninho {
  background-color: #FAD324;
}

.brand-card.professional {
  background-color:  #512417;
}

.brand-card.purina {
  background-color: #242122;
}

.brand-card.maggi {
  background-color: #E70023;
}

.brand-card img {
  flex-shrink: 0;
  padding-top: 20px;
  height: calc(100% - var(--item-space-g) - var(--item-space-g));
  width: calc(100% - var(--item-space-g) - var(--item-space-g));
  object-fit: contain;
}

.tag.brand-sponsor {
  position: absolute;
  top: 13px;
}

.carousel-brands {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.brand-purina{
  width: 198px;
  height: auto;
}

/* O programa */

.container-about-program {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  max-width: var(--internal-container-max);
  margin: 0px auto;
  gap: var(--item-space-m);
}

.container-about-program:last-of-type {
  padding-top: var(--section-padding-bottom);
}

.container-about-program:last-child>.container-about-infos {
  order: 2;
  justify-self: end;
}

.container-about-program:last-child>.container-people {
  order: 1;
}

.container-about-program .container-about-infos {
  max-width: 560px;
}

h2.arrow-diagonal {
  margin-bottom: var(--item-space-p);
  display: flex;
  justify-content: start;
  align-items: center;
  gap: 20px;
}

h2.arrow-diagonal::before {
  content: "";
  width: 24px;
  height: 24px;
  background-image: url('../assets/images/icones/arrow-diagonal.svg');
  background-repeat: no-repeat;
  transition: var(--transition-fast);
  flex-shrink: 0;
  background-size: contain;
}

.container-about-program .container-about-infos h3 {
  font-size: var(--body-max);
  margin-bottom: var(--item-space-p);
  font-weight: normal;
  font-family: var(--bold);
}

.container-people {
  height: 335px;
  border-radius: var(--radius-gg);
  position: relative;
  align-self: end;
}

.container-people>img {
  width: auto;
  height: calc(100% + 30px);
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateX(-50%);
}

.container-people .container-tag {
  position: absolute;
  left: 40px;
  bottom: 40px;
  z-index: 2;
}

.requisites.glass .container-tag,
.container-about-program:last-child>.container-people .container-tag {
  left: auto;
  right: 40px;
  bottom: 40px;
  align-items: end;
}

.area-card.glass,
.requisites.glass,
.container-about-program .glass {
  overflow: visible;
}

.area-card.glass::before,
.requisites.glass::before,
.container-about-program .glass::before {
  border-radius: var(--radius-gg);
}

/* Cultura */

.section-culture {
  max-width: var(--internal-container-max);
  margin: 0px auto;
  text-align: center;
}

.section-culture h2.arrow-diagonal {
  justify-content: center;
}

.section-culture p {
  margin-bottom: var(--item-space-m);
}

.container-pillars-culture {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--item-space-m);
}

.culture-card {
  position: relative;
  aspect-ratio: 278 / 250;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: start;
  padding: 40px 30px 25px 30px;
  border: 0;
  -webkit-mask-image: url('../assets/images/hexagono.svg');
  mask-image: url('../assets/images/hexagono.svg');
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
}

.culture-card::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: url('../assets/images/hexagono-borda.svg') center / 100% 100% no-repeat;
}

.culture-card h3 {
  position: relative;
  z-index: 2;
  font-size: var(--body-max);
  margin-bottom: var(--item-space-p);
  font-weight: normal;
  font-family: var(--bold);
}

.culture-card p {
  position: relative;
  z-index: 2;
  font-size: var(--body-min);
  margin-bottom: 0px;
}

/* Jornada */

.section-journey {
  width: 100%;
  max-width: none;
  margin: 0px auto;
  overflow: hidden;
}

.section-journey>h2,
.section-journey>p {
  width: var(--internal-container-max);
  margin-left: auto;
  margin-right: auto;
}

.section-journey p {
  margin-bottom: var(--item-space-m);
}

.journey-card {
  background-color: var(--white);
  padding: var(--item-space-m);
  color: var(--dark-blue);
  border-radius: var(--radius-g)
}

.journey-step-number {
  width: 71px;
  height: 71px;
  position: relative;
  background-color: var(--light-blue);
  border-radius: var(--radius-m);
  margin-bottom: var(--item-space-p);
}

.journey-step-number span {
  font-family: var(--bold);
  font-weight: normal;
  font-size: var(--body-max);
  color: var(--white);
  line-height: 1em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.journey-card h3 {
  font-family: var(--bold);
  font-weight: normal;
  font-size: var(--body-max);
  margin-bottom: var(--item-space-p);
}

.journey-card p {
  margin-bottom: 0px;
}

.journey-card p strong {
  font-family: var(--bold);
  font-weight: normal;
}

.container-journey {
  width: var(--internal-container-max);
  margin: 0 auto;
}

.container-journey .owl-stage-outer {
  overflow: visible;
}

.container-journey .owl-stage {
  display: flex;
}

.container-journey .owl-item {
  display: flex;
  height: auto;
}

.container-journey .journey-card {
  width: 100%;
  height: 100%;
}

/* Pré-requisitos */

.section-requisites {
  max-width: var(--internal-container-max);
  margin: 0px auto;
}

.container-requisites {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--item-space-m);
  position: relative;
}

.container-people.requisites {
  position: sticky;
  margin-top: 40px;
  top: 127px;
  align-self: start;
}

.requisite-card {
  padding: 20px;
  border-radius: var(--radius-m);
  display: flex;
  gap: 20px;
  justify-content: start;
  align-items: center;
  margin-bottom: 20px;
}

.requisite-card p strong {
  font-weight: normal;
  font-family: var(--bold);
}

.requisite-card.glass {
  background: #00A0DF33;
}

.requisite-card:last-of-type {
  margin-bottom: 0px;
}

.container-icon-card {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: var(--radius-p);
  background-color: var(--light-blue);
  position: relative;
}

.container-icon-card img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

/* Áreas com oportunidades abertas */
.section-areas h2 {
  justify-content: center;
  margin-bottom: var(--item-space-g);
}

.container-carousel {
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 35px;
}

.container-areas-list {
  width: var(--internal-container-max);
  margin: 0 auto;
}

.container-areas-list .owl-stage-outer {
  overflow: visible;
}

.area-card {
  width: 384px;
  height: 446px;
  border-radius: var(--radius-gg);
  position: relative;
  transition: background 0.4s ease;
}

.area-card.is-description-open {
  background: var(--white);
}

.area-card>img {
  width: auto;
  height: calc(100% + 30px);
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 1;
  transform: translateX(-50%);
  transform-origin: center bottom;
  transition:
    transform 0.5s ease,
    opacity 0.35s ease,
    visibility 0s linear 0.5s;
}

.container-area-tag {
  position: absolute;
  z-index: 2;
  bottom: 0px;
  width: 100%;
  padding: 20px 30px;
  border-bottom-left-radius: var(--radius-gg);
  border-bottom-right-radius: var(--radius-gg);
  transition:
    opacity 0.35s ease,
    transform 0.5s ease,
    visibility 0s linear 0.5s;
}

.area-card .description {
  max-height: 100%;
  padding: 30px 30px;
  overflow-y: auto;
  display: block;

  overscroll-behavior: contain;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(20px) scale(0.96);
  transition:
    opacity 0.4s ease 0.15s,
    transform 0.5s ease 0.1s,
    visibility 0s linear 0.5s;
}

.area-card .description {
  overflow-y: auto;

  /* Firefox */
  scrollbar-width: none;

  /* Internet Explorer e Edge antigo */
  -ms-overflow-style: none;
}

/* Chrome, Safari e Edge atual */
.area-card .description::-webkit-scrollbar {
  display: none;
}

.area-card .description p:last-child {
  margin-bottom: 0;
}

.area-card.is-description-open>img {
  opacity: 0;
  visibility: hidden;
  transform: translateX(-50%) scale(0.88);
}

.area-card.is-description-open .container-area-tag {
  opacity: 0;
  visibility: hidden;
  transform: translateY(25px);
}

.area-card.is-description-open .description {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateY(0) scale(1);
  transition-delay: 0.15s, 0.1s, 0s;
}

.container-area-tag::before {
  content: "";
  position: absolute;
  inset: -35px 0 0;
  z-index: -1;
  pointer-events: none;
  border-bottom-left-radius: var(--radius-gg);
  border-bottom-right-radius: var(--radius-gg);
  background: linear-gradient(to bottom,
      rgba(255, 255, 255, 0) 0,
      rgba(255, 255, 255, 0.06) 35px,
      rgba(255, 255, 255, 0.1) 100%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 35px);
  mask-image: linear-gradient(to bottom, transparent 0, #000 35px);
}

.container-area-tag .area-tag {
  background-color: var(--white);
  color: var(--light-blue);
  text-align: center;
  padding: 20px;
  border-radius: 100px;
  margin-bottom: 0;
  transition: var(--transition-medium);
}

.area-learn-more {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  max-height: 0;
  padding-top: 0;
  width: fit-content;
  margin: 0px auto;
  cursor: pointer;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  transform: translateY(15px);
  transition: var(--transition-medium)
}

.area-card:hover .container-area-tag .area-tag {
  margin-bottom: 20px;
}

.area-card:hover .area-learn-more {
  max-height: 60px;
  padding-top: 10px;
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition-delay: 0s;
}

.area-learn-more span {
  transition: var(--transition-fast);
}

.area-learn-more:hover span {
  color: var(--light-blue);
}

.container-more-icon {
  flex-shrink: 0;
  width: 46px;
  height: 46px;
  background-color: var(--white);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container-more-icon:after {
  content: '';
  background-image: url('../assets/images/icones/more.svg');
  width: 14px;
  height: 14px;
  background-size: cover;
}

.area-card .description p {
  margin-bottom: 20px;
  color: var(--dark-blue);
  font-size: var(--body-min);
}

.area-card .description p:last-of-type {
  margin-bottom: 0px;
}

.area-card .description p strong {
  font-family: var(--bold);
  font-weight: normal;
}

/* Nestlé big numbers */

.section-big-numbers {
  max-width: var(--internal-container-max);
  margin: 0px auto;
}

.section-big-numbers h2 {
  margin-bottom: var(--item-space-m);
  justify-content: center;
}

.container-big-numbers {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--item-space-m);
}

.big-number-card {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 2px solid var(--light-blue);
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.big-number-card .big-number-title {
  font-size: var(--title);
  font-weight: normal;
  font-family: var(--bold);
  line-height: 1.2em;
}

.big-number-card small {
  font-size: var(--body-min);
}

/* Ranking melhores empresas */
.section-ranking-best-place {
  max-width: var(--internal-container-max);
  margin: 0px auto;
}

.section-ranking-best-place h2 {
  text-align: center;
  margin-bottom: var(--item-space-m);
}

.container-awards {
  padding: var(--item-space-m) 0px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: var(--item-space-m);
}

.container-awards.owl-carousel {
  display: block;
}

.container-awards .owl-stage-outer {
  overflow: hidden;
}

.section-ranking-best-place {
  width: 100%;
  max-width: none;
}

.section-ranking-best-place h2 {
 max-width: var(--internal-container-max);
 margin: 0px auto;
}

.award-card {
  background-color: var(--white);
  border-radius: var(--radius-m);
  padding: 20px 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 172px;
  height: 132px;
}

.award-card img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  display: block;
  flex-shrink: 0;
}

/* Conversas reais */

.section-talk {
  max-width: var(--internal-container-max);
  margin: 0px auto;
  text-align: center;
}

.section-talk h2 {
  justify-content: center;
}

.section-talk p {
  margin-bottom: var(--item-space-m);
}

.container-video-talk {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--item-space-m);
}

.video-wrapper-talk {
  width: 100%;
  aspect-ratio: 384 / 690;
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-gg);
  background-color: var(--light-blue);
}

.video-wrapper-talk iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

/* Beneficios */

.section-all-access {
  max-width: var(--internal-container-max);
  margin: 0px auto;
}

.section-all-access h2 {
  margin-bottom: var(--item-space-m);
}

.container-benefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
}

.container-benefits .requisite-card {
  margin-bottom: 0px;
}

/* Convite Nestle */

.section-invite-nestle {
  max-width: var(--internal-container-max);
  text-align: center;
  margin: 0px auto;
}

.section-invite-nestle h2 {
  justify-content: center;
}

.section-invite-nestle p {
  margin-bottom: var(--item-space-m);
}

.section-invite-nestle p strong {
  font-weight: normal;
  font-family: var(--bold);
}

/* Masterclass */

.section-masterclass {
  max-width: var(--internal-container-max);
  margin: 0px auto;
}

.section-masterclass h2 {
  margin-bottom: 20px;
}

.section-masterclass p{
  margin-bottom: var(--item-space-m);
}

.container-masterclass {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--item-space-m);
}

.masterclass-card h3 {
  font-weight: normal;
  font-family: var(--bold);
  font-size: var(--body-max);
  margin-bottom: 20px;
  line-height: 1.2em;
}

.masterclass-card-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.masterclass-card-bottom .trainee-links:after {
  background-image: url('../assets/images/icones/arrow-diagonal.svg');
  width: 17px;
  height: 17px;
}

.masterclass-card:hover .trainee-links {
  color: var(--dark-blue);
}

.masterclass-card:hover .trainee-links:after {
  background-image: url('../assets/images/icones/arrow-diagonal-dark-blue.svg');
}


.masterclass-card-top {
  border-radius: var(--radius-m);
  margin-bottom: var(--item-space-p);
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
}

.masterclass-card-top img {
  width: 100%;
  height: 100%;
  display: block;
}

.masterclass-card-topic {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}

.masterclass-card-signature {
  display: block;
  width: 118px;
  height: auto;
}

/* Perguntas frequentes */

.section-faq {
  max-width: 852px;
  margin: 0px auto;
}

.section-faq h2 {
  justify-content: center;
}

.faq-card {
  margin-bottom: var(--item-space-p);
  padding: 20px;
  border-radius: 20px;
}

.faq-card:last-of-type {
  margin-bottom: var(--item-space-m);
}

.faq-card strong {
  display: block;
  margin-bottom: 10px;
  font-weight: normal;
  font-family: var(--bold);
}

.faq-card a {
  text-decoration: underline;
  display: inline-block;
  transition: var(--transition-fast);
}

.faq-card a:hover {
  color: var(--dark-blue);
}

.support {
  width: fit-content;
  margin: 0px auto;
}

.support .button-trainee {
  margin: 0px auto;
  margin-top: 20px;
}

/* Quiz */

.section-quiz {
  max-width: var(--internal-container-max);
  margin: 0px auto;
}

.section-quiz h2 {
  margin-bottom: var(--item-space-m);
}

.container-quiz {
  background-color: var(--white);
  padding: var(--item-space-g);
  border-radius: var(--radius-g);
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.container-quiz p {
  color: var(--dark-blue);
  font-weight: normal;
  font-family: var(--bold);
  font-size: var(--body-max);
}

/* Footer */

.container-footer {
  padding-bottom: 204px;
}

.container-footer-logos {
  width: fit-content;
  margin: 0px auto;
  display: flex;
  gap: 20px;
  margin-bottom: var(--item-space-m);
  align-items: center;
}

.container-footer-logos img:nth-child(2) {
  width: 160px;
  height: auto;
}

.container-footer-logos .pipe {
  height: 61px;
  width: 1px;
  background-color: var(--white);
}

.container-footer-logos .eureca-logo {
  width: 176px;
  height: 30px;
}

.container-footer p {
  text-align: center;
  font-size: var(--detail);
}

/* Etapas do processo */

.section-steps h2 {
  max-width: var(--internal-container-max);
  margin: 0px auto;
  margin-bottom: 100px;

}

.container-steps-carousel {
  width: 100%;
  position: relative;
  overflow: hidden;
}

.container-steps-carousel::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 151.5px;
  z-index: 0;
  border-top: 2px dashed rgba(255, 255, 255, 0.75);
}

.container-steps {
  --step-width: 220px;
  --step-gap: 140px;
  width: var(--internal-container-max);
  margin: 0 auto;
}

.container-steps .owl-stage-outer {
  overflow: visible;
}

.container-steps .owl-stage {
  display: flex;
  position: relative;
}

.container-steps .owl-item {
  display: flex;
}

.container-steps .owl-dots {
  margin-top: 22.5px;
}

.step-card {
  width: var(--step-width);
  min-height: 132px;
  padding-bottom: 32px;
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  justify-content: start;
}

.step-carousel-spacer {
  width: calc(var(--internal-container-max) - var(--step-width) - (var(--step-gap) * 2));
  height: 1px;
  flex-shrink: 0;
  pointer-events: none;
}

.step-card h3 {
  margin-bottom: 20px;
  font-family: var(--bold);
  font-weight: normal;
  font-size: var(--body-max);
  width: 260px;
}

.step-date {
  padding: 9px 20px;
  border-radius: 100px;
  background-color: var(--white);
  color: var(--dark-blue);
  line-height: 1.5em;
  white-space: nowrap;
  margin-bottom: 20px;
  margin-top: auto;
}

.step-dot {
  width: 35px;
  height: 35px;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: 2;
  border-radius: 50%;
  transform: translateX(-50%);
  transition: var(--transition-fast);
}

.step-dot.glass {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.38);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

.step-dot.glass::before {
  display: none;
}

.step-card.is-current .step-dot,
.step-card.is-completed .step-dot {
  border-color: var(--white);
  background-color: var(--white);
}

.owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: var(--item-space-g);
}

.owl-dot {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.45);
  transition: var(--transition-fast);
}

.owl-dot.active {
  background-color: var(--white);
}

@media (max-width: 1512px) {
  :root {
    --external-container-max: calc(100% - 80px);
    --internal-container-max: calc(100% - 80px);
  }

  .container-pillars-culture {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
  }

  .culture-card {
    padding: 40px 30px 25px 30px;
  }

}

@media (max-width: 1365px) {

  .masterclass-card-bottom {
    flex-direction: column;
    gap: 20px;
    align-items: start;
  }

}

@media (max-width: 1250px) {

  .culture-card {
    padding: 25px 25px 25px 25px;
  }

  .culture-card h3 {
    font-size: 20px;
  }
}

@media (max-width: 1195px) {

  .culture-card h3 {
    margin-bottom: 10px;
  }

  .culture-card {
    padding: 15px 28px 15px 28px;
  }

}

@media (max-width: 1130px) {
  .culture-card {
      padding: 15px 20px 15px 20px;
  }

  .culture-card p {
    font-size: var(--detail);
  }
}

@media (max-width: 1044px) {
      .container-pillars-culture {
        grid-template-columns: repeat(2, 1fr);
        place-items: center;
    }

    .culture-card {
        padding: 60px 50px 25px 50px;
        max-width: 333px;
        max-height: 270px;
    }

    .culture-card h3 {
        margin-bottom: 20px;
    }

    .culture-card p {
        font-size: var(--body-min);
    }
}

@media (max-width: 1024px) {
  :root {
    --body: 14px;
    --body-min: 14px;
    --title: 32px;
    --subtitle: 24px;

    --external-container-max: 100%;
    --internal-container-max: calc(100% - 60px);
    --item-space-p: 10px;
    --item-space-m: 20px;
    --item-space-g: 40px;

    --section-padding-bottom: 100px;
    --button-space: 20px 30px;

    --radius-p: 10px;
    --radius-m: 20px;
    --radius-g: 30px;
    --radius-gg: 20px;
  }

  html.is-ios-webkit {
    height: auto;
    min-height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
  }

  html.is-ios-webkit body {
    display: block;
    height: auto;
    min-height: 100dvh;
    overflow: visible;
  }

  html.is-ios-webkit .trainee-scroll {
    height: auto;
    min-height: 100dvh;
    overflow: visible;
    overscroll-behavior: auto;
  }

  .desktop-only {
    display: none;
  }

  .mobile-only {
    display: block;
  }

  header.trainee-header {
    width: 100% !important;
    max-width: none;
    min-height: 101px;
    overflow: visible;
    top: 0;
    left: 50% !important;
    transform: translateX(-50%) !important;
    padding: 20px 30px;
    border: 0;
    border-radius: 0;
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    box-shadow: none;
    transition: none;
  }

  header.trainee-header::after {
    content: "";
    position: fixed;
    inset: 0;
    z-index: 11;
    display: block;
    background-color: rgba(0, 160, 223, 0.82);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    height: 100dvh;
    transition:
      opacity 0.35s ease,
      visibility 0s linear 0.35s;
  }

  header.trainee-header.is-menu-open::after {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition-delay: 0s;
  }

  header.trainee-header.glass {
    background: transparent;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border-color: transparent;
    box-shadow: none;
  }

  header.trainee-header.glass::before {
    display: none;
  }

  .trainee-header a.more-menu:after {
    display: none;
  }

  .trainee-header ul a {
    justify-content: start;
  }

  .trainee-header .submenus {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 30px 10px 0;
    position: static;
    visibility: visible;
    opacity: 1;
    transform: none;
    border-radius: 0;
    background-color: transparent;
    transition: none;
  }

  .trainee-header .submenus a,
  .trainee-header .submenus a:hover,
  .trainee-header .submenus a.active {
    color: var(--light-blue);
    font-family: var(--regular);
    font-size: 14px;
    white-space: normal;
  }

  .trainee-header>a img,
  .trainee-header.is-compact>a img {
    width: 160px;
  }

  .trainee-header nav {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 12;
    width: min(80%, 400px);
    height: 100dvh;
    padding: 110px 40px 40px;
    overflow-y: auto;
    background-color: var(--white);
    border-top-left-radius: var(--radius-m);
    border-bottom-left-radius: var(--radius-m);
    visibility: hidden;
    transform: translateX(100%);
    transition:
      transform 0.4s ease,
      visibility 0s linear 0.4s;
  }

  .trainee-header.is-menu-open nav {
    visibility: visible;
    transform: translateX(0);
    transition-delay: 0s;
  }

  .trainee-header nav ul {
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
  }

  .trainee-header nav ul a {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    color: var(--light-blue);
    font-family: var(--bold);
    font-size: 20px;
    font-weight: normal;
  }

  .trainee-header nav ul a:hover {
    background-color: transparent;
    color: var(--light-blue);
  }

  .trainee-header nav ul a.active {
    background-color: transparent;
    color: var(--dark-blue);
  }

  .trainee-menu-toggle {
    width: 61px;
    height: 61px;
    padding: 0;
    flex-shrink: 0;
    border-radius: var(--radius-p);
    color: inherit;
    cursor: pointer;
  }

  .trainee-menu-toggle.mobile-only {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .trainee-menu-toggle img {
    width: 28px;
    height: 19px;
  }

  .trainee-menu-close {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 24px;
    height: 24px;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
  }

  .trainee-menu-close img {
    width: 13.15px;
    height: 13.15px;
  }

  body.is-menu-open .trainee-scroll {
    overflow: hidden;
  }

  html.is-ios-webkit.is-menu-open,
  html.is-ios-webkit body.is-menu-open {
    overflow: hidden;
  }

  .trainee-main-content {
    overflow: hidden;
  }

  .trainee-panel-background {
    background-size: auto 100%;
    background-position: left bottom;
  }

  .trainee-hero {
    height: var(--panel-viewport-height, 100dvh);
    min-height: var(--panel-viewport-height, 100dvh);
  }

  .trainee-hero-content {
    width: 100%;
  }

  .trainee-hero-path.mobile-only {
    display: block;
    width: 125%;
    height: auto;
    max-width: none;
    left: 50%;
    top: 80px;
    transform: translateX(-50%);
  }

  .trainee-hero-person {
    height: 70%;
    max-width: none;
    left: 50%;
    bottom: 26%;
    transform: translateX(-50%);
  }

  .trainee-hero .container-tag {
    left: 30px;
    top: 46%;
    bottom: auto;
  }

  .trainee-hero .container-tag .tag {
    padding: 12px 18px;
    font-size: 18px;
  }

  .trainee-hero-content .tag-legend {
    font-size: 14px;
  }

  .trainee-hero-logo,
  .trainee-hero-title {
    top: 75%;
    height: auto;
    transform: none;
  }

  .trainee-hero-logo {
    left: 30px;
    width: 127px;
  }

  .trainee-hero-title {
    right: 25px;
    width: 165px;
  }

  .hero-mobile-cta {
    position: fixed;
    right: 30px;
    bottom: calc(
      var(--mobile-cta-bottom, calc(28dvh + 32px))
      + env(safe-area-inset-bottom)
    );
    left: 30px;
    z-index: 8;
    width: auto;
    text-align: center;
  }

  .hero-mobile-scroll {
    position: absolute;
    bottom: 15px;
    left: 50%;
    z-index: 4;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    transform: translateX(-50%);
  }

  .hero-mobile-scroll.mobile-only {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .hero-mobile-scroll img {
    width: 18px;
    height: 18px;
  }

  .second-section {
    padding-top: 140px;
  }

  .video-wrapper {
    max-width: 100%;
    width: 100%;
    height: auto;
    margin-bottom: 30px;
    aspect-ratio: 333 / 187;
  }

  .second-section h2 {
    text-align: start;
    margin-bottom: 10px;
  }

  .second-section p {
    text-align: start;
  }

  .section-brands h2,
  .section-brands p {
    max-width: var(--internal-container-max);
    margin-left: auto;
    margin-right: auto;
  }

  .section-brands p {
    margin-bottom: 30px;
  }

  .container-about-program {
    grid-template-columns: repeat(1, 1fr);
    gap: var(--item-space-g);
  }

  .container-about-program .container-about-infos {
    max-width: 100%;
  }

  .container-about-program .container-about-infos h3 {
    font-size: 18px;
    margin-bottom: var(--item-space-p);
    font-weight: normal;
    font-family: var(--regular);
  }

  .container-footer-logos {
    display: grid;
    grid-template-columns: auto auto;
    column-gap: 25px;
    row-gap: 40px;
    align-items: center;
    justify-items: center;
  }

  .container-footer-logos .pipe {
    display: none;
  }

  .container-footer-logos>img:last-child {
    grid-column: 1 / -1;
  }

  .tag {
    font-size: 18px;
  }

  .container-people {
    height: 335px;
    overflow: visible !important;

    -webkit-clip-path: inset(-30px 0 0 0 round 0 0 var(--radius-gg) var(--radius-gg));

    clip-path: inset(-30px 0 0 0 round 0 0 var(--radius-gg) var(--radius-gg));
  }

  .section-culture h2.arrow-diagonal {
    justify-content: start;
  }

  .section-culture>p {
    text-align: start;
  }

  .container-pillars-culture {
    grid-template-columns: repeat(2, 1fr);
    place-items: center;
  }

  .culture-card {
    padding: 60px 50px 25px 50px;
    max-width: 333px;
    max-height: 270px;
  }

  .culture-card h3 {
    font-size: 20px;
    margin-bottom: var(--item-space-m);
  }

  .section-journey p {
    margin-bottom: var(--item-space-g);
  }

  .journey-card h3 {
    font-size: 20px;
  }

  .container-journey .journey-card {
    width: min(320px, calc(100vw - 60px));
    padding: 20px;
    border-radius: var(--radius-m);
  }

  .container-steps {
    --step-gap: 40px;
    width: var(--internal-container-max);
    margin-right: auto;
    margin-left: auto;
  }

  .container-steps .step-card {
    width: max-content;
    max-width: calc(100vw - 60px);
  }

  .section-steps h2 {
    margin-bottom: 60px;
  }

  .owl-carousel.owl-drag .owl-item {
    opacity: 1;
  }

  .container-requisites-list h2,
  .journey-card h3,
  .journey-step-number {
    margin-bottom: var(--item-space-m);
  }

  .container-requisites {
    grid-template-columns: repeat(1, 1fr);
    min-width: 0;
  }

  .container-requisites-list,
  .container-requisites-carousel {
    width: 100%;
    min-width: 0;
  }

  .requisite-card {
    flex-direction: column;
  }

  .container-benefits .requisite-card,
  .container-requisites-carousel .requisite-card {
    width: min(240px, calc(100vw - 90px));
    margin-bottom: 0;
    justify-content: center;
    text-align: center;
  }

  .container-requisites-carousel .owl-stage {
    display: flex;
  }

  .container-requisites-carousel .owl-item {
    display: flex;
    height: auto;
  }

  .container-requisites-carousel .owl-item .requisite-card {
    height: 100%;
  }

  .container-benefits.owl-carousel {
    display: block;
    width: 100%;
    min-width: 0;
  }

  .container-benefits .requisite-card {
    width: min(240px, calc(100vw - 90px));
    height: 100%;
    margin-bottom: 0;
    justify-content: center;
    text-align: center;
  }

  .container-benefits .owl-stage {
    display: flex;
  }

  .container-benefits .owl-item {
    display: flex;
    height: auto;
  }

  .section-areas h2 {
    max-width: var(--internal-container-max);
    margin: 0px auto;
    justify-content: start;
    margin-bottom: var(--item-space-m);
  }

  .area-card .container-area-tag .area-tag {
    margin-bottom: 20px;
  }

  .area-card .area-learn-more {
    max-height: 60px;
    padding-top: 10px;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-delay: 0s;
  }

  .area-card {
    max-width: 300px;
    height: 419px;
  }

  .section-big-numbers>p {
    margin-bottom: var(--item-space-m);
  }

  .container-big-numbers {
    grid-template-columns: repeat(1, 1fr);
  }

  .container-awards {
    width: 100%;
    min-width: 0;
  }

  .container-awards.owl-carousel {
    display: block;
  }

  .container-awards .award-card {
    width: 172px;
  }

  .section-ranking-best-place h2 {
    text-align: start;
    margin-bottom: 0px;
  }

  .section-talk h2 {
    justify-content: start;
    text-align: start;
    margin-bottom: var(--item-space-m);
  }

  .section-talk p {
    text-align: start;
  }

  .container-video-talk {
    width: 100%;
    min-width: 0;
  }

  .container-video-talk.owl-carousel {
    display: block;
  }

  .container-video-talk .video-wrapper-talk {
    width: min(280px, calc(100vw - 100px));
  }

  .container-video-talk .talk-carousel-spacer {
    height: 1px;
    flex-shrink: 0;
    pointer-events: none;
  }

  .container-video-talk .talk-video-drag-overlay {
    position: absolute;
    inset: 0;
    z-index: 2;
    pointer-events: none;
  }

  .container-video-talk .talk-video-drag-zone {
    position: absolute;
    display: block;
    border: 0;
    background: transparent;
    pointer-events: auto;
    cursor: grab;
    touch-action: pan-y;
  }

  .container-video-talk .talk-video-drag-zone:active {
    cursor: grabbing;
  }

  .container-video-talk .talk-video-drag-zone--top,
  .container-video-talk .talk-video-drag-zone--bottom {
    left: 0;
    width: 100%;
    height: calc(50% - 55px);
  }

  .container-video-talk .talk-video-drag-zone--top {
    top: 0;
  }

  .container-video-talk .talk-video-drag-zone--bottom {
    bottom: 0;
  }

  .container-video-talk .talk-video-drag-zone--left,
  .container-video-talk .talk-video-drag-zone--right {
    top: calc(50% - 55px);
    width: calc(50% - 55px);
    height: 110px;
  }

  .container-video-talk .talk-video-drag-zone--left {
    left: 0;
  }

  .container-video-talk .talk-video-drag-zone--right {
    right: 0;
  }

  .container-video-talk .talk-video-drag-zone--center {
    top: 50%;
    left: 50%;
    display: none;
    width: 110px;
    height: 110px;
    transform: translate(-50%, -50%);
  }

  .container-video-talk .owl-item:not(.center) .talk-video-drag-zone--center {
    display: block;
  }

  .container-video-talk .owl-item {
    opacity: 0.35;
    transition: opacity 0.5s ease;
  }

  .container-video-talk .owl-item.center {
    opacity: 1;
  }

  .container-video-talk .owl-item:not(.center) iframe {
    pointer-events: none;
  }

  .container-video-talk .owl-item {
    opacity: 0.4 !important;
  }

  .container-video-talk .owl-item.center {
    opacity: 1 !important;
  }

  .section-invite-nestle {
    display: flex;
    flex-direction: column;
  }

  .section-invite-nestle .video-wrapper {
    order: 1;
    border-bottom: var(--item-space-p);
  }

  .section-invite-nestle h2 {
    order: 2;
    border-bottom: var(--item-space-p);
  }

  .section-invite-nestle p {
    order: 3;
    border-bottom: 0px;
  }

  .section-faq {
    max-width: var(--internal-container-max);
  }

  .section-faq h2 {
    justify-content: start;
    margin-bottom: var(--item-space-m);
  }

  .support .button-trainee {
    width: 100%;
    text-align: center;
  }

  .container-quiz {
    padding: 20px;
    flex-direction: column;
    gap: 20px;
  }

  .container-quiz p {
    font-size: 20px;
  }

  .container-quiz .button-trainee {
    width: 100%;
    text-align: center;
  }

  .container-masterclass {
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
  }

  .masterclass-card-top {
    margin-bottom: 20px;
  }

  .step-date {
    font-size: 18px;
  }

  .container-steps-carousel::before {
    top: 140.5px;
  }

  .container-people .container-tag {
    bottom: 20px;
    left: 20px;
    padding-right: 20px;
  }

  .container-about-program:last-child>.container-people .container-tag {
    right: auto;
    left: 20px;
    align-items: start;
    bottom: 20px;
  }

}

@media (max-width: 640px) {
  .container-pillars-culture {
    grid-template-columns: repeat(1, 1fr);
    place-items: center;
  }

  .culture-card {
    max-width: 333px;
    max-height: 270px;
  }

    .container-benefits .owl-dots {
    gap: 8px;
  }

  .container-benefits .owl-dot {
    width: 10px;
    height: 10px;
    flex-shrink: 0;
  }

    .section-areas .owl-dot {
    width: 16px;
    height: 16px;
  }
}

@media (max-width: 360px) {
  .trainee-hero .container-tag {
    top: 42%;
  }

  .trainee-hero .container-tag .tag {
    padding: 10px 14px;
    font-size: 16px;
  }

  .trainee-hero-content .tag-legend {
    font-size: 12px;
  }

  .trainee-hero-logo {
    left: 30px;
    width: 100px;
  }

  .trainee-hero-title {
    right: 25px;
    width: 145px;
  }

  .culture-card {
    padding: 25px 35px 25px 35px;
  }

  .owl-dot {
    width: 12px;
    height: 12px;
  }

  .container-benefits .owl-dots {
    gap: 8px;
  }

  .section-areas .owl-dot,
  .container-benefits .owl-dot {
    width: 8px;
    height: 8px;
    flex-shrink: 0;
  }

}