.navContainer{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;

  /* position: fixed; */
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
  z-index: 1000;
  background: transparent;
  pointer-events: none;
}

#navMenu, .iconMenu, .logoMaster {
  pointer-events: auto;
}

.navContainerJobDetail{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  background-color: #fff;
  top: 0;
  left: 0;
  width: 100%;
  padding: 40px;
  box-sizing: border-box;
  z-index: 1000;
}

body {
  overflow-x: hidden;
  background-color: #000;
  margin: 0;
}

#contentWrapper {
  transition: opacity 0.3s ease;
  position: relative;
  width: 100%;
  min-height: 100vh;
}

main {
  display: contents;
}

body.menu-open #contentWrapper {
  opacity: 1; /* Keep visible */
}

#sideMenu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  z-index: 2000;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px;
  box-sizing: border-box;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

body.menu-open #sideMenu {
  opacity: 1;
  visibility: visible;
}

.sideMenuTop {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}

.sideMenuLogo {
  width: 105px;
  height: 108px;
}

.sideMenuBottom {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

#menuOptions {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

#menuOptions li {
  line-height: 0.85;
}

#menuOptions li a {
  color: #4B4B4B;
  text-decoration: none;
  font-family: 'Inter', sans-serif;
  font-size: 110px;
  letter-spacing: -5%;
  font-weight: 900;
  text-transform: uppercase;
  transition: color 0.3s;
}

#menuOptions li a:hover,
#menuOptions li a.active {
  color: #4DD522;
}

#closeMenu{
  margin-right: 5px;
  margin-top: -20px;
}

.logoMaster img{
  width: 105px;
  height: 108px;
  pointer-events: auto;
}

.home {
  display: flex;
  width: 100%;
  min-height: 100vh;
  background-color: #4fd407;
  overflow: hidden;
  background-image: url("./img/pages/home/fundoHome.png");
  background-size: cover;
  background-position: center;

  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 40px;
  box-sizing: border-box;

  position: sticky;
  top: 0;
  z-index: 1;
}



.bio {
  position: relative;
  z-index: 3;
}

.jobs {
  position: sticky;
  top: 0;
  z-index: 2;
}

.footer {
  position: relative;
  z-index: 3;
}


.homeTitle{
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: red;
}

.home h1{
  font-family: 'Inter';
  font-size: 84px;
  line-height: 102.8%;
  letter-spacing: -5%;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0;
}

.home span{
  color: #4DD522;
}

/* ============================================
   MANIFESTO SECTION
   ============================================ */

.manifesto {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  padding: 120px 40px;
  box-sizing: border-box;
  background-color: #000000;
}

.manifestoOptions {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  gap: 2px;
}

/* Card wrapper — clean border */
.manifestoCard {
  position: relative;
  width: 100%;
}

