@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2? family= Open+Sans:wght@300;400;500;600 & display=swap');
@import url('https://fonts.googleapis.com/css2? family= Poppins:wght@300;400;500;600;700 & display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@300;400;500;600;700&display=swap');

/* Fontes */
@font-face {
    font-family: 'OpenSauce';
    src: url('../fonts/OpenSauceSans-Medium.ttf');
}
@font-face {
    font-family: 'OpenSauceLight';
    src: url('../fonts/OpenSauceSans-Light.ttf');
}
@font-face {
    font-family: 'OpenSauceBold';
    src: url('../fonts/OpenSauceSans-Bold.ttf');
}

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

body{
    overflow-x: hidden;
    scroll-behavior: smooth;
}

/* Header */
main > section.home > header{
    margin-top: 15px;
    margin-bottom: 24px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-family: 'OpenSauceBold' ,Arial, Helvetica, sans-serif;
    gap: 200px;
}
main > section.home > header > nav.navInicial{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
}
main > section.home > header > nav.navInicial > a{
    text-decoration: none;
    color: gray;
    font-size: 20pt;
    
}
main > section.home > header > nav.navInicial > i{
    font-size: 30pt;
    position: fixed;
    top: 20px;
    /* left: 1275px; */
    left: 96%;
    cursor: pointer;
    z-index: 10;
}
div.navEscondido{
    display: none;
}
div.navEscondido > nav{
    
    flex-direction: column;
    position: fixed;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 15;
    top: 80px;
    /* left: 1180px; */
    left: 88%;
    font-family: 'OpenSauceBold' ,Arial, Helvetica, sans-serif;
    /* border: 1px solid white; */
    border-radius: 15px;
}
.navEscondido > nav > a{
    text-decoration: none;
    font-size: 14pt;
    background-color: #014e51ad;
    border: 1px solid white;
    width: 100%;
    padding: 10px;
    color: white;
    border-radius: 15px;
}
.carousel-item{
    width: 100%;
    height: 540px;
}
.carousel-caption{
    bottom: 15% !important;
    /* bottom: 11.25rem !important; */
}

