/* Estilo para o corpo da página */
@font-face {
    font-family: 'Helvetica Now Display-Regular';
    src: url('/fonts/HelveticaNowDisplay-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica Now Display-Bold';
    src: url('/fonts/HelveticaNowDisplay-ExtraBold.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica Now Display-Medium';
    src: url('/fonts/HelveticaNowDisplay-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Helvetica Now Display-Light';
    src: url('/fonts/HelveticaNowDisplay-Light.woff') format('woff');
}


/* Popinns */
@font-face {
    font-family: 'Poppins-Light';
    src: url('/fonts/Poppins-Light.woff') format('woff');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('/fonts/Poppins-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('/Poppins/Poppins-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('/Poppins/Poppins-SemiBold.woff') format('woff');
}



/* Outfit */
@font-face {
    font-family: 'Outfit Light';
    src: url('/fonts/Outfit\ Light.woff') format('woff');
}

@font-face {
    font-family: 'Outfit-Regular';
    src: url('/fonts/Outfit-Regular.woff') format('woff');
}
@font-face {
    font-family: 'Outfit Semi Bold';
    src: url('/fonts/Outfit\ Semi\ Bold.woff') format('woff');
}

/*Montserrat*/
@font-face {
    font-family: 'Montserrat-Light';
    src: url('/fonts/Montserrat-Light.woff') format('woff');
}




@font-face {
    font-family: 'Montserrat-Regular';
    src: url('/fonts/Montserrat-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Montserrat-SemiBold';
    src: url('/fonts/Montserrat-SemiBold.woff') format('woff');
}






body {
    margin: 0;
    padding: 0;
    background-color: #09080B;
    
}

/*Geral*/
p{
    font-size: 18px;
    color: #a5a5a5;
    font-family: 'Helvetica Now Display-Regular';
    line-height: 160%;

}


/* Fontes */
h1 {
    font-family: 'Helvetica Now Display-Bold';
    color: #FFFFFF;
    font-size: 64px;
    line-height: 120%;
    font-weight: 100;
}

h2{
    font-size: 72px;
    font-family: 'Helvetica Now Display-Bold';
    color: #141414;
}

h3{
    font-size: 40px;
    color: #FFFFFF;
    font-family: 'Helvetica Now Display-Bold';
}
h4{
    font-size: 32px;
    color: #FFFFFF;
    font-family:'Helvetica Now Display-Bold';
}

h5{
    font-size: 28px;
    color: #FFFFFF;
    font-family: 'Helvetica Now Display-Bold';
}
h6{
    font-family: 'Helvetica Now Display-Bold';
    font-size: 18px;
    color: #808080;
}




/*______________________________________________________________________________________________________________*/
/*Conteiner*/
.container{
    width: 1380px; /* Defina o tamanho desejado para o container */
    max-width: 100%; /* Garanta que o container se ajuste de acordo com o tamanho da tela */
    margin-right: auto;
    margin-left: auto;
    padding-left: 0;
    padding-right: 0;
    


    
}



body {
    overflow-x: hidden; /* Impede o deslocamento horizontal */
    min-height: 100vh; /* Define a altura mínima do corpo da página para a altura da janela de visualização */
    overflow-y: auto; /* Adiciona scroll vertical quando necessário */
}



/*______________________________________________________________________________________________________________*/
/*NavBar*/
nav.elementonavbar{
    
    box-shadow: 0px 4px 4px #00000040;
    height: 80px;
    background-color: #09080b;
     /* Defina o tamanho desejado para o container */
    max-width: 100%; /* Garanta que o container se ajuste de acordo com o tamanho da tela */
    margin-left: 0;
    margin-right: 0;
    
    

    
}


.interno{
    width: 1380px;
    margin-right: auto;
    margin-left: auto;
    padding: 0;
}

.elementonavbar .navbar-brand,
.elementonavbar .navbar-nav .nav-link {
    color: #FFFFFF;
    font-family: "Helvetica Now Display-Light", Helvetica;
    font-size: 18px;
    position: relative;
   
    
    
}

.elementonavbar .navbar-brand .louren-o .text-wrapper {
    color: #00a87d;
}

.nav-link{
    position: relative;
}
.navbar-nav .nav-link::after {
    content: '';
    opacity: 0;
    transition: all 0.6s;
    height: 3px;
    width: 10%;
    background-color: #00A97E;
    position: absolute;
    bottom: -5px;
    left: 0px;
}

.navbar-nav .nav-link:hover::after {
    opacity: 1;
    width: 100%;
   
}

.mx-2 {
    margin-left: 32px !important;
    margin-right: 32px !important;
}
.mx-2-1{
    margin-left: 32px !important;
    margin-right: 0;
}

.custom-icon{
    color: #a5a5a5 !important;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    display: none;
}
.navbar-toggler[aria-expanded="true"] .navbar-close-icon {
    display: inline-block;
}


/*______________________________________________________________________________________________________________*/
/*Apresentacao*/

.apresentacao{
    
    margin-top: 160px;
    padding-left: 0;
    position: relative;
    margin-left: 0;
    margin-right: 0;
}


.nome{
    font-size: 56px;
    color: white;
    font-family: 'Helvetica Now Display-Bold';
    letter-spacing: 0;
    font-weight: 1000;
    display: block;
}
.imagem_decoracao{
    margin-left: 40px;
    margin-top: 0px;
    
}
.Imagem-perfil {
    max-width: 100%; /* Ajusta a largura da imagem conforme a tela */
    height: auto; /* Permite que a altura seja ajustada automaticamente */
    max-height: 560px; /* Define a altura máxima da imagem */
    
    
}


.Imagem-perfil1 {
    max-width: 100%; /* Ajusta a largura da imagem conforme a tela */
    height: auto; /* Permite que a altura seja ajustada automaticamente */
    max-height: 760px; /* Define a altura máxima da imagem */
    
    
}
.outra_imagem{
    margin-top: -128px;
}



.botao{
    padding: 8px 16px;
    font-size: 18px;
    color: #FFFFFF;
    font-family: 'Helvetica Now Display-Regular';
    border-radius: 0px;
    margin-top: 40px;

}
.botao-1{
    padding: 8px 16px;
    font-size: 18px;
    color: #FFFFFF;
    font-family: 'Helvetica Now Display-Regular';
    border-radius: 0px;
    margin-top: 24px;

}
.cor-botao-um{
    background-color: #00A97E;
    margin-right: 24px;
    text-decoration: none;

}
.cor-botao-um:hover{
    background-color: #0F0F13;
    color: #FFFFFF;
    border: 1px solid #707070;
}

.cor-botao-dois{
    background-color: transparent;
    border-color: #00A97E;
    border-width: 1px;
}
.cor-botao-dois:hover{
    background-color: #0F0F13;
    border: 1px solid #707070;
    
}


.cor-botao-3{
    background-color: #0F0F13;
    color: #FFFFFF;
    border: 1px solid #707070;

}
.cor-botao-3:hover{
    border: 1px solid #00A97E;
    background-color: #0F0F13;
    margin-right: 24px;
    text-decoration: none;
}
.cor-botao-4{
    background-color: #18181d;
    color: #FFFFFF;
    

}
.icon {
    margin-left: 8px; /* Ajuste conforme necessário para o espaçamento desejado */
    width: 14px; /* Ajuste conforme necessário para o tamanho desejado */
    height: 14px; /* Ajuste conforme necessário para o tamanho desejado */
    vertical-align: middle;
  }
.linha{
    color: #707070;
    margin-top: 80px;
    padding: 0; /* Remover padding */
    border-width: 2px;
    
}
.linha-2{
    color: #707070;
    margin-top: 16px;
    padding-left: 32px; /* Remover padding */
    border-width: 2px;
    margin-bottom: 40px;
    margin-left: 32px;
}
.linha-3{
    color: #707070;
    margin-top: 0px;
    border-width: 2px;
    
}

/*______________________________________________________________________________________________________________*/
/*Projetos*/


.card{
    background-color: #0F0F13;
    border: 0;
    padding: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    overflow: hidden;
    position: relative;
    
}
.imagem-superior {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.card p{
    font-size: 18px;
    font-family: 'Helvetica Now Display-Regular';
    color: #a5a5a5;
     
}
.espaco_card{
    margin: 0 0 144px 0;
}

.seta_1{
    margin-left: 16px;
    height: 20px;
    
}




.card:hover img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    transition: box-shadow 0.3s;
}

.card:hover .title h5 {
    text-decoration: underline;
}
.card:hover h5 {
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 10px;
    text-decoration-color: #686868;;
    
 /* Ajuste a espessura conforme necessário */
    
}


.card-body{
    margin-top: 16px;
    margin-bottom: 16px;
    padding-left: 28px;
}
.card-persona img{
    padding-right: 36px;
}




.link-externo {
    text-decoration: none;
    color: inherit;
}
.card-persona:hover .card-img-top {
    box-shadow: none;
}




.zoom-card {
    overflow: hidden;
    position: relative;
}

.zoom-card .imagem-superior-container {
    position: relative;
    overflow: hidden;
}

.zoom-card:hover .imagem-superior {
    transform: scale(1.2);
    transition: transform 0.3s;
}

.imagem-superior {
    width: 100%;
    height: auto;
    pointer-events: none;
}

.zoom-card .title {
    position: relative;
    z-index: 1;
}

.title h5:hover {
    text-decoration: underline; /* Adiciona um sublinhado apenas no hover do h5 */
}

.zoom-card:hover #iconeImagem {
    transform: scale(1.1);
    transition: transform 0.3s;
}

.zoom-card:hover #novaImagem {
    display: inline-block;
}
.texto-apresentacao {
    margin-top: 56px;
    
}
.texto-apresentacao h5{
    font-family: "Helvetica Now Display-Regular", Helvetica;
    font-size: 24px; 
    color: #FFFFFF;
    margin-right: 0;
    
}
.nome h1 {
    display: inline; /* ou 'inline' */
}
.nome {
    margin-right: 20px; /* ou o valor desejado */
}
/*______________________________________________________________________________________________________________*/
/*Projeto Penacova*/



.grupo-1 h3{
    margin-bottom: 80px;
}
.grupo-1 p{
    color: #FFFFFF;
}
.responsabilidades-list{
    list-style-type: square; /* Define o tipo de marcador como quadrado */
    padding-left: 20px; /* Adiciona um espaço à esquerda para separar o marcador do texto */
}
.alinhamento{
    margin-bottom: 16px;
    font-family: 'Helvetica Now Display-Medium';
    color: #A5A5A5;
}


.alinhamento-2{
    margin-top: -8px;
}
.margem-grupo2 h4{
    margin-top: 64px;
    margin-bottom: 80px;
}

.personalizar h5{
    font-size: 24px;
    font-family: 'Helvetica Now Display-Bold';
    color: #A5A5A5;
    margin-top: 48px;
}

.mar-user{
    margin-top: 232px;
    margin-bottom: 40px;
}
.mar-user-u{
    margin-top: 0px;
    margin-bottom: 232px;
}
.margem-alinhamento-p{
    margin-top: 96px;
}


.card-title{
    font-size: 24px;
    color: #ffffff;
}
.margem-alinhamento-perr{
    margin-top: 56px;
}
.margem-alinhamento-per{
    margin-top: 40px;
}
.card-body p{
    font-size: 16px;
}
.profession {
    text-align: right;
}
.mar-prof{
    margin-top: 21px;
    margin-right: 24px;
     
}
.mar-prof p{
    color: #FFFFFF;
}
.col-5 h5 {
    text-decoration: none !important;
}

.card-img-top {
    border-top-right-radius: 0; /* Remova o arredondamento da borda superior direita */
    border-bottom-right-radius: 0; /* Remova o arredondamento da borda inferior direita */
    border-top-left-radius: 0; /* Bordas superiores retas */
    border-top-right-radius: 0;
}

.alin-all{
    margin-left: 32px;
    margin-right: 32px;
    
}
.align-items-baseline {
    align-items: baseline !important;
}
.esp{
    padding-right: 0;
}
.mar-linha{
 padding-left: 24px;
 padding-right: 0;
}
.titi{
    font-size: 16px;
}
.texto-branco p{
    color: #ffffff;
}
.texto-persona h6{
    font-family: 'Helvetica Now Display-Medium';
}
.card-body > .row > .col-auto > h5 {
    text-decoration: none; /* Remove o sublinhado do texto "Joana Santos" */
}
.mar-per{
    margin-top: 16px;
}
.icon-persona {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    background-size: contain;
    transition: transform 0.3s ease;
}

.rotate {
    transform: rotate(180deg);
}
.white {
    color: white;
}
.btn:hover {
    text-decoration: underline;
    color: #ffffff;
    text-underline-offset: 8px;
    
}
.btn-pena {
    
    text-decoration: underline;
    color: #a5a5a5;
    text-underline-offset: 8px;
    font-family: 'Helvetica Now Display-Regular';
    padding-right: 0;
    text-decoration-thickness: 1px;
    border: none;

}



.link-d {
    position: relative;
    color: rgb(255, 255, 255); /* Cor do texto */
    text-decoration: none; /* Remova o sublinhado padrão */
    font-family: 'Helvetica Now Display-Regular';
    font-size: 18px;
    display: inline-block; /* Adicione isso para que a largura do link seja baseada no conteúdo */
    
}

.link-d::after {
    content: '';
    position: absolute;
    bottom: -3px; /* Ajuste este valor conforme necessário para adicionar espaço entre a palavra e o sublinhado */
    left: 0;
    width: calc(100% - 16px); /* Largura inicial do sublinhado (tamanho do texto do link menos o espaço do ícone) */
    height: 1px; /* Altura do sublinhado */
    background-color: #a5a5a5; /* Cor do sublinhado */
    transition: width 0.3s ease; /* Adicione uma transição suave */
    width: 76%;
}

.link-d:hover::after {
    width: 98%; /* Largura do sublinhado ajustada para 100% no hover */
}


.cor-separa{
    background-color: #00a87d;
}


.bt2 svg {
    margin-left: 8px; /* Adiciona espaço entre o texto e o ícone */
    margin-top: -8px;
}
.bt1 p{
    font-size: 18px;
    border: none;
}
.bt2 p{
    font-size: 18px;
    border: none;
}

.btn-content {
    display: flex;
    align-items: center; /* Alinha verticalmente */
}






.btn-content {
    display: flex;
    align-items: center; /* Alinha verticalmente */
}

.btn-content p {
    margin-right: 8px; /* Adiciona espaço entre o texto e o ícone */
}
.btn-content:hover p {
    color: #ffffff;
    border: none;
}
.ali-ico{
    margin-bottom: 10px;
    margin-left: 8px;
}
.ali-ico-2{
    margin-top: 4px;
    margin-left: -13px;
}
.mar-user-1{
    margin-top: 232px;
    margin-bottom: 40px;
}
.mar-user-3{
    margin-top: 232px;
    margin-bottom: 232px;
}
.mar-user-2{
    
    margin-bottom: 40px;
}
.tabela-mar-1 th{
    margin-left: -40px;
}
.table {
    border-collapse: collapse;
}
.table th,
.table td {
    border: none;
}
.table-transparent {
    background-color: transparent !important;
}
.login-cell {
    background-color: transparent !important;
}
.table-bordered, .table-bordered th, .table-bordered td {
    border-color:#202020 !important; /* Altere para a cor desejada */
    border-width: 1px !important;
}
.table td, .table th {
    color: rgb(129, 129, 129); /* Altere para a cor desejada */
}
.umdoi{
    border-top: #00A97E;
}

.table-bordered {
    border-color: red; /* Altere a cor conforme desejado */
}
/* Define a cor das bordas internas da tabela */
.table-bordered th, .table-bordered td {
    border-color: red; /* Altere a cor conforme desejado */
}
.cor-borda{
    border-top: #00a87d;
    border-bottom: #00a87d;
}
.font-table{
    font-size: 18px;
    font-family: 'Helvetica Now Display-Bold';
    color: #FFFFFF;

}
.font-table-linha{
    font-size: 18px;
    font-family: 'Helvetica Now Display-Light';
    color: #A5A5A5;
    letter-spacing: 1px;
}
.mar-table-top{
    margin-top: 48px;
}
.card-ar{
    height: 104px;
    
}
.ali-mg-le{
    margin-left: 64px;
}
.marg-all-t{
    margin-bottom: 232px;
}




.icon-move {
    transition: transform 0.3s ease;
    margin-right: 64px;
}

.card-body:hover .icon-move {
    transform: translateX(8px) translateY(-50%)!important;
}
.text-with-margin {
    margin-left: 64px;
}
.card-aq{
    background-color: #0F0F13;
}
.card-aq:hover {
    border: 1px solid;
    border-color: transparent;
    border-image: linear-gradient(45deg, rgb(9, 8, 11), #313131) 1;
}



.modal-content{
    margin-top: 140px;
}
.modal-body{
    
    border-bottom: 1px solid #313131;
    border-right: 1px solid #313131;
    border-left: 1px solid #313131;
    padding: 0;
}

.btn-close-white {
    color: #ffffff; /* Cor branca */
    position: absolute; /* Posicionamento absoluto */
    top: 10px; /* Distância do topo */
    right: 10px; /* Distância da direita */
}

.modal-header .btn-close.btn-close-white {
    background-color: transparent; /* torna o fundo transparente */
    border: none; /* remove a borda */
}

/* Ajustar o ícone para que fique visível */
.modal-header .btn-close.btn-close-white::before {
    color: white; /* Define a cor do ícone para branco */
}
.modal-content .btn-close.btn-close-white {
    background-color: transparent; /* Torna o fundo transparente */
    border: none; /* Remove a borda */
    color: white; /* Define a cor do ícone para branco */
}
.modal-header{
    background-color: #09080B;
    border: none;
    border-radius: 0;
    border-right: 1px solid #313131;
    border-left: 1px solid #313131;
    border-top:1px solid #313131;
    padding-bottom: 64px;
    border-bottom: none;
}
.btn-close{
    margin-top: 32px !important; 
    margin-right: 64px !important;
}

.imagem-padrao {
    background-size: contain; 
    background-repeat: no-repeat; /* Definindo para que a imagem não se repita */
    height: 342px; 
    border: 1px solid #313131; 
    background-position: center;
    background-image: url('/Imagens/Penacova/arquitetura/um.png');
    margin-left: 12px;
    margin-right: -12px;
}
.imagem-padrao1 {
    background-size: contain; 
    background-repeat: no-repeat; /* Definindo para que a imagem não se repita */
    height: 342px; 
    border: 1px solid #313131; 
    background-position: center;
    background-image: url('/Finger/Imagens/MDE/missoes.png');
    margin-left: 12px;
    margin-right: -12px;
}
.image-container {
    height: 120px; /* Defina a altura desejada aqui */
    overflow: hidden; /* Para esconder qualquer parte da imagem que ultrapasse a altura definida */
    margin-bottom: 232px;
    margin-top: -88px;
}

.smaller-image {
    width: 100%; /* Garante que a imagem se ajuste ao contêiner */
    height: auto; /* Permite que a altura da imagem seja ajustada proporcionalmente à largura */
}
.mar-im-1{
    padding-right: 8px;
    
}



.mar-im-1,
.mar-img-u {
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
}

.image-container {
    display: inline-block; /* Adiciona display inline-block para envolver a imagem */
    position: relative; /* Adiciona position relative para coordenar com a borda */
}

.image-container img {
    display: block; /* Garante que a imagem seja exibida como um bloco */
}

.image-container:hover::after {
    
    opacity: 0.6;
    
}
.hover-effect {
    
    opacity: 0.3;
    }
    .hover-effect:hover::after {
        display: block;
    }
    

.mar-imgs{
    margin-top: 48px;
    padding-bottom: 3px;
}
.image-container img {
    max-height: 400px; /* Define a altura máxima como 400px */
    max-width: 100%; /* Define a largura máxima como 100% da largura do contêiner pai */
    width: auto; /* Permite que a largura seja ajustada automaticamente */
    max-height: 500px; /* Define a altura máxima como 500px */
    
}

.margem-que-define-0{
    margin-left: 0;
}

.margem-e{
    margin-left: 0;
    margin-right: 0;
    margin-top: 80px;
}
.smaller-image:hover {
   
    filter: brightness(1.2); /* Aumenta o brilho da imagem */
    transition: filter 0.3s ease; /* Adiciona uma transição suave */
   
}



.mag-texto-l{
    margin-top: 100px;
}


.caption-style {
    position: absolute;
    bottom: 20px; /* Ajuste conforme necessário */
    left: 50%;
    transform: translateX(-50%);
    background-color: rgba(255, 0, 0, 0.5); /* Cor de fundo com transparência */
    color: white;
    padding: 10px;
}

.mag-texto-2{
    margin-top: 24px;
}
.mag-texto-2 h6{
    font-size: 16px;
}
.mag-texto-2 p{
    font-size: 16px;
    color: white;
}






/* Estilo para o modal */
.modall {
    display: none;
    position: fixed;
    z-index: 1;
    padding-top: 50px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
  }
  
  /* Estilo para a imagem dentro do modal */
  .modall-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
  }
  
  /* Estilo para o botão de fechar o modal */
  .closee {
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
    z-index: 2; /* Garante que o botão de fechar fique acima da imagem */
  }
  
  .closee:hover,
  .closee:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
  }

  .imagem-g {
    transition: transform 0.3s ease; /* Transição suave para o efeito de zoom */
    position: relative;
    z-index: 1;
    }

    .imagem-g:hover {
    transform: scale(1.2); /* Aumenta o tamanho da imagem em 10% no hover */
    }

    .imagem-g-2 {
        transition: transform 0.3s ease;
        position: relative;
        z-index: 1;
        max-width: 100%; /* Definindo uma largura máxima para a imagem */
        height: auto;
        }
    
        .imagem-g-2:hover {
        transform: scale(1.3); /* Aumenta o tamanho da imagem em 10% no hover */
        }
        .img-al{
            max-width: 100%; /* Garante que a largura da imagem se ajuste automaticamente */
            height: 300px; /* Define a altura desejada para a imagem */
            object-fit: contain; /* Ajusta a imagem para caber dentro do contêiner sem distorção */
            
        }


        .hover-effectt {
    
            opacity: 0.3;
            }
            .hover-effectt:hover::after {
                display: block;
            }

            .marg-font{
                margin-top: 232px;
            }
    
    .mar-regular{
        margin-right: 40px;
    }
    .popins-regular{
        font-size: 28px;
        color: #FFFFFF;
        font-family: 'Poppins-Regular';
        margin: 0;
    }
    .popins-light{
        font-size: 28px;
        color: #FFFFFF;
        font-family: 'Poppins-Light';
        margin: 0;
    }
    .popins-semi-bold{
        font-size: 28px;
        color: #FFFFFF;
        font-family: 'Poppins-SemiBold';
        margin: 0;
    }

    .outfit-light{
        font-size: 28px;
        color: #FFFFFF;
        font-family: 'Outfit Light';
        margin: 0;
    }
    .outfit-semi-bold{
        font-size: 28px;
        color: #FFFFFF;
        font-family: 'Outfit-SemiBold';
        margin: 0;
    }
    .outfit-regular{
        font-size: 28px;
        color: #FFFFFF;
        font-family: 'Outfit-Regular';
        margin: 0;
    }







    .montserrat-light{
        font-size: 28px;
        color: #FFFFFF;
        font-family: 'Montserrat-Light';
        margin: 0;
    }
    .montserrat-semi-bold{
        font-size: 28px;
        color: #FFFFFF;
        font-family: 'Montserrat-SemiBold';
        margin: 0;
    }
    .montserrat-regular{
        font-size: 28px;
        color: #FFFFFF;
        font-family: 'Montserrat-Regular';
        margin: 0;
    }





    .pad-ima-fonte{
        padding-left: 4px;
                    }      
    



    /* Defina os estilos para a imagem */
    .imagem-ajustada {
        height: auto; /* Ajusta automaticamente a altura */
        max-height: 1em; /* Altura máxima */
        margin: 0; /* Margem ao redor da imagem */
    }

    /* Alinhe verticalmente os itens */
    .d-flex.align-items-center {
        display: flex;
        align-items: center;
    }
.mar-tamanhos{
    margin-top: 80px;
}

.mar-tamanhos h5{
    font-size: 24px;
    font-family: 'Helvetica Now Display-Regular';
    margin-bottom: 32px;
}

.mar-p-tamanhos{
    margin-bottom: 8px;
}
.fonte-diferente h5{
    font-size: 24px;
}
.margem-fases{
   margin-bottom: -34px;
}

.margem-f{
    margin-top: 16px;
}
.margem-linha-galeria{
    margin-bottom: 80px;
}

.img-ajustada{
    border: #1a1a1a 1px solid;
    transition: transform 0.3s;
}
.img-ajustada:hover{
    border: #3f3f3f 1px solid;
    transform: scale(1.1);
    }



    .modal-content {
        width: auto; /* Definir largura automática */
        max-width: calc(100% - 30px); /* Definir largura máxima menos uma margem de 15px em cada lado */
        margin: auto; /* Centralizar o modal */
        background-color: transparent; /* Fundo transparente */
    }
    
    .modal-body.modal-a {
        text-align: center; /* Centralizar o conteúdo */
    }
    
    .modal-body.modal-a img {
        max-height: 748px;
        max-width: 100%; /* Definir largura máxima */
        height: auto;
    }

    .modal {
        background-color: rgba(0, 0, 0, 0.8); /* Fundo preto com opacidade de 0.5 */
    }

    .personalizacao-close .btn-close{
        margin-right: -16px !important;
        margin-top: 0px!important;
        margin-bottom: 24px !important;
        
    }
    .personalizacao .modal-header{
        background-color: transparent;
        border:none; /* Eliminar a borda */
    }

    .modal-custom .modal-body  {
        border: none;
    }

    .modal-custom .modal-header{
        
        padding-bottom: 40px;
       
    }
    .modal-body.modal-b img {
        max-height: calc(100vh - 200px); /* Definir a altura máxima como 100% da altura da janela menos uma margem de 200px */
        max-width: 100%; /* Definir largura máxima */
        height: auto;
    }

    .modal-custom .modal-dialog {
        max-width: calc(100% - 30px); /* Definir largura máxima menos uma margem de 15px em cada lado */
        margin: auto; /* Centralizar o modal */
        max-height: calc(100vh - 40px); /* Definir altura máxima como 100% da altura da janela menos uma margem de 40px */
    }




    figure.zoom {
    background-position: center center;
    background-size: contain;
    position: relative;
    width: 100%; /* Manter largura 100% */
    overflow: hidden;
    cursor: zoom-in;
}
    
    figure.zoom img {
        transition: opacity .5s;
        display: block;
        width: 100%;
    }

    .marg-ecras{
        margin-top: 232px;
    }
    .marg-alta{
        margin-top: 232px;
        margin-bottom: 80px;
    }
    .marg-font-alta{
        margin-bottom: 40px;
    }
    .marg-font-alta h5{
        color: #808080;
    }
    .marg-back-app{
        margin-top: 80px;
    }
    .texto-testes h1{
        font-size: 120px;
        display: inline-block; /* Adicionado */
        margin: 0; /* Remover a margem */
    }
    .tamanho-ajuste h5{
        font-size: 28px;
    }

    .mar-resposta{
        margin-top: 40px;
    }
    .margem-lin{
        margin-bottom: 32px;
    }
    .marg-bt-base{
        margin-bottom: 80px;
    }
    .ajustes-1{
        margin-bottom: 40px;
    }
    .mar-ut{
         margin-bottom: 0px; margin-top: 24;
    }
    .mar-pontos-ut{
        margin-bottom: 232px;
    }
    .percurso h2{
        font-size: 32px;
        font-family: 'Helvetica Now Display-Light';
        color: white;
    }

    .marg-tese h2{
        font-size: 24px;
        font-family: 'Helvetica Now Display-Light';
        color: white;
        margin-bottom: 48px;
    }
    .texto-unidades p{
        font-size: 18px;
    }
    .marg-capacidade{
        margin-right: 24px;
    }

    .projetos h5{
        font-size: 20px;
        font-family: 'Helvetica Now Display-Light';
        color: white;

    }
   
    .marg-pro{

        margin-bottom: 48px;
    }
    .marg-fer{
        margin-top: 24px;
    }
    .perfil-imge{
        max-height: 800px;
    }
   
    .pad-img{
        padding-top: 24px;
    }
    
    .tabela-linkert{
         
        font-size: 18px;
         color: #09080B; 
         font-family: 'Helvetica Now Display-Bold';
    }

    .marg-img-decor-percurso{
        margin-top: 16px;
        
    }
    .tamanho-img-grid{
        height: 100%;
        width: auto;
    }

    .imagem-g3 {
        max-width: 100%;
        height: auto;
    }

  

    .cores-finger-wrapper {
        display: flex;
        justify-content: space-between;
    }

    .cores-finger {
        margin-bottom: 16px;
    }

    .cores-finger img {
        width: 100px;
        height: 136px;
    }

    .cores-finger p {
        color: #a5a5a5;
        margin-bottom: 0;
        text-align: center;
    }
    
    .video-wrapper {
        position: relative;
        padding-bottom: 56.25%; /* Proporção de aspecto 16:9 para vídeo */
        height: 0;
    }
    
    .video-wrapper video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }



    .video-container {
        position: relative;
        padding-bottom: 100%; /* Proporção de aspecto 16:9 */
        height: 0;
    }

    .video-container video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .mar-finger{
        margin-top: 64px;
        margin-bottom: 232px;
    }
    .pad-img-VR{
        padding-bottom: 24px;
    }
    
    
/*______________________________________________________________________________________________________________*/
/*Tamanho do Nome*/
@media (max-width: 575.98px) {
    h1 {
        font-family: 'Helvetica Now Display-Bold';
        color: #FFFFFF;
        font-size: 24px;
        line-height: 120%;
        font-weight: 100;
    }
    .outra_imagem{
        margin-top: 48px;
        margin-left: 0;
    }
    .logo-container{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .fundo{
        box-shadow: 0px 16px 16px #00000040;
        background-color: #09080b;
        margin-bottom: 40px;
    }
    .elementonavbar .navbar-brand,
    .elementonavbar .navbar-nav .nav-link {
    color: #FFFFFF;
    font-family: "Helvetica Now Display-Regular", Helvetica;
    font-size: 18px;
    position: relative;
    margin: 10px;
    text-align: center;}

    .about{
    margin-left: -32px;
  
                    }
.apresentacao{
    margin-top: 56px;
}

.titulo-principal{font-size: 24px;}

    .imagem_decoracao{
    margin-left: 24px;
    margin-top: -24px;
    }

    .texto-body{
        font-size: 16px;
    }
  
    nav.elementonavbar{ padding-left: 16px;
    padding-right: 16px;}

    .card{
        margin-bottom:56px;
    }
    .card p{
        font-size: 16px;
           
    }
    .card h5{
        font-size: 24px;
        
    }
    
    .seta_1{
        margin-left: 12px;
        height: 15px;   
    }

    .card-body{
        margin-top: 12px;
        margin-bottom: 12px;
        padding-left: 32px;
    }

    h4{
        font-size: 28px;
    }
    h6{
        font-size: 16px;
    }
   
   .texto-apresentacao h5{
    font-size: 32px;
    
    
}
.texto-apresentacao p{
    
    margin-top: 16px;
    
}
    
    /*______________________________________________________________________________________________________________*/
/*Projeto Penacova*/
.imagem-largura-total {
    width: auto;
    margin-top: 80px;
    height: 200px;
    align-items: center;
}
.margem-quebra-h6{
    margin-top: 40px;
}
.container-extendido-projeto p{
    font-size: 16px;
}


.margem-alinhamento{
    margin-left: 24px;
}
.mar-user{
    margin-top: 144px;
    margin-bottom: 40px;
}
.mar-user-u{
    margin-top: 144px;
    margin-bottom: 40px;
}
.mar-user-1{
    margin-top: 80px;
    margin-bottom: 24px;
}
.mar-user-3{
    margin-top: 80px;
    margin-bottom: 24px;
}
.mar-user-2{
    margin-top: 80px;
    margin-bottom: 24px;
}
.tamanho-imagem-persona {
    max-height: 200px; /* ou qualquer outra altura desejada para telas menores */
}
.altura-200 {
    height: 200px;
    margin-top: 24px;
}
.container-extendido {
    /* Estilos para a classe container-extendido em telas de no mínimo 1919px de largura */
    padding-top: 40px;

    margin-left: auto; /* Centraliza o container na tela */
    margin-right: auto; /* Centraliza o container na tela */
    
}
.titulo-principal{font-size: 150px;}
.container{
        
    padding-left: 16px;
    padding-right: 16px;  
}
.imagem-superior{
    width: auto; /* Define a largura como automática */
    height: 220px; /* Defina a altura desejada para telas pequenas */
    object-fit: cover; /* Garante que a imagem cubra todo o container */
}

.texto-pequeno p{
    font-size: 16px;
}




.alinhamento{
    margin-bottom: 0px;

}

.margem-grupo2 h4{
    margin-top: 40px;
    margin-bottom: 0px;
}
.responsabilidades-list p{
    font-size: 16px;
}

.grupo-1 h3{
    font-size: 32px;
}
.margem-alinhamento{
    margin-left: 24px;
}

.mar-user{
    margin-top: 40px;
    margin-bottom: 32px;
}
.mar-user-u{
    margin-top: 40px;
    margin-bottom: 32px;
}
.mar-user-1{
    margin-top: 64px;
    margin-bottom: 24px;
}
.mar-user-3{
    margin-top: 104px;
    margin-bottom: 64px;
}
.mar-user-2{
    margin-top: 24px;
    margin-bottom: 24px;
}


.mar-user h4{
    margin-bottom: -16px;
}
.mar-user-1 h4{
    margin-bottom: -16px;
}
.mar-user-3 h4{
    margin-bottom: -16px;
}
.mar-user-2 h4{
    margin-bottom: -16px;
}
.max-height-300 {
    max-height: 300px;
}
.card-persona img{
    padding-right: 0;
}


.alin-2-btn{
    margin-top: -48px;
}
.bt1 p{
    font-size: 16px;
  
}
.bt2 p{
    font-size: 16px;
    
}
.bt2 svg {
    margin-left: 8px; /* Adiciona espaço entre o texto e o ícone */
    margin-top: -12px;
}

.font-table{
    font-size: 16px;
    

}
.font-table-linha{
    font-size: 16px;
    
}

.percentagem{
    width: 1%;
}
.mar-table-top{
    margin-top: -40px;
}
.mar-ali-card-ar{
    margin-bottom: 0;
}
.btn-close{
    margin-top: 32px !important; 
    margin-right: 32px !important;
}
.text-with-margin {
    margin-left: 32px;
}
.marge-prototipo{
    margin-top: 8px;
    margin-bottom: 0px;
}

.marg-all-t{
    margin-bottom: 56px;
}
.img-al{
    max-width: 100%; /* Garante que a largura da imagem se ajuste automaticamente */
    height: 500px; /* Define a altura desejada para a imagem */
    object-fit: contain; /* Ajusta a imagem para caber dentro do contêiner sem distorção */
    object-position: center; /* Centraliza a imagem horizontalmente */
}
.mar-grid{
    margin-bottom: 20px;
    
}
.mar-grid-2{
    margin-bottom: 20px;
    margin-top: 40px;
}

.imagem-ajustada {
    height: auto; /* Ajusta automaticamente a altura */
    max-height: 1em; /* Altura máxima */
    margin: 0; /* Margem ao redor da imagem */
}

/* Alinhe verticalmente os itens */
.d-flex.align-items-center {
    display: flex;
    align-items: center;
}
.popins-semi-bold{
    font-size: 24px;
    font-family: 'Poppins-SemiBold';
    
    }

    .popins-light{
        font-size: 24px;
        
        font-family: 'Poppins-Light';
        
    }
    .popins-regular{
        font-size: 24px;
        
        }    




 .outfit-light{
        font-size: 24px;
        
    }
    .outfit-semi-bold{
        font-size: 24px;
        
    }
    .outfit-regular{
        font-size: 24px;
        
    }
.mar-tamanhos{
margin-top: 64px;
}

.marg-cores{
    margin-top: 64px;
}
.montserrat-light{
    font-size: 24px;
    
    font-family: 'Montserrat-Light';
    
}
.montserrat-semi-bold{
    font-size: 24px;
    
    font-family: 'Montserrat-SemiBold';
    
}
.montserrat-regular{
    font-size: 24px;
    
    font-family: 'Montserrat-Regular';
    
}


.imagem-app{
    height: 440px;  
}


.mar-ajuste{
    margin-bottom: 24px;
}



.personalizacao-close .btn-close{
    z-index: 99;
    
}

.modal-body.modal-a img {
    max-height: 600px;
   
}
.modal-body.modal-b img {
    max-height: 900px;
   
}


.personalizacao-close .btn-close{
    z-index: 99;
}  


.modal-custom .modal-dialog {
    max-width: calc(100% - 60px); /* Definir largura máxima menos uma margem de 30px em cada lado */
}

.modal-custom .modal-body img {
    max-width: 100%; /* Definir largura máxima como 100% */
    max-height: calc(100vh - 80px); /* Definir altura máxima como 100% da altura da janela menos uma margem de 80px */
    height: auto;
}

.mar-but-u{
    
    margin-top: 40px;
}
.mar-but-v{
    
    margin-top: 40px;
}

.grupo-1{
    margin-top: 56px;
}

.marg-bt-base{
    margin-top: 80px;
    margin-bottom: 32px;
}

.marg-sobre{
    margin-top: 64px;
}



.mar-soma{
    margin-right: 24px;
}


.marg-generos{
    margin-bottom: 48px;
}


.marge-linha-fonte{
    margin-bottom: 0;
}

.mar-espace{
    margin-top: 80px;
}


.marg-ecras{
    margin-top: 80px;
}

.margem-linha-galeria{
    margin-bottom: 32px;
}

.marg-alta{
    margin-top: 80px;
    margin-bottom: 32px;
}
.mar-s{
    margin-top: 80px;
    margin-bottom: 8px;
}
.mar-resposta{
    margin-top: 16px;
}

.mar-ut{
    margin-top: 32px; margin-bottom: 0px;
}
.mar-pontos-ut{
    margin-top: 16px;
}

.reducao h5{
    font-size: 24px;
}
.reducao-1 h5{
    font-size: 24px;
}

.marg-linha-1{
    margin-bottom: 48px;
    margin-top: 56px;
}
.tam-1 h2{
font-size: 48px;
}
.mar-user-um{
    margin-bottom: 56px;
}



.shared-height {
    height: auto; /* Ou a altura desejada */
    width: 600px;
    max-width: 100%;
}
.imagem-i{
    height: auto; /* Ou a altura desejada */
    width: 200px;
    max-width: 100%;
}

.marg-descricao-1 p{
    font-size: 16px;

}



.marg-nome h1{
    font-size: 48px;
  }




  .marg-nome h1{
    font-size: 48px;
  }
  .percurso-1 h1 {
    font-size:200px !important;
}

.top-marg{
    margin-top: 80px;
}





.marg-linha-perfil{
    margin-top: 0px;
    margin-bottom: 24px;
}
.marg-linha-perfil-1{
    margin-top: 24px;
    margin-bottom: 0px;
}

.acad-marg{
    margin-top: 160px;
}

.texto-unidades p{
    font-size: 16px;
}

.marg-capacidade{
    margin-right: 8px;
}


p{
    font-size: 16px;
}
.projetos{
    margin-left: 40px;
}
.projetos h5{
    font-size: 18px;
}

.projetos{
    margin-left: 48px;
}
.marg-pro{

    margin-bottom: 32px;
}
.marg-fer{
    margin-top: 8px;
}

.personalizar h5{
    
    margin-top: 32px;
}
.pad-img-1{
    padding-top: 24px;
}



.flex-container_1 {
        
    line-height: 100px;
}


.forcar-pd{
    padding-right: 120px;
}

.text-dec{
    font-size: 11px;
    
}



.marg-prou{
    margin-bottom: 32px;
}
.imagem-grid-2 img{
    height: 600px;
    
}
.imagem-stro {
    margin-left: auto;
    margin-right: auto; /* Centraliza horizontalmente */
    width: 100%; /* Garante que o contêiner ocupe todo o espaço disponível */
}

.imagem-stro img {
    display: block; /* Garante que a imagem se comporte corretamente */
    max-width: 72%; /* Garante que a imagem não ultrapasse a largura do contêiner */
    height: auto; /* Altura automática para manter a proporção */
}
.carousel-item img {
    display: block;
    margin: 0 auto; /* Isso centraliza a imagem horizontalmente */
}
.cores-finger p{
    margin-top: 8px;
 }
 .cor{
    margin-top: 40px;
 }
 .cores-f{
    margin-top: 40px;
 }
 .cores-finger img,p{
    margin-right: 24px;
 }
 .margem-superior {
    margin-top: 48px; /* Ajuste o valor conforme necessário */
}
.margin-img-empresa{
    margin-bottom: 0px;
}

.carta-imersivo {
    height: 600px; /* Defina a altura desejada */
    object-fit: contain; /* Mantém a proporção da imagem sem distorcer, ajustando-se dentro do contêiner */
    width: 100%; /* Garante que a largura se ajuste automaticamente à altura especificada */
}





}




/* Small (sm) */
@media (min-width: 576px) and (max-width: 767.98px) {
    h1 {
        font-family: 'Helvetica Now Display-Bold';
        color: #ffffff;
        font-size: 32px;
        line-height: 120%;
        font-weight: 100;
    }
    
    .outra_imagem{
        margin-top: 48px;
        margin-left: auto !important;

    }
    .logo-container{
        padding-top: 20px;
        padding-bottom: 20px;
    }
   
    .fundo{
        box-shadow: 0px 16px 16px #00000040;
        background-color: #09080b;
        margin-bottom: 40px;
    }
    .elementonavbar .navbar-brand,
    .elementonavbar .navbar-nav .nav-link {
    color: #FFFFFF;
    font-family: "Helvetica Now Display-Regular", Helvetica;
    font-size: 18px;
    position: relative;
    margin: 10px;
    text-align: center;}

.about{
    margin-left: -32px;
  
}



    .imagem_decoracao{
    margin-left: 0px;
    margin-top: 27px;
    }

    .apresentacao{
        margin-top: 80px;
    }
    .texto-body{
        font-size: 16px;
    }
    
    .card{
        margin-bottom:56px;
    }
    .card p{
        font-size: 16px;
           
    }
    .card h5{
        font-size: 24px;
        
    }
    
    .seta_1{
        margin-left: 12px;
        height: 15px;   
    }

    .card-body{
        margin-top: 12px;
        margin-bottom: 12px;
        padding-left: 32px;
    }

    h4{
        font-size: 28px;
    }
    h6{
        font-size: 1px;
    }
    
 
    
    
    .tamanho-imagem-persona {
        max-height: 200px; /* ou qualquer outra altura desejada para telas menores */
    }

    .altura-200 {
        height: 200px;
        margin-top: 24px;
    }

    .container-extendido {
        /* Estilos para a classe container-extendido em telas de no mínimo 1919px de largura */
        padding-top: 80px;
        margin-left: auto; /* Centraliza o container na tela */
        margin-right: auto; /* Centraliza o container na tela */
    }
    .titulo-principal{font-size: 250px;}

    .texto-apresentacao h5{
        font-size: 32px;
        
        
    }
    .texto-apresentacao p{
        
        margin-top: 16px;
        
    }
  
    .outra_imagem{
        margin-bottom: 32px;
        margin-left: 0;
    }
    .container{
        
        padding-left: 24px;
        padding-right: 24px;  
    }
    .interno{
        
       padding-left: 24px;
       padding-right: 24px;
    }
   
    .texto-pequeno p{
        font-size: 16px;
    }
    .alinhamento{
        margin-bottom: 0;
    }
    .grupo-1 h3{
        font-size: 32px;
    }
    .margem-alinhamento{
        margin-left: 24px;
    }
    .mar-user{
        margin-top: 40px;
        margin-bottom: 32px;
    }
    .mar-user-1{
        margin-top: 64px;
        margin-bottom: 24px;
    }
    .mar-user-2{
        margin-top: 64px;
        margin-bottom: 24px;
    }

    .mar-user h4{
        margin-bottom: -40px;
    }
    .mar-user-1 h4{
        margin-bottom: -40px;
    }
    .mar-user-3 h4{
        margin-bottom: -40px;
    }
    .mar-user-2 h4{
        margin-bottom: -40px;
    }
    .max-height-300 {
        max-height: 300px;
    }
    .card-persona img{
        padding-right: 0;
    }
    .alin-2-btn{
        margin-top: -48px;
    }
    .bt1 p{
        font-size: 16px;
      
    }
    .bt2 p{
        font-size: 16px;
        
    }
    .bt2 svg {
        margin-left: 8px; /* Adiciona espaço entre o texto e o ícone */
        margin-top: -12px;
    }
    .font-table{
        font-size: 16px;
        
    
    }
    .font-table-linha{
        font-size: 16px;
        
    }
    .marg-descricao-1 p{
        font-size: 16px;
    
    }
    .alin-mar-table{
        margin-right: 100px;
    }
    .mar-ali-card-ar{
        margin-bottom: 0;
    }
    .btn-close{
        margin-top: 32px !important; 
        margin-right: 32px !important;
    }
    .text-with-margin {
        margin-left: 32px;
    }
    .marge-prototipo{
        margin-top: 8px;
        margin-bottom: 0px;
    }
    .prototipos h4{
        margin-top: 0;
    }
    .mar-grid{
        margin-bottom: 16px;
    }
    .mar-grid-2{
        margin-bottom: 16px;
    }
    

.popins-regular{
font-size: 24px;

}
.popins-semi-bold{
font-size: 24px;
font-family: 'Poppins-SemiBold';

}    
.popins-light{
    font-size: 24px;
    
    font-family: 'Poppins-Light';
    
}   
.outfit-light{
    font-size: 24px;
    
}
.outfit-semi-bold{
    font-size: 24px;
    
}
.outfit-regular{
    font-size: 24px;
    
}
.montserrat-light{
    font-size: 24px;
    
    font-family: 'Montserrat-Light';
    
}
.montserrat-semi-bold{
    font-size: 24px;
    
    font-family: 'Montserrat-SemiBold';
    
}
.montserrat-regular{
    font-size: 24px;
    
    font-family: 'Montserrat-Regular';
    
}

.imagem-ajustada {
    height: auto; /* Ajusta automaticamente a altura */
    max-height: 1em; /* Altura máxima */
    margin: 0; /* Margem ao redor da imagem */
}

/* Alinhe verticalmente os itens */
.d-flex.align-items-center {
    display: flex;
    align-items: center;
}
.mar-tamanhos{
    margin-top: 64px;
    }



    p{
        font-size: 16px;
    }
    

    .marg-cores{
        margin-top: 64px;

    }

    .marg-top-galeria{
        margin-top: 40px;
        
       }
    
    .pad-galeria-1{
        height: 428px;
        width: auto;
        justify-content: center;
    }

    .group-100{
        width: 500px;
    }
    .group-98{
        width: 500px;
        
    }
    .img-big{
        height: 620px;
        width: auto;
        justify-content: center;
        
        }
        
                
        .mar-ajuste{
            margin-bottom: 24px;
        }             
        .personalizacao-close .btn-close{
            z-index: 99;
            
        }
        .modal-body.modal-a img {
            max-height: 500px;
           
        }
        
        .modal-custom .modal-dialog {
            max-width: calc(100% - 60px); /* Definir largura máxima menos uma margem de 30px em cada lado */
        }
    
        .modal-custom .modal-body img {
            max-width: 100%; /* Definir largura máxima como 100% */
            max-height: calc(100vh - 80px); /* Definir altura máxima como 100% da altura da janela menos uma margem de 80px */
            height: auto;
        }

        .mar-but-u{
    
            margin-top: 40px;
        }
        .mar-but-v{
            
            margin-top: 40px;
        }
        .margim-generos{
            margin-left: 0px;
            margin-right: 50px;
        }
        .marg-bt-base{
            margin-top: 80px;
            margin-bottom: 32px;
        }

        .marg-sobre{
            margin-top: 64px;
        }

        .mar-soma{
            margin-right: 24px;
        }
        .marg-generos{
            margin-bottom: 48px;
        }
        .marge-linha-fonte{
            margin-bottom: 0;
        }
        
        .mar-espace{
            margin-top: 80px;
        }
        .marg-ecras{
            margin-top: 80px;
        }
        .margem-linha-galeria{
            margin-bottom: 32px;
        }
        .marg-alta{
            margin-top: 80px;
            margin-bottom: 32px;
        }
        .mar-s{
            margin-top: 80px;
            margin-bottom: 8px;
        }
        .mar-resposta{
            margin-top: 16px;
        }
        .mar-ut{
            margin-top: 32px; margin-bottom: 0px;
        }
        .mar-pontos-ut{
            margin-top: 16px;
        }
        .reducao h5{
            font-size: 24px;
        }
        .reducao-1 h5{
            font-size: 24px;
        }
        .marg-linha-1{
            margin-bottom: 56px;
            margin-top: 64px;
        }
        .tam-1 h2{
        font-size: 56px;
        }
        .mar-user-um{
            margin-bottom: 64px;
        }
        .shared-height {
            height: auto; /* Ou a altura desejada */
            width: 600px;
            max-width: 100%;
        }
        .imagem-i{
            height: auto; /* Ou a altura desejada */
            width: 340px;
            max-width: 100%;
        }
      .marg-nome h1{
        font-size: 48px;
      }
      .percurso-1 h1 {
        font-size:200px !important;
    }
    .top-marg{
        margin-top: 80px;
    }
    .acad-marg{
        margin-top: 160px;
    }
    .marg-linha-perfil{
        margin-top: 0px;
        margin-bottom: 24px;
    }
    .marg-linha-perfil-1{
        margin-top: 24px;
        margin-bottom: 0px;
    }
    
    
    .texto-unidades p{
        font-size: 16px;
    }
    .marg-capacidade{
        margin-right: 8px;
    }
    .marg-img-projetos{
        margin-right: 48px;
    }

    .marg-pro{

        margin-bottom: 32px;
    }
    .marg-fer{
        margin-top: 8px;
    }
    .flex-container_2 {
        
        line-height: 48px;
    }
    .marg-prou{
        margin-bottom: 32px;
    }
    .imagem-stro img {
        display: block; /* Garante que a imagem se comporte corretamente */
        max-width: 62%; /* Garante que a imagem não ultrapasse a largura do contêiner */
        height: auto; /* Altura automática para manter a proporção */
    }
    .carousel-item img {
        display: block;
        margin: 0 auto; /* Isso centraliza a imagem horizontalmente */
    }
    .imagem-grid-2 img{
        height: 600px;
        width: auto;
    }
    .cores-finger p{
        margin-top: 8px;
     }
     .cores-f{
        margin-top: 40px;
     }
     .margem-superior {
        margin-top: 48px; /* Ajuste o valor conforme necessário */
    }
    .margin-img-empresa{
        margin-bottom: 40px;
    }
    .marg-all-t{
        margin-bottom: 80px;
    }
    .carta-imersivo {
        height: 600px; /* Defina a altura desejada */
        object-fit: contain; /* Mantém a proporção da imagem sem distorcer, ajustando-se dentro do contêiner */
        width: 100%; /* Garante que a largura se ajuste automaticamente à altura especificada */
    }
}



@media (min-width: 768px) and (max-width: 991.98px) {
    /* Medium (md) */
    h1 {
        font-family: 'Helvetica Now Display-Bold';
        color: #ffffff;
        font-size: 40px;
        line-height: 120%;
        font-weight: 100;
    }
   
    .logo-container{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    
    .fundo{
        box-shadow: 0px 16px 16px #00000040;
        background-color: #09080b;
        margin-bottom: 40px;
    }
    .elementonavbar .navbar-brand,
    .elementonavbar .navbar-nav .nav-link {
    color: #FFFFFF;
    font-family: "Helvetica Now Display-Regular", Helvetica;
    font-size: 18px;
    position: relative;
    margin: 10px;
    text-align: center;}

.about{
    margin-left: -32px;
  
}
.imagem_decoracao{
    margin-left: 0px;
    margin-top: 29px;
    
}
.apresentacao{
    margin-top: 164px;
}

.esp{
    margin-left: 24px;
}
.mar-user{
    margin-top: 144px;
    margin-bottom: 40px;
}
.mar-user-1{
    margin-top: 80px;
    margin-bottom: 32px;
}
.mar-user-3{
    margin-top: 80px;
    margin-bottom: 32px;
}
.mar-user-2{
    margin-top: 80px;
    margin-bottom: 32px;
}
.mar-user-1 h4{
    margin-bottom: -40px;
}
.mar-user-3 h4{
    margin-bottom: -40px;
}
.mar-user-2 h4{
    margin-bottom: -40px;
}
.col-lg-3 .card-img-top {
        height: auto; /* Defina a altura da imagem como automática para telas menores que lg */
        max-height: 200px; /* Defina uma altura máxima para a imagem */
    }

    .container-extendido {
        /* Estilos para a classe container-extendido em telas de no mínimo 1919px de largura */
        padding-top: 80px;
        margin-left: auto; /* Centraliza o container na tela */
        margin-right: auto; /* Centraliza o container na tela */
    }
    .titulo-principal{font-size: 300px;}
    
    .imagem_decoracao{
        margin-left: 24px;
        margin-top: -28px;
        
    }

    

    .texto-apresentacao h5{
        font-size: 32px;
        
        
    }
    .texto-apresentacao p{
        
        margin-top: 16px;
        
    }
   
    .container{
        
        padding-left: 24px;
        padding-right: 24px;  
    }
    .interno{
        
       padding-left: 24px;
       padding-right: 24px;
    }
    .margem-alinhamento{
        margin-left: 24px;
    }
    .alin-mar-table{
        margin-right: 100px;
    }
    .setas{
        margin-left: -100px;
    }
    .setas_2{
        margin-right: -100px;
    }
    .btn-close{
        margin-top: 32px !important; 
        margin-right: 48px !important;
    }
    .image-container {
        height: 80px; /* Defina a altura desejada aqui */
        
    }
    .marg-l{
        padding-left: 32px;
        padding-right: 32px;
        
    }
    .imagem-g{
        max-height: 324px; 
        max-width: 100%; 
        width: auto; 
        height: auto; 
        padding-right: 0;
    }
    .imagem-g-2{
        max-height: 324px; 
        max-width: 100%; 
        width: auto; 
        height: auto; 
        padding-right: 0;
    }
  
    .smaller-image {
        width: 200px; /* Largura fixa desejada */
        height: 400px; /* Permitirá que a altura seja ajustada automaticamente para manter a proporção original */
        max-height: 200px; /* Garante que a altura da imagem não ultrapasse o valor máximo definido */
        object-fit: cover; /* Mantém a proporção original da imagem e cobre o contêiner */
        margin-right: 1rem; /* Define a margem entre as imagens em telas de tamanho médio */
        margin-left: 0;
        
    }
    .imagem-g-2:hover {
        transform: scale(1.05); /* Aumenta o tamanho da imagem em 10% no hover */
        }
        .mar-grid{
            margin-bottom: 16px;
        }

        

.popins-regular{
font-size: 24px;

}
.popins-semi-bold{
font-size: 24px;
font-family: 'Poppins-SemiBold';

} 
.popins-light{
    font-size: 24px;
    
    font-family: 'Poppins-Light';
    
} 
.outfit-light{
    font-size: 24px;
    
}
.outfit-semi-bold{
    font-size: 24px;
    
}
.outfit-regular{
    font-size: 24px;
    
}
.montserrat-light{
    font-size: 24px;
    
    font-family: 'Montserrat-Light';
    
}
.montserrat-semi-bold{
    font-size: 24px;
    
    font-family: 'Montserrat-SemiBold';
    
}
.montserrat-regular{
    font-size: 24px;
    
    font-family: 'Montserrat-Regular';
    
}
   
.imagem-ajustada {
    height: auto; /* Ajusta automaticamente a altura */
    max-height: 1em; /* Altura máxima */
    margin: 0; /* Margem ao redor da imagem */
}

/* Alinhe verticalmente os itens */
.d-flex.align-items-center {
    display: flex;
    align-items: center;
}

.marg-cores{
    margin-top: 80px;
}
.marg-top-galeria{
    margin-top: 40px;
   }

.pad-galeria-1{
    height: 428px;
    width: auto;
}

.img-big{
    max-height: 520px;
    width: auto;
}
            
.img-ajustada {
    max-width: 100%;
    height: auto;
}              
.modal-body.modal-a img {
    max-height: 500px;
   
      
}
.personalizacao-close .btn-close{
    z-index: 99;
}  
.modal-custom .modal-dialog {
    max-width: calc(100% - 60px); /* Definir largura máxima menos uma margem de 30px em cada lado */
}

.modal-custom .modal-body img {
    max-width: 100%; /* Definir largura máxima como 100% */
    max-height: calc(100vh - 80px); /* Definir altura máxima como 100% da altura da janela menos uma margem de 80px */
    height: auto;
}


.mar-but-u{
    
    margin-top: 40px;
}
.mar-but-v{
    
    margin-top: 40px;
}

.margim-generos{
    margin-left: -16px;
    margin-right: 50px;
}
.pad-teste{
    padding-left: 8px;
}
.prototipos{
    margin-top: 0;
}
.mar-font{
    margin-top: 0;
}

.marg-linha-1{
    margin-bottom: 64px;
    margin-top: 80px;
}
.tam-1 h2{
font-size: 64px;
}
.mar-user-um{
    margin-bottom: 80px;
}
.shared-height {
    height: auto; /* Ou a altura desejada */
    width: 820px;
    max-width: 100%;
}
.marg-pedro{
    margin-bottom: 80px;
}
.marg-descricao-1 p{
    font-size: 18px;
}
.marg-nome h1{
    font-size: 56px;
}
.marg-all{
    margin-left: 80px;
}
.percurso-1 h1 {
    font-size:200px !important;
}
.classificacao{
    margin-right: 0px;
    margin-top: -24px;
}
.acad-marg{
    margin-top: 160px;
}
.marg-img-projetos{
    margin-right: 32px;
}
.imagem-grid-2 img{
    height: 600px;
}
.margem-superior {
    margin-top: 80px; /* Ajuste o valor conforme necessário */
}
.margin-img-empresa{
    margin-bottom: 48px;
}
.carta-imersivo {
    height: 700px; /* Defina a altura desejada */
    object-fit: contain; /* Mantém a proporção da imagem sem distorcer, ajustando-se dentro do contêiner */
    width: 100%; /* Garante que a largura se ajuste automaticamente à altura especificada */
}
}


@media (min-width: 992px) and (max-width: 1199.98px) {
    /* Large (lg) */
    
    .container-extendido {
        /* Estilos para a classe container-extendido em telas de no mínimo 1919px de largura */
        padding-top: 80px;
        margin-left: auto; /* Centraliza o container na tela */
        margin-right: auto; /* Centraliza o container na tela */
    }
   
    
    .titulo-principal{font-size: 360px;}
    
   

    .imagem_decoracao{
        margin-left: 40px;
        margin-bottom: 48px;
        
    }

    .texto-apresentacao h5{
        font-size: 32px;
        
        
    }
    .texto-apresentacao p{
        
        margin-top: 16px;
        
    }
    .container{
        
        padding-left: 40px;
        padding-right: 40px;  
    }
    .interno{
        
       padding-left: 40px;
       padding-right: 40px;
    }
    .margem-alinhamento{
        margin-left: 24px;
    }
    .setas{
        margin-left: -120px;
    }
    .setas_2{
        margin-right: -120px;
    }
    
    .margen-l-g{
        margin-left: 16px;
    }
    .marg-l{
        padding-left: 32px;
        
    }
    .imagem-g{
        max-height: 518px; 
        max-width: 100%; 
        width: auto; 
        height: auto; 
        padding-right: 0;
    }
    .imagem-g-2{
        max-height: 518px; 
        max-width: 100%; 
        width: auto; 
        height: auto; 
        padding-right: 0;
    }
    .smaller-image {
        width: auto; /* Permitirá que a largura seja ajustada automaticamente para manter a proporção original */
        max-width: 100%; /* Garante que a imagem não ultrapasse a largura do contêiner */
        height: 300px; /* Altura fixa desejada */
        object-fit: cover; 
        
    }
    .imagem-g-2:hover {
        transform: scale(1.1); /* Aumenta o tamanho da imagem em 10% no hover */
        }
        .same-height-img img {
            height: 400px; /* Defina a altura desejada */
            object-fit: cover; /* Garante que a imagem cubra o espaço especificado */
            }

            .mar-grid{
                margin-bottom: 16px;
            }

            
     
            .marg-cores{
                margin-top: 80px;
            }
            .marg-top-galeria{
                margin-top: 60px;
               }
    
            .pad-galeria-1{
                height: 640px;
                width: auto;
            }

            .popins-semi-bold{
                font-size: 24px;
                font-family: 'Poppins-SemiBold';
                
                }  
                .popins-light{
                    font-size: 24px;
                    
                    font-family: 'Poppins-Light';
                    
                }


.img-al{
max-width: 100%; /* Garante que a largura da imagem se ajuste automaticamente */
height: 300px; /* Define a altura desejada para a imagem */
object-fit: contain; /* Ajusta a imagem para caber dentro do contêiner sem distorção */
}

.img-big{
    max-height: 630px;
    width: auto;
}
.img-ajustada {
    max-width: 100%;
    height: auto;
} 
   

.personalizacao-close .btn-close{
    z-index: 99;
    
}
.modal-body.modal-a img {
    max-height: 500px;
   
}
.modal-custom .modal-dialog {
    max-width: calc(100% - 30px); /* Definir largura máxima menos uma margem de 15px em cada lado */
    margin: auto; /* Centralizar o modal */
}


.modal-custom .modal-body img {
    max-width: 100%; /* Definir largura máxima como 100% */
    max-height: calc(100vh - 80px); /* Definir altura máxima como 100% da altura da janela menos uma margem de 80px */
    height: auto;
}

.mar-but-u{
    
    margin-top: 40px;
}
.mar-but-v{
    
    margin-top: 40px;
}

.margim-generos{
    margin-left: -24px;
    margin-right: 24px;
}
.pad-teste{
    padding-left: 8px;
}
.grupo-1{
    margin-top: 140px;
}

.marg-sobre{
    margin-top: 48px;
}
.prototipos{
    margin-top: 0;
}
.mar-font{
    margin-top: 0;
}
.marg-linha-1{
    margin-bottom: 72px;
    margin-top: 88px;
}
.tam-1 h2{
font-size: 72px;
}
.mar-user-um{
    margin-bottom: 88px;
}
.shared-height {
    height: auto; /* Ou a altura desejada */
    width: 972px;
    max-width: 100%;
}
.marg-pedro{
    margin-bottom: 80px;
}
.marg-descricao-1 p{
    font-size: 18px;
}
.marg-nome h1{
    font-size: 56px;
}
.marg-all{
    margin-left: 80px;
}

.percurso-1 h1 {
    font-size:200px !important;
}
.classificacao{
    margin-right: 0px;
    margin-top: -40px;
}
.acad-marg{
    margin-top: 160px;
}

.marg-img-projetos{
    margin-right: 32px;
}
.imagem-grid-2 img{
    height: 600px;
}
.margin-img-empresa{
    margin-bottom: 56px;
}
.carta-imersivo {
    height: 700px; /* Defina a altura desejada */
    object-fit: contain; /* Mantém a proporção da imagem sem distorcer, ajustando-se dentro do contêiner */
    width: 100%; /* Garante que a largura se ajuste automaticamente à altura especificada */
}
}
  

@media (min-width: 1200px){
    /* Extra large (xl) */
   
    .imagem_decoracao{
        margin-left: 0px;
        margin-top: 29px;  
    }
    .titulo-principal{font-size: 40px;}
    
    .container-extendido {
        padding-top: 80px;

        margin-left: auto; /* Centraliza o container na tela */
        margin-right: auto; /* Centraliza o container na tela */
       }

       .imagem_decoracao{
        margin-left: 32px;
        margin-top: -24px;
        
    }
    .titulo-principal{font-size: 398px;}

    .texto-apresentacao h5{
        font-size: 32px;
        
        
    }
    .texto-apresentacao p{
        
        margin-top: 16px;
        
    }
    

    .container{
        
        padding-left: 132px;
        padding-right: 132px;  
    }
    .interno{
        
       padding-left: 132px;
       padding-right: 132px;
    }
    .margem-alinhamento{
        margin-left: 0px;
    }
    .umdoi  {
        min-width: 200px;
    }
   
    .setas{
        margin-left: -130px;
    }
    .setas_2{
        margin-right: -130px;
    }
    .margen-l-g{
        margin-left: 16px;
    }
    .marg-l{
        padding-left: 32px;
      
    }
    .imagem-g{
        max-height: 600px; 
        max-width: 100%; 
        width: auto; 
        height: auto; 
        padding-right: 0;
    }
    .imagem-g-2{
        max-height: 600px; 
        max-width: 100%; 
        width: auto; 
        height: auto; 
        padding-right: 0;
    }
    .smaller-image {
        width: 100%; /* Garante que a imagem se ajuste ao contêiner */
    max-width: 300px; /* Define a largura máxima desejada */
    height: auto; /* Permite que a altura seja ajustada automaticamente para manter a proporção original */
    max-height: 300px; /* Define a altura máxima desejada */
    object-fit: contain; /* Mantém a proporção da imagem e a ajusta para caber totalmente dentro do contêiner */
        
    }
    .smaller-image {
    width: auto; /* Permitirá que a largura seja ajustada automaticamente para manter a proporção original */
    max-width: 100%; /* Garante que a imagem não ultrapasse a largura do contêiner */
    height: 400px; /* Altura fixa desejada */
    object-fit: cover; 
        
    }
    .same-height-img img {
        height: 400px; /* Defina a altura desejada */
        object-fit: cover; /* Garante que a imagem cubra o espaço especificado */
        }

        .mar-grid{
            margin-bottom: 16px;
        }
    
        

        .marg-cores{
            margin-top: 80px;
        }
        .marg-top-galeria{
            margin-top: 60px;
           }

        .pad-galeria-1{
            height: 660px;
            width: auto;
        }
        .img-big{
        height: 590px;
        width: auto;
        }

        .img-big{
            max-height: 660px;
            width: auto;
        }
        .img-ajustada {
            max-width: 100%;
            height: auto;
        } 

        .modal-body.modal-a img {
            max-height: 500px;
            
        }
        .personalizacao-close .btn-close{
            z-index: 99;
            
        }
    
        .modal-custom .modal-dialog {
            max-width: calc(100% - 60px); /* Definir largura máxima menos uma margem de 30px em cada lado */
        }
    
        .modal-custom .modal-body img {
            max-width: 100%; /* Definir largura máxima como 100% */
            max-height: calc(100vh - 80px); /* Definir altura máxima como 100% da altura da janela menos uma margem de 80px */
            height: auto;
        }

        .mar-but-u{
            margin-left: -170px;
            margin-top: 40px;
        }
        .mar-but-v{
            margin-right: -170px;
            margin-top: 40px;
        }
        .margim-generos{
            margin-left: -44px;
            margin-right: 24px;
           
        }
        .pad-teste{
            padding-left: 8px;
        }
        .grupo-1{
            margin-top: 140px;
        }
        .marg-sobre{
            margin-top: 48px;
        }
        .prototipos{
            margin-top: 0;
        }
        .mar-font{
            margin-top: 0;
        }
        .marg-pedro{
            margin-bottom: 104px;
        }
        .marg-linha-1{
            margin-bottom: 104px;
            margin-top: 124px;
        }
        .marg-linha-1{
            margin-bottom: 88px;
            margin-top: 104px;
        }
        .tam-1 h2{
        font-size: 80px;
        }
        .mar-user-um{
            margin-bottom: 104px;
        }
        .shared-height {
            height: auto; /* Ou a altura desejada */
            width: 996px;
            max-width: 100%;
        }
        .marg-descricao-1 p{
            font-size: 18px;
        }
        .marg-all{
            margin-left: 80px;
        }
        .percurso-1 h1 {
            font-size:250px !important;
        }
        .classificacao{
            margin-right: 32px;
            margin-top: -40px;
        }

        .marg-linha-perfil{
            margin-top: 32px;
            margin-bottom: 24px;
        }
        .marg-linha-perfil-1{
            margin-top: 24px;
            margin-bottom: 48px;
        }
        .acad-marg{
            margin-top: 232px;
        }
        .marg-img-projetos{
            margin-right: 24px;
        }
        .imagem-grid-2 img{
            height: 500px;
        }
        .margin-img-empresa{
            margin-bottom: 64px;
        }
        .carta-imersivo {
            height: 800px; /* Defina a altura desejada */
            object-fit: contain; /* Mantém a proporção da imagem sem distorcer, ajustando-se dentro do contêiner */
            width: 100%; /* Garante que a largura se ajuste automaticamente à altura especificada */
        }
        
        
}

@media (min-width: 1919px) {
    /* Regras de estilo para telas de no mínimo 1919px de largura */
  

    .imagem_decoracao {
        /* Estilos para a classe imagem_decoracao em telas de no mínimo 1919px de largura */
        margin-left: 0px;
        margin-top: 29px;
    }

    .container-extendido {
        /* Estilos para a classe container-extendido em telas de no mínimo 1919px de largura */
        padding-top: 80px;
        padding-left: 0px; /* Adicione o preenchimento desejado à esquerda */
        padding-right: 0px; /* Adicione o preenchimento desejado à direita */
        margin-left: auto; /* Centraliza o container na tela */
        margin-right: auto; /* Centraliza o container na tela */
    }
    
    .imagem_decoracao{
        margin-left: 40px;
        margin-bottom: 48px;
        
    }
    .titulo-principal{font-size: 444px;}

    .texto-apresentacao h5{
        font-size: 40px;
        
        
    }
    .texto-apresentacao p{
        
        margin-top: 16px;
        
    }

    .interno{
        
        padding-left: 0;
        padding-right: 0;
     }
     .margem-alinhamento{
        margin-left: 0;
    }
    
    .umdoi  {
        min-width: 200px;
    }
    .setas{
        margin-left: -50px;
    }
    .setas_2{
        margin-right: -50px;
    }
    .setas{
        margin-left: -180px;
    }
    .setas_2{
        margin-right: -180px;
    }
    .margen-l-g{
        padding-left: 0px;
    }
    .imagem-g{
        max-height: 645px; 
        max-width: 100%; 
        width: auto; 
        height: auto; 
        padding-right: 0;
    }
    .imagem-g-2{
        max-height: 645px; 
        max-width: 100%; 
        width: auto; 
        height: auto; 
        padding-right: 0;
    }
    .smaller-image {
        width: 100%; /* Garante que a imagem se ajuste ao contêiner */
        height: auto;
    }
    
    

    .same-height-img img {
        height: 400px; /* Defina a altura desejada */
        object-fit: cover; /* Garante que a imagem cubra o espaço especificado */
        }
    .mar-grid{
        margin-bottom: 16px;
    }
   

    .marg-cores{
        margin-top: 104px;
    }
   .marg-top-galeria{
    margin-top: 60px;
   }
   
   .pad-galeria-1{
    height: 810px;
    width: auto;
    justify-content: center;
}

.img-big{
    max-height: 820px;
    width: auto;
}
.img-ajustada {
    max-width: 100%;
    height: auto;
} 

.mar-but-e{
    margin-left: -100px;
}
.mar-but-r{
    margin-right: -100px;
}

.modal-body.modal-a img {
    max-height: 748px;
   
}

.modal-custom .modal-body img {
    max-height: calc(100vh - 200px); /* Definir a altura máxima como 100% da altura da janela menos uma margem de 200px */
    max-width: 100%; /* Definir largura máxima como 100% */
    height: auto;
}


.mar-but-u{
    margin-left: -170px;
    margin-top: 40px;
}
.mar-but-v{
    margin-right: -170px;
    margin-top: 40px;
}

.margim-generos{
    margin-left: -58px;
    margin-top: 24px;
}
.mar-pergunta{
    margin-top: 104px;
}
.pad-teste{
    padding-left: 8px;
}


.grupo-1{
    margin-top: 140px;
}

.marg-sobre{
    margin-top: 48px;
}
.prototipos{
    margin-top: 0;
}
.mar-font{
    margin-top: 0;
}

.margi-1-imagem{
    margin-top: 232px;
}
.marg-pedro{
    margin-bottom: 132px;
}

.marg-linha-1{
    margin-bottom: 116px;
    margin-top: 140px;
}
.tam-1 h2{
font-size: 90px;
}
.mar-user-um{
    margin-bottom: 116px;
}
.shared-height {
    height: auto; /* Ou a altura desejada */
    width: auto;
    max-width: 100%;
}

.marg-descricao-1{
    margin-top: 24px;

}
.marg-descricao-1 p{
    font-size: 18px;
}
.marg-all{
    margin-left: 80px;
}


.percurso-1 h1 {
    font-size:300px !important;
}
.classificacao{
    margin-right: 48px;
    margin-top: -40px;
}

.marg-linha-perfil{
    margin-top: 32px;
    margin-bottom: 24px;
}
.marg-linha-perfil-1{
    margin-top: 24px;
    margin-bottom: 48px;
}

.acad-marg{
    margin-top: 232px;
}


.projetos{
    margin-left: 4px;
}

.marg-img-projetos{
    margin-right: 0px;
}
.imagem-grid-2 img{
    height: 600px;
}
.margin-img-empresa{
    margin-bottom: 72px;
}


.carta-imersivo {
    height: 1000px; /* Defina a altura desejada */
    object-fit: contain; /* Mantém a proporção da imagem sem distorcer, ajustando-se dentro do contêiner */
    width: 100%; /* Garante que a largura se ajuste automaticamente à altura especificada */
}

}