.manifestoTitle {
  font-family: 'Inter', sans-serif;
  font-weight: 900;
  font-size: clamp(36px, 6vw, 84.03px);
  line-height: 100%;
  letter-spacing: -5%;
  text-transform: uppercase;
  background: linear-gradient(90deg, #4DD520, #F3F51C);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  padding-right: 0.1em;
}

.manifestoContent {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.manifestoText {
  font-family: 'Inter', sans-serif;
  font-weight: 900;
  font-size: 35px;
  line-height: 121%;
  letter-spacing: -5%;
  text-align: justify;
  text-transform: uppercase;
  color: #4B4B4B;
  margin: 0;
}

.manifestoText span {
  color: #9C9C9C;
}

.bio{
  display: flex;
  padding: 170px 40px 20px;
  justify-content: space-between;
  width: 100%;
  min-height: 100vh;
  box-sizing: border-box;

  background-color: #0015FF;
}

.bioTitle {
  position: absolute;
  top: 40px;
  left: 40px;
  font-family: 'Inter';
  font-size: clamp(32px, 6vw, 84px);
  line-height: 102.8%;
  letter-spacing: -5%;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFFFFF;
  margin: 0;
  z-index: 10;
}

.bioTitle span {
  color: #4DD522;
}

.bioCard{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 550px;
  gap: 17px;
}

.bioCard h1 {
  font-family: 'Inter';
  font-size: 38px;
  line-height: 102.8%;
  letter-spacing: -5%;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFFFFF;
}

.bioCard h2{
  max-width: 90%;
  font-family: 'Inter';
  font-size: 28px;
  line-height: 102.8%;
  letter-spacing: -5%;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFFFFF;
}

.bioCard p{
  max-width: 90%;
  font-family: 'Inter';
  font-size: 24px;
  line-height: 128.4%;
  letter-spacing: -5%;
  font-weight: 400;
  text-align: justify;
  color: #FFFFFF;
}

.bioCard span{
  color: #4DD522;
}

.bioCard img{
  width: 95%;
  height: 450px;
  object-fit: contain;
}

.fernando img:hover {
  content: url("./img/pages/bio/Fernando-Mouseover.png");
}

.luan img:hover {
  content: url("./img/pages/bio/Luan-Mouseover.png");
}

.wesley img:hover {
  content: url("./img/pages/bio/wesley-Mouseover.png");
}

.jobs{
  display: flex;
  width: 100%;
  min-height: 100vh;
  padding: 0px 40px 40px;
  margin-bottom: 10vh;
  box-sizing: border-box;
  background-color: #000000;
  align-items: stretch;
  flex-wrap: wrap;
}

.jobsTitle{
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  flex: 0 0 auto;
  z-index: 10;
  margin-right: 40px;
}

.imagesGroup {
  position: relative;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 950px;
}

.imgWrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: var(--z);
  transform: rotate(var(--spin-angle, 0deg)) translate(var(--x), var(--y)) rotate(calc(-1 * var(--spin-angle, 0deg)));
}

.imgWrapper img {
  width: 256px;
  height: 242px;
  border-radius: 50px;
  object-fit: cover;
  box-shadow: 0 10px 40px rgba(0,0,0,0.6);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  cursor: pointer;
}

.imgWrapper:hover {
  z-index: 50 !important;
}

.imgWrapper:hover img {
  transform: scale(1.50);
  box-shadow: 0 20px 60px rgba(0,0,0,0.9);
}

.imgWrapper:nth-child(1) { --x: -50px;  --y: -300px; --z: 8; }
.imgWrapper:nth-child(2) { --x: -250px; --y: -160px; --z: 7; }
.imgWrapper:nth-child(3) { --x: -380px; --y: 60px;   --z: 6; }
.imgWrapper:nth-child(4) { --x: -230px; --y: 250px;  --z: 8; }
.imgWrapper:nth-child(5) { --x: -10px;  --y: 380px;  --z: 6; }
.imgWrapper:nth-child(6) { --x: 210px;  --y: 230px;  --z: 7; }
.imgWrapper:nth-child(7) { --x: 200px;  --y: -160px; --z: 6; }

.imgWrapper:nth-child(8) { --x: 300px;  --y: 0px;    --z: 10; }
.imgWrapper:nth-child(8) img { 
  width: 350px; 
  height: 300px; 
  border-radius: 80px;
}

.jobDetail{
  background-color: #FFFFFF;
  display: flex;
  padding: 20px 20px 20px 180px;
  /* gap: 150px; */
  width: 100%;
  box-sizing: border-box;
  align-items: flex-end;

  flex-direction: column;
}

.jobDetailIntro{
  display: flex;
  flex-direction: row;
}

.jobdetailNav{
  flex: 4;
  box-sizing: border-box;
  min-width: 0;
}

.jobdetailNav h1{
  font-family: 'Inter';
  font-size: 72px;
  /* font-size: 45px; */
  line-height: auto;
  letter-spacing: -5%;
  font-weight: 900;
  text-transform: uppercase;
  color: #000000;
}

.jobdetailNavInfo{
  display: flex;
  flex-direction: column;
  gap: 0;
}

.jobdetailNavInfo h2{
  font-family: 'Inter';
  font-size: 72px;
  line-height: auto;
  letter-spacing: -5%;
  font-weight: 900;
  color: #B7B7B7;
  text-transform: uppercase;
  margin: 0;
}

.jobdetailHeader{
  width: 100%;
}

.jobdetailHeader h1{
  font-family: 'Inter';
  font-size: 60px;
  line-height: auto;
  letter-spacing: -5%;
  font-weight: 900;
  text-transform: uppercase;
  color: #000000;
  margin-bottom: 40px;
}

.jobdetailHeader h3{
  font-family: 'Inter';
  font-size: 48px;
  line-height: 160%;
  letter-spacing: -1%;
  font-weight: 400;
  color: #333333;
  margin-bottom: 24px;
}

.jobdetailHeader p{
  font-family: 'Inter';
  font-size: 22px;
  line-height: 160%;
  letter-spacing: -1%;
  font-weight: 400;
  color: #333333;
  margin-bottom: 24px;
}

.jobdetailContent{
  flex: 4;
  display: flex;
  flex-direction: column;
  /* min-width: 0; */
}



.imgDetailFull{
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 20px;
}

.jobDetailImages{
  max-width: 80%;
  width: 100%;
  display: flex;
  align-items: flex-end !important;
  flex-direction: column;
 padding-top: 50px;
}

.jobDetailImages img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.jobDetailInterImg{
  width: 100%;
  display: flex;
  flex-direction: row;
}

.jobDetailInterImg img{
  flex: 1;
  width: 100%;
  height: 340px;
  object-fit: fill;
  object-position: center;
  min-width: 0;
}

.jobDetailNavBottom {
  padding: 0 76px 76px;
  display: flex;
  justify-content: flex-start;
  align-items: end;
  background-color: #FFFFFF;
  width: 100%;
  box-sizing: border-box;
}

.jobDetailNavBottom button{
  font-family: 'Inter';
  font-size: 52px;
  line-height: auto;
  letter-spacing: -5%;
  font-weight: 900;
  color: #B7B7B7;
  text-transform: uppercase;
  cursor: pointer;
  border: none;
  background-color: transparent;
}

.footer{
  background-color: #000000;
  justify-content: end;
  width: 100%;
  gap: 11px;
  display: flex;
  flex-direction: column;
  height: 100vh;

  padding: 40px;
  box-sizing: border-box;
}
.footerLinks{
  width: 35%;
  display: flex;
  flex-direction: column;
}

.text{
  font-family: 'Inter';
  font-size: 72px;
  line-height: auto;
  letter-spacing: -5%;
  font-weight: 900;
  text-transform: uppercase;
}

.textGray:hover {
  /* background: linear-gradient(90deg, #4DD520, #F3F51C); */
  background: linear-gradient(to right, #4DD520 0%, #F3F51C 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
}

.textGray{
  color: #4B4B4B;
}


.footerContent {
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}

.footerFormWrapper {
  width: 50%;
  max-width: 600px;
  margin-bottom: 20px;
  display: none;
}

.footerFormWrapper.show {
  display: block;
  animation: fadeIn 0.3s ease forwards;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}

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

.footerForm input,
.footerForm textarea {
  background: transparent;
  border: none;
  border-bottom: 2px solid #4B4B4B;
  color: #FFFFFF;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  padding: 8px 0;
  outline: none;
  resize: none;
  transition: border-color 0.3s;
}

.footerForm input::placeholder,
.footerForm textarea::placeholder {
  color: #4B4B4B;
  text-transform: uppercase;
  font-weight: 900;
}

.footerForm input:focus,
.footerForm textarea:focus {
  border-bottom-color: #4DD522;
}

.submitButton {
  background: transparent;
  border: none;
  color: #4DD522;
  font-family: 'Inter', sans-serif;
  font-size: 20px;
  font-weight: 900;
  text-transform: uppercase;
  padding: 10px 0;
  cursor: pointer;
  align-self: flex-start;
  transition: all 0.3s;
  margin-top: 5px;
}

.submitButton:hover {
  color: #FFFFFF;
}

.footerLogo img{
  width: 100%;
}



/* Job Preview Styles — seção independente entre jobs e footer */
.jobPreview {
  position: relative;
  z-index: 3;
  width: 100%;
  box-sizing: border-box;
  padding: 60px 76px;
  background-color: #000000;
  overflow: hidden;
  /* Transição suave de abertura/fechamento */
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition: max-height 0.5s ease, opacity 0.4s ease, visibility 0.4s ease;
}

.jobPreview.hidden {
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  padding-top: 0;
  padding-bottom: 0;
}

.jobPreview.visible {
  max-height: 2000px;
  opacity: 1;
  visibility: visible;
  padding: 60px 76px;
}

.jobPreviewContent {
  max-width: 1400px;
  margin: 0 auto;
}

.jobPreviewHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  gap: 20px;
}

.previewButton {
  background: none;
  border: none;
  color: #FFFFFF;
  cursor: pointer;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: color 0.3s ease, transform 0.3s ease;
  font-size: 24px;
}

.previewButton:hover {
  color: #4DD522;
  transform: scale(1.1);
}

#previewJobName {
  font-family: 'Inter';
  font-size: 52px;
  line-height: 102.8%;
  letter-spacing: -5%;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFFFFF;
  flex: 1;
  text-align: center;
  margin: 0;
}