button.carousel-control-prev > span.carousel-control-prev-icon{
    font-size: 10pt;
    padding: 25px;
    border-radius: 50%;
    background-color: #868282;
}
button.carousel-control-next > span.carousel-control-next-icon{
    padding: 25px;
    border-radius: 50%;
    background-color: #868282;
}
video.videoCarrossel{
    opacity: 0.7;
    object-fit: cover;
    width: 99.9%;
    height: 100%;
}
div.carousel-caption > h1{
    font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
    font-size: 72pt;
    font-weight: 600;
    color: #014e51;
    
}
div.carousel-caption > p{
    color: black;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 20pt;
}
div.carousel-caption > a > button{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: 700;
    background: linear-gradient(to right, #014F51 0%, #31B1A5 100%);
    color: white;
    border: none;
    padding: 10px;
    border-radius: 15px;
    width: 200px;
}
div.carousel-caption > a > button:hover{
    scale: 1.2;
    transition: .3s;
}

/* CEO */
main > section.ceo{
    width: 100%;
    height: 100vh;
    background-image: url('../imagens/ceoFundo.png');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
}
main > section.ceo > div.dadosCeo{
    width: 100%;
    height: 93%;
    z-index: 1;
    background: linear-gradient(to right, #014F51 0%, #31B1A5 100%);
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: white;
}
main > section.ceo > div.dadosCeo > h2{
    font-family: 'OpenSauce', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 43pt;
}
main > section.ceo > div.dadosCeo > p{
    font-family: 'OpenSauce', Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 18pt;
    margin-bottom: 60px;
}
main > section.ceo > div.dadosCeo > h3{
    color: black;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 37pt;
    margin-top: -20px;
}
main > section.ceo > div.dadosCeo > ul{
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    width: 70%;
}
main > section.ceo > div.dadosCeo > ul > li{
    font-family: 'Poppins', Arial, Helvetica, sans-serif;
    font-size: 23pt;
    font-weight: 300;
}
main > section.ceo > div.dadosCeo > ul > li > strong{
    font-weight: 900;
}
main > section.ceo > div.imgCeo{
    position: relative;
    left: -80px;
    z-index: 5;
    margin-top: 75px;
}
main > section.ceo > div.imgCeo > img{
    width: 500px;
}

/* Serviços */
main > section.servicos{
    width: 100%;
    height: 125vh;
    background-image: url('../imagens/ceoFundo.png');
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
main > section.servicos > div.servicosTitulo > h2{
    font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
    font-size: 72pt;
    font-weight: 600;
    color: #014F51;
    margin-top: 60px;
}
main > section.servicos > div.conjuntoServicos{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
main > section.servicos > div.conjuntoServicos > div.servico{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
main > section.servicos > div.conjuntoServicos > div.servico:hover{
    scale: 1.2;
    transition: .3s;
}
main > section.servicos > div.conjuntoServicos > div.servico > img{
    width: 380px;
}
main > section.servicos > div.conjuntoServicos > div.servico > h3{
    width: 236px;
    text-align: center;
    background: linear-gradient(to right, #014F51 0%, #31B1A5 100%);
    color: white;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 21pt;
    border-radius: 10px;
    position: relative;
    top: -50px;
    z-index: 6;
}
main > section.servicos > i{
    font-size: 35pt;
    background: linear-gradient(to right, #014F51 0%, #31B1A5 100%);
    color: white;
    border-radius: 50px;
    position: relative;
    top: -50px;
    display: block;
    cursor: pointer;
}
main > section.servicos > div.conjuntoEscondido{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    display: none;
    gap: 70px;
}
main > section.servicos > div.conjuntoEscondido > div.servico{
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
}
main > section.servicos > div.conjuntoEscondido > div.servico:hover{
    scale: 1.2;
    transition: .3s;
}
main > section.servicos > div.conjuntoEscondido > div.servico > img{
    width: 320px;
}
main > section.servicos > div.conjuntoEscondido > div.servico > h3{
    width: 250px;
    text-align: center;
    background: linear-gradient(to right, #014F51 0%, #31B1A5 100%);
    color: white;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 21pt;
    border-radius: 10px;
    position: relative;
    top: -50px;
    z-index: 6;
}
main > section.servicos > div.conjuntoEscondido > div.servico > h3.sozinho{
    padding: 5% 0% 5% 0%;
}
div.servico > h3.textoMaior{
    font-size: 18pt !important;
    padding: 10px 2px 10px 2px;
}
img.tiagoCirurgia{
    width: 300px !important;
    height: 200px !important;
    border-radius: 15px;
    margin-top: 10px;
}

/* Sobre */
main > section.sobreNos{
    width: 100%;
    height: 100vh;
    background-image: url('../imagens/sobreFundo.png');
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 100px;
    /* gap: 30px; */
}
main > section.sobreNos > div.sobreTitulo > h2{
    font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 70pt;
    color: #014F51;
    /* margin-top: 30px; */
}
main > section.sobreNos > div.conjuntoIcones{
    display: flex;
    justify-content: center;
    gap: 150px;   
}
main > section.sobreNos > div.conjuntoIcones > div.icones{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 20px;
    text-align: center;   
}
main > section.sobreNos > div.conjuntoIcones > div.icones > h3{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 27pt;
    color: rgb(59, 59, 59);
}
main > section.sobreNos > div.conjuntoIcones > div.icones > img{
    width: 200px;
}
main > section.sobreNos > div.conjuntoIcones > div.icones > img:hover{
    scale: 1.2;
    transition: .3s;
}
main > section.sobreNos > div.btnHistoria > a > button{
    border: none;
    background: linear-gradient(to right, #014F51 0%, #31B1A5 100%);
    color: white;
    font-size: 18pt;
    padding: 10px;
    width: 350px;
    border-radius: 15px;
}

/* Premios */
main > section.premios{
    width: 100%;
    height: 100vh;
    background-color: #014F51;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
main > section.premios > div.premiosTitulo{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100px;
    margin-top: 150px;
    margin-bottom: 25px;
}
main > section.premios > div.premiosTitulo > div.premiosTituloFundo{
    transform: rotate(-2deg);
}
main > section.premios > div.premiosTitulo > div.premiosTituloFundo > h1{
    font-size: 150pt;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: rgba(255, 255, 255, 0.089);
    z-index: 1;
    letter-spacing: 15px;
    transform: scale(1.3, 1.1);
}
main > section.premios > div.premiosTitulo > h2.titulo{
    font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
    font-size: 65pt;
    color: white;
    z-index: 5;
    position: relative;
    top: -170px;
    height: 100px;
}
main > section.premios > div.carrosselPremio{
    width: 85%;
    z-index: 5;
}
.carouselDestaque{
    top: -70px;
}
.w-100Destaque{
    height: 500px;
    border-radius: 15px;
}
.carousel-innerDestaque{
    height: 500px;
}
.carousel-control-prevDestaque {
    /* left: -150px !important; */
    left: -12% !important;
}
.carousel-control-nextDestaque {
    /* left: 1100px !important; */
    left: 97% !important;
}
button.carousel-control-prev > span.carousel-control-prev-iconDestaque {
    background-color: rgba(255, 255, 255, 0);
}
button.carousel-control-next > span.carousel-control-next-iconDestaque {
    background-color: rgba(255, 255, 255, 0);
}
div.carousel-caption-premios{
    width: 100% !important;
    position: relative;
    top: -25%;
    left: -1%;
}
div.carousel-caption > h3{
    background: linear-gradient(to right, #014F51 0%, #31B1A5 100%);
    font-size: 25pt;
    width: 500px;
    padding: 10px;
    border-radius: 15px;
    margin: auto !important;
}
.img4 > img{
    object-fit: cover !important;
    object-position: 50% 50% !important;
}
.carousel-item-destaque > img{
    object-fit: cover;
    object-position: 50% 63%;
}

/* Depoimentos */
.depoimentos{
    background-color: #014F51;
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
.depoimentos > div.depoimentosTitulo{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.depoimentos > div.depoimentosTitulo > h2{
    font-size: 66pt;
    color: white;
    font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
}
.depoimentos > div.depoimentosTitulo > div.feedbacksFundo{
    display: flex;
    align-items: center;
    justify-content: center;
}
.depoimentos > div.depoimentosTitulo > div.feedbacksFundo > h1{
    font-size: 100pt;
    color: rgba(255, 255, 255, 0.13);
    position: relative;
    z-index: 1;
    height: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    transform: scale(2.1, 1.2);
}
.video{
    /* width: 1500px; */
    width: 50%;
    height: 520px;
    border-radius: 20px;
    z-index: 5;
}
.video > video{
    object-fit: cover;
    border-radius: 20px;
}
.feedbacks{
    display: flex;
    align-items: center;
    gap: 50px;
    width: 90%;
}
div.depoimentosTexto{
    /* width: 1500px; */
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
div.depoimentosTexto > h4{
    font-size: 24pt;
    font-weight: 600;
    color: white;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}
div.depoimentosTexto > p{
    font-size: 20pt;
    color: white;
}
div.depoimentosTexto > h3{
    font-size: 20pt;
    font-weight: 600;
    color: white;
    background: linear-gradient(to right, #014F51 0%, #31B1A5 100%);
    width: 450px;
    height: 55px;
    position: relative;
    left: -50px;
    padding-left: 50px;
    padding-top: 10px;
    border-radius: 10px;
    font-family: 'Poppins', sans-serif;
}
.videoMobile{
    display: none;
}
main > section.depoimentos2{
    width: 100%;
    height: 100vh;
    background-color: #014F51;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
}
main > section.depoimentos2 > div.feedbacks > div.depoimentosTexto > p{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

/* Redes */
main > section.redes{
    width: 100%;
    height: 100vh;
    background-color: #014F51;
    display: flex;
    flex-direction: column;
    align-items: center;
}
main > section.redes > div.redesTitulo{
    display: flex;
    flex-direction: column;
    align-items: center;
}
main > section.redes > div.redesTitulo > div.fundoRedes{
    transform: rotate(-2deg);
}
main > section.redes > div.redesTitulo > div.fundoRedes > h1{
    color: rgba(255, 255, 255, 0.24);
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 180pt;
    letter-spacing: 2px;
    position: relative;
    top: -70px;
    height: 40px;
    z-index: 1;
    transform: scale(2, 1.1);
}
main > section.redes > div.redesTitulo > h2{
    font-family: 'Noto Serif', Arial, Helvetica, sans-serif;
    font-weight: 600;
    font-size: 60pt;
    color: white;
}
main > section.redes > a.entrevistaDesktop{
    width: 70%;
}
main > section.redes > a.entrevistaMobile{
    width: 90%;
}
main > section.redes > a.entrevistaDesktop > div.redesVideo{
    /* width: 1000px; */
    width: 100%;
    height: 450px;
    background-image: url('../imagens/teste.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 25px;
    display: flex;
    align-items: end;
    justify-content: center;
}
main > section.redes > a.entrevistaMobile > div.redesVideo{
    /* width: 1000px; */
    width: 100%;
    height: 450px;
    background-image: url('../imagens/informativoMobile.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 25px;
    display: flex;
    align-items: end;
    justify-content: center;
}
main > section.redes > a.entrevistaMobile{
    display: none;
}
main > section.redes > a.entrevistaDesktop{
    text-decoration: none;
    z-index: 5;
}
main > section.redes > a.entrevistaMobile{
    text-decoration: none;
    z-index: 5;
}
main > section.redes > a > div.redesVideo > button{
    color: #014e51;
    background: white;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    font-size: 20pt;
    padding: 10px 30px;
    border: none;
    border-radius: 15px;
    position: relative;
    top: 30px;
}

/* Contato */
main > section.contato{
    width: 100%;
    height: 100vh;
    background-image: url('../imagens/fundoContato.png');
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 10px;
    gap: 30px;
}
main > section.contato > div.cttTitulo{
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
main > section.contato > div.cttTitulo > h2{
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 60pt;
    color: #014F51;
}
main > section.contato > div.cttTitulo > p{
    font-family: 'Source Sans 3', sans-serif;
    font-size: 30pt;
    color: gray;
}
main > section.contato > div.cttConjunto{
    display: flex;
    align-items: center;
    gap: 150px;
}
main > section.contato > div.cttConjunto > div.cttEsq{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
main > section.contato > div.cttConjunto > div.cttEsq > div.cttLogo > img{
    width: 350px;
    height: 250px;
}
main > section.contato > div.cttConjunto > div.cttEsq > div.cttRedes{
    display: flex;
    gap: 50px;
}
main > section.contato > div.cttConjunto > div.cttEsq > div.cttRedes > a > img{
    width: 70px;
}
main > section.contato > div.cttConjunto > div.cttEsq > div.cttRedes > a > img:hover{
    scale: 1.2;
    transition: .5s;
}
main > section.contato > div.cttConjunto > div.cttDir > form{
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 500px;
}
main > section.contato > div.cttConjunto > div.cttDir > form > input{
    height: 60px;
    padding-left: 20px;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 21pt;
    border: none;
    background-color: #a0a0a181;
    color: #014F51;
    border-radius: 20px;
}
/* Remover as setas do type number */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
main > section.contato > div.cttConjunto > div.cttDir > form > button{
    margin: auto;
    width: 300px;
    padding: 8px;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    font-size: 19pt;
    border: none;
    background: linear-gradient(to right, #014F51 0%, #31B1A5 100%);
    color: white;
    border-radius: 20px;
}
main > section.contato > div.cttConjunto > div.cttDir > form > button:hover{
    scale: 1.1;
    transition: .5s;
}

/* Mapa */
main > section.localizacao{
    width: 100%;
    height: 140vh;
    background-image: url('../imagens/ceoFundo.png');
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
main > section.localizacao > iframe{
    width: 80%;
    height: 90%;
    border-radius: 20px;
    z-index: 5;
    position: relative;
    top: 25px;
}
main > section.localizacao > div.boxAzul{
    width: 90%;
    height: 60%;
    background: linear-gradient(to right, #014F51 0%, #31B1A5 100%);
    z-index: 1;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: baseline;
    padding-top: 50px;
}
main > section.localizacao > div.boxAzul > div.dados{
    display: flex;
    align-self: center;
    gap: 200px;
}
main > section.localizacao > div.boxAzul > div.logos{
    display: flex;
    align-self: center;
    gap: 100px;
}
main > section.localizacao > div.boxAzul > div.logos > a > img{
    width: 200px;
}
main > section.localizacao > div.boxAzul > div.dados > div.dadosFinal{
    color: white !important;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    font-family: 'Source Sans 3', sans-serif;
    font-size: 16pt;
}
main > section.localizacao > div.boxAzul > div.dados > div.dadosFinal > p > strong{
    color: white !important;
    text-decoration: none !important;
}
main > section.localizacao > div.boxAzul h3{
    color: white;
    text-align: center;
    margin: auto;
    font-family: 'Source Sans 3', sans-serif;
    padding-bottom: 5px;
}
input::placeholder {
    color: #014e51;
  }

/* Footer */

.dadosFinal a{
    text-decoration: none;
    color: white;
}
.dadosFinal a:hover{
    color: #014F51;
}