@font-face {
    font-family: 'font';
    src: url(/fonts/neo-sans-pro-cufonfonts/NeoSansProMedium.OTF);
}

body {
    margin: 0;
    padding: 0;
}

* {
    font-family: 'font';
    box-sizing: border-box;
}

/* Estilo do Topo do site */
.container {
    /* width: 100vw;
    height: 100vh; */
}

/* Div topo do site - Imagem */
.topo {
    width: 100%;
    height: 60vh;
    background-image: url(/img/topo/IMAGEM_TITULO.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    /*Adicionado para a DIV filha herda os privilegios*/
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

/* Div da marcaTopo */
.marcaTopo {
    width: 400px;
    /* definindo o tamanho da imagem*/
    display: flex;
    /* Adicionado para a DIV filha herda os privilegios*/
    align-items: center;
}

.marcaTopo img {
    width: 100%;
    /* Adicionado para a imagem respeitar o tamanho máximo da DIV*/
}

/* Estilo das informações e foto de faixa do site */
/* DIV das informações e Imagem de faixa */
.infoParque {
    width: 100%;
    height: 60vh;
    display: flex;
    flex-direction: column;
    justify-content: space-around;

}

/* Div das informações do parque */
.infoAviso {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: larger;
    color: #3766AE;
}

/*Div para centralizar as informações */
.infoAvisoCenter {
    width: 90%;
}

/* Div da imagem de faixa */
.infoImagem {
    width: 100%;
    height: 20vh;
    background-image: url(/img/FaixaDeFotos\ .webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.infoImagem img {
    width: 100%;
    /* Adicionado para a imagem respeitar o tamanho máximo da DIV*/
}

/* Estilo das informações adicionais e Links */

/* Estilo quem somos */
.quemSomos {
    font-family: 'font';
    font-size: larger;
    color: #3766AE;
    width: 100%;
    padding: 10px 0px 10px 0px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.quemSomosCenter {
    width: 90%;
    height: 30vh;
}
/* Estilo Infra */

.interfaceInfra{
    font-family: 'font';
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.tituloInfra{
    font-family: 'font';
    color: #3766AE;
    font-size: larger;
    width: 90%;
    text-align: start;
}
.backgroundInfra{
    width: 90%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-wrap: wrap;
}
.infraHover{
    /* padding: 0px 10px 0px 10px; */
    width: 400px;
    height: 300px;
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center; 
}
.infraCenter{
    width: 94%;
    height: 90%;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.863);
}

/* Imagens Infraestrutura */
.infraImagemCowor{
    border-radius: 15px;
    width: 400px;
    max-width: 100%;
    height: 70%;
    background-image: url(/img/imgInfraestrutura/StartupsTiradentesInnovationCenter.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.infraImagemPraca{
    border-radius: 15px;
    width: 400px;
    max-width: 100%;
    height: 70%;
    background-image: url(/img/imgInfraestrutura/praca.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.infraImagemSalasPrivativas{
    border-radius: 15px;
    width: 400px;
    max-width: 100%;
    height: 70%;
    background-image: url(/img/imgInfraestrutura/salasPrivativas.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.infraImagemLabTec{
    border-radius: 15px;
    width: 400px;
    max-width: 100%;
    height: 70%;
    background-image: url(/img/imgInfraestrutura/labTec.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.infraImagem{
    border-radius: 15px;
    width: 400px;
    max-width: 100%;
    height: 70%;
    background-image: url(/img/imgInfraestrutura/ClassLabTiradentesInnovationCenter.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.infraImagemFabLab{
    border-radius: 15px;
    width: 400px;
    max-width: 100%;
    height: 70%;
    background-image: url(/img/imgInfraestrutura/FabLabTiradentesInnovationCenter.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.infoInfraRooms{
    border-radius: 15px;
    width: 400px;
    max-width: 100%;
    height: 70%;
    background-image: url(/img/imgInfraestrutura/ConferenceRoomTiradentesInnovationCenter.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.infraImagemArena{
    border-radius: 15px;
    width: 400px;
    max-width: 100%;
    height: 70%;
    background-image: url(/img/imgInfraestrutura/ArenadoTiradentesInnovationCenter.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.infraImagemRelax{
    border-radius: 15px;
    width: 400px;
    max-width: 100%;
    height: 70%;
    background-image: url(/img/imgInfraestrutura/RelaxRoomTiradentesInnovationCenter.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.infraImagemOpenLab{
    border-radius: 15px;
    width: 400px;
    max-width: 100%;
    height: 70%;
    background-image: url(/img/imgInfraestrutura/OpenLabTiradentesInnovationCenter.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.infoInfra{
    /* padding-top: 8px; */
    border-radius: 15px;
    width: 80%;
}
.infoInfra p{
    text-align: center;
    font-family: 'font';
    font-size: larger;
    color: #3766AE;
}
/* Estilo Servicos */

.interfaceServicos{
    font-family: 'font';
    font-size: larger;
    color: #3766AE;
    width: 100%;
    height: 50vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.tituloServicos{
    width: 90%;
}
.tituloServicos p {
    line-height: 1.7em;
}
.backgroundServicos{
    width: 90%;
    height: 40vh;
}



/* Estilo Indicadores */
/* Interface */
.interfaceIndicador {
    font-family: 'font';
    width: 100%;
    height: 70vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 10px;

}

/* Titulo Indicador */
.tituloIndicador {
    font-family: 'font';
    color: #3766AE;
    font-size: larger;
    width: 90%;
    text-align: start;
}

/* */
.backgroundIndicador {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    width: 90%;
    height: 50vh;
    background-color: #3766AE;
    border-radius: 15px;
}

.indicador {
    width: 250px;
    height: 45vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.863);
    border-radius: 15px;
    box-shadow: 5px 10px 10px 0px rgb(53, 51, 51);
}

.indicadorCenter {
    width: 100%;
    height: 90%;
}

.iconIndicador {
    display: flex;
    align-items: center;
    justify-content: center;
}

.iconTamanho {
    font-size: 60px;
    color: #3766AE;
}

.valorIndicador {
    display: flex;
    align-items: center;
    justify-content: center;
}

.valorIndicadorCenter {
    width: 50%;
}

.valorIndicadorCenter p {
    line-height: 1.5em;
    font-size: larger;
    color: #3766AE;
    text-align: center;
    /* Alinhando o texto na horizontal*/
}


/* Estilo do Footer */
/* Interface */
.interfaceFooter {
    width: 100%;
    height: 30vh;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    background-color: #3766AE;
}

/* Logo do Footer */
.logoFooter {
    /* padding-top: 10px; */
    margin-bottom: 0;
    width: 30%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.logoFooterCenter {
    width: 60%;
}

.logoFooter img {
    width: 100%;
}

/* Contatos Footer */
.contatoFooter {
    width: 60%;
}

.backgroundFooter {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-around;
}

.backgroundFooter p {
    text-align: center;
    color: white;
}

.contatosFooter {
    width: 30%;
    display: flex;
    flex-direction: column;
}

.contatosFooter a {
    color: white;
    text-decoration: none;
}

/* Endereço Footer */
.enderecoFooter {
    width: 70%;
}

.enderecoFooterCenter {
    line-height: 2em;
    display: flex;
    width: 60%;
}

/* Ícones do Footer */
.iconsFooter {
    font-size: 20px;
    color: white;
}

/* Bordas para criação do layout */
.borda {
    border: 2px solid blue;
}

.borda1 {
    border: 2px solid orangered;
}