.jobPreviewBody {
  display: flex;
  gap: 60px;
  align-items: flex-start;
}

#previewJobImage {
  width: fit-content;
  height: 400px;
  object-fit: cover;
  border-radius: 20px;
  flex-shrink: 0;
}

.jobPreviewInfo {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 30px;
}

.jobPreviewMeta {
  display: flex;
  gap: 30px;
  font-family: 'Inter';
  font-size: 18px;
  line-height: 128.4%;
  letter-spacing: -5%;
  font-weight: 500;
  text-transform: uppercase;
}

.jobPreviewMeta span {
  color: #B7B7B7;
}

#previewJobDescription {
  font-family: 'Inter';
  font-size: 20px;
  line-height: 128.4%;
  letter-spacing: -5%;
  font-weight: 400;
  color: #FFFFFF;
  margin: 0;
}

.viewMoreButton {
  display: inline-block;
  font-family: 'Inter';
  font-size: 20px;
  line-height: 102.8%;
  letter-spacing: -5%;
  font-weight: 900;
  text-transform: uppercase;
  color: #FFFFFF;
  text-decoration: none;
  border-bottom: 2px solid #4DD522;
  padding-bottom: 8px;
  transition: all 0.3s ease;
  width: fit-content;
}

.viewMoreButton:hover {
  color: #4DD522;
  border-bottom-color: #FFFFFF;
}

@media (max-width: 1700px){
  .bioCard img {
    /* width: 430px; */
    height: 380px;
  }

  .bio{
    gap: 20px;
  }

  .imagesGroup{
    padding: 0 20px;
  }
}

@media (max-width: 1600px){
  .imagesGroup {
    /* Desloca o grupo um pouco para a esquerda para ficar mais centralizado na tela */
    transform: translateX(-120px);
  }
}

@media (max-width: 1440px){
  .bioCard img {
    width: 100%;
    height: 320px;
  }

  .bioCard h1 {
    font-size: 32px;
  }

  .imagesGroup {
    /* O scale(0.8) reduz o tamanho de toda a roda e imagens para 80% */
    /* Importante: se você for usar o translateX e o scale juntos, declare os dois na mesma linha! */
    transform: translateX(-100px) scale(0.7);
  }

  .jobDetail {
    gap: 80px;
    padding: 0 40px;
  }
  .jobdetailNav h1 {
    font-size: 56px;
  }
  .jobdetailNavInfo h2 {
    font-size: 56px;
  }
  .jobdetailHeader h1 {
    font-size: 48px;
  }
  .jobDetailInterImg img {
    height: 280px;
  }
}

@media (max-width: 1280px){
  .bio{
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .bioCard{
    width: 100%;
  }

  .bioCard img {
    width: 90%;
    height: 420px;
  }

  .imagesGroup {
    transform: translateX(-150px) scale(0.7);
  }

  .jobDetail {
    gap: 40px;
  }
  .jobdetailNav h1 {
    font-size: 48px;
  }
  .jobdetailNavInfo h2 {
    font-size: 48px;
  }
  .jobdetailHeader h1 {
    font-size: 40px;
  }
  .jobDetailInterImg img {
    height: 240px;
  }

  .text{
    font-size: 52px;
  }
  .jobPreviewBody {
    gap: 40px;
  }

  #previewJobImage {
    width: 320px;
    height: 320px;
  }

  #previewJobName {
    font-size: 40px;
  }
}

@media (max-width: 980px){
  /* Manifesto responsive */
  .manifesto {
    padding: 80px 40px;
    min-height: auto;
  }

  

  .manifestoContent p {
    font-size: 18px;
  }

  .manifestoContent p.manifestoEmphasis {
    font-size: 22px;
  }

  .manifestoContent p.manifestoEmphasis:last-child {
    font-size: 23px;
  }

  .manifestoTitle {
    margin-bottom: 30px;
  }

  .bio{
    display: grid;
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .bioCard{
    align-items: center;
  }

  .bioCard img {
    height: 380px;
  }

  .imagesGroup {
    transform: translateX(-200px) scale(0.6);
  }

  .jobDetailIntro{
    flex-direction: column;
    gap: 20px;
  }

  .jobDetail {
    flex-direction: column;
    gap: 50px;
    padding: 0 40px;
  }
  
  .jobdetailNav {
    width: 100%;
  }
  
  .jobdetailContent {
    width: 100%;
  }

  .jobDetailNavBottom {
    padding: 0 40px 40px;
  }

  .jobDetailImages{
    max-width: 100%;
    width: 100%;
  }
  .footerContent {
    flex-direction: column;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 20px;
  }
  .footerLinks {
    width: 100%;
  }
  .footerFormWrapper {
    width: 100%;
    max-width: none;
    margin-bottom: 0;
  }
}

@media (max-width: 768px){
  .jobPreview {
    padding: 40px 40px;
  }

  .jobPreviewHeader {
    margin-bottom: 30px;
  }

  #previewJobName {
    font-size: 28px;
  }

  .jobPreviewBody {
    flex-direction: column;
    gap: 30px;
  }

  #previewJobImage {
    width: 100%;
    height: auto;
    max-height: 310px;
  }

  .previewButton {
    padding: 5px;
  }
}

@media (max-width: 650px){
  /* Manifesto responsive */
  .manifesto {
    padding: 60px 40px;
  }

  .manifestoContent p {
    font-size: 16px;
    line-height: 160%;
    padding: 10px 0;
  }

  .manifestoContent p.manifestoEmphasis {
    font-size: 19px;
    padding: 14px 0;
  }

  .manifestoContent p.manifestoEmphasis:last-child {
    font-size: 20px;
  }

  .manifestoContent p:hover {
    transform: none;
  }

  .manifestoCard {
    border-radius: 18px;
  }

  .manifestoContent {
    border-radius: 16px;
  }

  .manifestoTitle {
    margin-bottom: 24px;
  }

  .home h1{
    font-size: 40px;
  }

  .navContainer img{
    width: 83px;
    height: 85px;
  }

  #iconMenu{
    width: 30px;
    height: 30px;
  }
  .navContainer {
    padding: 40px;
  }

  #sideMenu {
    padding: 40px;
  }
  
  #menuOptions li a {
    font-size: 60px;
  }

  body.menu-open #contentWrapper {
    width: 100%;
  }

  .bioCard{
    width: 100%;
  }

  .bioCard img{
    width: 100%;
    height: 320px;
  }

  .bio h1{
    font-size: 28px;
  }

  .bio h2{
    font-size: 24px;
    text-align: center;
  }
  
  .bio p{
    font-size: 18px;
    text-align: justify;
  }

  /* .imagesGroup {
    transform: translateX(-160px) scale(0.5);
  } */

  .imagesGroup {
    transform: none;
    min-height: 50px;
    max-height: 360px !important;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    gap: 15px;
    padding-bottom: 20px;
    
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  
  .imagesGroup::-webkit-scrollbar {
    display: none;
  }

  .imgWrapper {
    position: static;
    transform: none !important;   
    flex: 0 0 auto;
    width: auto;
    height: auto;
  }

  .imgWrapper img,
  .imgWrapper:nth-child(8) img {
    width: 210px;
    height: 210px; /* Altura maior para usar melhor o espaço vertical da tela */
    border-radius: 50px;
    object-fit: cover;
    z-index: 9999;
  }

  .imgWrapper:hover img {
    transform: none; 
  }

  .navContainerJobDetail{
    padding: 20px;
  }

  .jobDetail {
    padding: 0 20px;
  }

  .jobDetailInterImg {
    flex-direction: column;
  }

  .jobDetailInterImg img {
    height: auto;
    width: 100%;
  }

  .jobdetailNav h1, .jobdetailHeader h1 {
    font-size: 28px;
  }

  .jobdetailNavInfo h2 {
    font-size: 28px;
  }

  .jobdetailHeader p {
    font-size: 18px;
  }

  .jobDetailNavBottom {
    padding: 0 20px 40px;
  }

  .jobDetailNavBottom button {
    font-size: 32px;
  }

  .text{
    font-size: 40px;
  }

  .jobs{
    /* padding: 0 0 0 150px; */
    flex-direction: column-reverse;
  }

  .footer{
    padding: 76px 40px;
  }

  .sideMenuLogo{
    width: 83px;
    height: 85px;
  }
}

@media (max-width: 480px){
  /* Manifesto responsive */
  .manifesto {
    padding: 40px;
  }

 

  .manifestoContent p {
    font-size: 15px;
    line-height: 155%;
    padding: 8px 0;
  }

  .manifestoContent p.manifestoEmphasis {
    font-size: 17px;
    padding: 12px 0;
  }

  .manifestoContent p.manifestoEmphasis:last-child {
    font-size: 18px;
  }

  .manifestoCard {
    border-radius: 14px;
    padding: 2px;
  }

  .manifestoContent {
    border-radius: 12px;
  }

  .manifestoTitle {
    margin-bottom: 20px;
  }



  .home h1{
    text-align: center;
  }

  .bio{
    padding: 100px 40px 20px;
  }

  .bioCard h1{
    font-size: 20px;
  }
  
  .bio h2{
    font-size: 18px;
  }
  
  .bio p{
    max-width: 100%;
    font-size: 16px;
  }
  .bioCard img{
    height: 250px;
  }

  .jobs{
    flex-direction: column-reverse;
    align-items: start;

    padding: 100px 40px 20px;
  }

  /* .imagesGroup {
    transform: none;
    min-height: 50px;
    max-height: 360px !important;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    gap: 15px;
    padding-bottom: 20px;
    
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  
  .imagesGroup::-webkit-scrollbar {
    display: none;
  }

  .imgWrapper {
    position: static;
    transform: none !important;   
    flex: 0 0 auto;
    width: auto;
    height: auto;
  }

  .imgWrapper img,
  .imgWrapper:nth-child(8) img {
    width: 210px;
    height: 210px; /* Altura maior para usar melhor o espaço vertical da tela */
    /* border-radius: 50px;
    object-fit: cover;
    z-index: 9999;
  } */

  .imgWrapper:hover img {
    transform: none; 
  }

  .text{
    font-size: 36px;
  }

  .logoMaster img {
    width: 60px;
    height: 60px;
  }

  .sideMenuLogo{
    width: 60px;
    height: 60px;
  }

  .navContainer {
    position: absolute;
  }
  .jobPreview {
    padding: 20px 20px;
  }

  .jobPreviewHeader {
    margin-bottom: 20px;
  }

  #previewJobName {
    font-size: 20px;
  }

  .jobPreviewMeta {
    font-size: 14px;
  }

  #previewJobDescription {
    font-size: 16px;
  }

  .viewMoreButton {
    font-size: 16px;
  }
}