html {
    scroll-behavior: smooth;
}

body {
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

.header {
    background: #333399;
    color: white;
    display: flex;
    flex-direction: column;

}

.navbar {
    margin: 0.8vw;
    display: flex;
    flex-direction: row;
    justify-content: right;
    align-items: center;
}

.navbar ul {
    list-style: none;
    margin: 0 3vw 0 0;
    padding: 0;
    display: flex;
    gap: 0.5vw;
    font-size: 1vw;
}

.navbar a {
    color: white;
    text-decoration: none;

}

.navbar a:hover {
    color: #2DAAE1;
    text-decoration: none;

}

.language {
    font-size: 1vw;
}

.language .selected {
    color: #2DAAE1;
}

.language a {
    color: white;
    font-weight: bold;
}

.nav {
    background-color: #F4F4F4;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.nav ul {
    list-style: none;
    margin: 0 3vw 0 0;
    padding: 0;
    display: flex;
    gap: 1.3vw;
    font-size: 1.1vw;
    margin: 2vw;
}

.nav a {
    color: #3AAA35;
    text-decoration: none;
}
.nav a:hover {
    color: #3AAA35;
    text-decoration: none;
    font-weight: bold;
}

.nav .logo img {
    width: 15vw;
    margin: 1vw 2vw;
}

.hero-placeholder {
    background: #D9D9D9;
    height: 25.6vw;
    text-align: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: opacity 0.3s ease-in-out;
    opacity: 1;
}

.hero-placeholder > .legenda{
    color: #D9D9D9;
    font-size: 1vw;
    position: absolute;
    top: 34vw;
    right: 1vw;
    background-color: #0008;
    -webkit-margin-after:0;
    -webkit-margin-before:0;
    padding: 0.3vw 0.8vw;
    border-radius: 5vw;
    text-align: center;
}

.hero-placeholder >img {
    position: relative;
    bottom: -21vw;
    left: -32vw;
    width: 11vw;
    padding: 1vw;
    background-color: #FFF;
}

.fade-out {
    opacity: 0;
}

.home-png {
    background-image: url("../assets/fundos/home.png");
}

.repositorio-png {
    background-image: url("../assets/fundos/repositorio.png");
}

.observa-rota-png {
    background-image: url("../assets/fundos/observa_rota.png");
}

.unirila-social-min-png {
    background-image: url("../assets/fundos/unirila_social-min.png");
}

.rota-bioceanica-png {
    background-image: url("../assets/fundos/rota_bioceanica.png");
}

.restrita-png {
    background-image: url("../assets/fundos/restrita.png");
}

.noticias-png {
    background-image: url("../assets/fundos/noticias.png");
}

.eventos-png {
    background-image: url("../assets/fundos/eventos.png");
}

.instituicoes-png {
    background-image: url("../assets/fundos/instituicoes.png");
}

.ifms-png {
    background-image: url("../assets/fundos/imfs.png");
}

.info-section {
    display: flex;
    justify-content: space-around;
    padding: 4vw;
}


.info-item {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    transform: scale(1);
    transition: transform 0.5s ease, color 0.5s ease;
}

.info-item:hover {
    color: #3AAA35;
    transition: transform 0.5s ease, color 0.5s ease;
    transform: scale(1.01);
}

.info-item img {
    transition: opacity 0.5s ease;
}

.info-item img.hidden {
    opacity: 0;
}

.info-item p {
    text-align: center;
    width: 13vw;
    font-size: 0.85vw;
}

.icon {

    margin: 0 auto;
}

.icon img {
    width: 22vw;
}

.news-section {
    background: #f4f4f4;
    padding: 3vw 8vw;
    display: flex;
    flex-direction: column;
    align-items: initial;
    justify-content: initial;
}

.news-section h2 {
    font-size: 2vw;
    margin: 0;
    color: #3C3C3B;
    margin-bottom: 1.5vw;
}

.news-section h3 {
    font-size: 1vw;
    color: #3AAA35;
}

.news-grid {
    display: flex;
    justify-content: space-around;
    gap: 0.2vw;
    margin-bottom: 2vw;
}

.news-item:hover {

    transform: scale(1.01);
}

.news-item {
    display: flex;
    flex-direction: column;
    justify-content: initial;
    align-items: initial;
    text-align: left;
    cursor: pointer;
    transition: 0.5s ease;
    transform: scale(1);
    margin-right: 1vw;

}

.news-item .img {
    background-color: #D9D9D9;
    width: 27vw;
    height: 18vw;
    border-radius: 1vw;
    object-fit: cover
}

.news-item h4 {
    font-size: 1.3vw;
    margin: 0;
    margin: 1vw 0;
    font-weight: bold;
}

.news-item p {
    font-size: 1vw;
    /* color: #3C3C3B; */
    color:gray; 
    margin:0px;
    /* font-size: 8px;  */
    font-style: italic; 
    font-weight: 400; 
    line-height: normal;
}

.button {
    display: inline-block;
    background: #3AAA35;
    color: white;
    padding: 0.5vw 1vw;
    text-decoration: none;
    font-size: 0.95vw;
    font-weight: bold;
    border-radius: 1vw;
    align-self: center;
    transition: 0.5s ease;
    transform: scale(1);
    outline: none;
    border: none;
} 

.button_dis {
    display: inline-block;
    background: #e3ece2;
    color: rgb(7, 7, 7);
    padding: 0.5vw 1vw;
    text-decoration: none;
    font-size: 0.95vw;
    font-weight: bold;
    border-radius: 1vw;
    align-self: center;
    transition: 0.5s ease;
    transform: scale(1);
    outline: none;
    border: none;
}

.button:hover {
    background-color: #2A9A25;
    transform: scale(1.01);
}

.video-section {
    background-color: #3C3C3B;
    margin: 0;
    padding: 1vw 8vw;
    display: flex;
    gap: 2vw
}

.video-section .video {
    cursor: pointer;
    width: 30vw;
    height: 18vw;
    border-radius: 1vw;
    background-color: #D9D9D9;
    transition: 0.5s ease;
    transform: scale(1);
}

.video-section .video:hover {
    transform: scale(1.01);
}

.video-highlight {
    width: 20vw;
}

.video-highlight h4 {
    font-size: 1.8vw;
    margin: 0;
    color: #FFFFFF;
}

.video-highlight p {
    font-size: 1vw;
    color: #F4F4F4;
}

.link-canal {
    color: #F4F4F4;
    text-decoration: none;
}

.mais-videos {
    justify-self: end;
    align-self: end;
}

/* Componente footer */
.footer {
    background: #333399;
    color: white;
    padding: 2vw 8vw;
    display: flex;
    flex-direction: column;
}

.footer-data {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.contact-form img {
    width: 15vw;
    margin: 3vw;
}

.contact-form input {
    display: block;
    width: 20vw;
    height: 2.8vw;
    margin: 0.5vw 0;
    padding: 0 1vw;
    border: none;
    border-radius: 1vw;
    outline: none;
    font-size: 1vw;
}

.contact-form textarea {
    display: block;
    width: 20vw;
    height: 10vw;
    margin: 0.5vw 0;
    padding: 1vw;
    outline: none;
    border: none;
    border-radius: 1vw;
    resize: none;
    font-size: 1vw;
}

.contact-form button:hover,
.entrar:hover {
    background-color: #2A9A25;
    transform: scale(1.01);
}

.contact-form button,
.entrar {
    cursor: pointer;
    background: #3AAA35;
    color: white;
    padding: 0.5vw 1vw;
    width: 22vw;
    text-decoration: none;
    font-size: 0.95vw;
    font-weight: bold;
    border-radius: 1vw;
    border: none;
    transition: 0.5s ease;
    transform: scale(1);
}

.entrar {
    width: 10vw;
}

.contact-form h3 {
    margin: 0;
    font-size: 1vw;
}

.contato {
    display: flex;
    flex-direction: row;
    justify-content: end;
    align-items: initial;
    margin: 0;
    padding: 0;
}

.contato ul,
.contato ul li a {
    font-size: 1vw;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

.contato ul {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: end;
    list-style: none;
    gap: 0.3vw;

}

.contato img {
    width: 2vw;
}

.mapa {
    margin-top: 3vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 50vw;
}

.mapa .column-footer h3 {
    font-size: 1.5vw;
    margin-bottom: 1vw;
}

.mapa .column-footer ul {
    list-style: none;
    padding: 0;
}

.mapa .column-footer ul li img {
    width: 10vw;
    height: 10vw;
    margin-top: 3vw;
}

.mapa .column-footer ul li h4 {
    font-size: 1.05vw;
    margin: 0;
}

.mapa .column-footer ul li {
    margin: 0;
    max-height: 1.5vw;
}

.mapa .column-footer ul li a {
    font-size: 1vw;
    margin: 0;
    text-decoration: none;
    color: #ffffff;
}

.mapa ul li a:hover {
    text-decoration: underline;
}

.footer-copyright {
    padding: 0.5vw;
    text-align: center;
    background-color: #3AAA35;
    color: #F4F4F4;
    font-size: 0.85vw;
}

/* Pagina Area restrita*/

.restrita {
    display: flex;
    flex-direction: column;
    justify-self: center;
    width: 60vw;
    padding: 1vw;
    color: #333399;
    font-weight: 800;
}

.restrita>legend {
    font-size: 2vw;
    margin-bottom: 1vw;
}

.restrita>form {
    border: 2px solid #f4f4f4;
    border-radius: 1vw;
    align-items: center;
    padding: 1vw 10vw;
    display: flex;
    flex-direction: column;
}

.restrita>form>input {
    padding: 1vw;
    outline: none;
    border: none;
    border-radius: 0.8vw;
    width: 15vw;
    background-color: #f4f4f4;
}

.restrita>form>label {
    font-size: 1.1vw;
}

.restrita>form>a {
    text-decoration: none;
    margin: 0.5vw;
    font-weight: 500;
    color: #333;
    font-style: italic;
    font-size: 1.1vw;
}

.restrita>form>a:hover {
    text-decoration: underline;
}

/* Pagina Observarota */

.observarota-nav>ul {
    list-style: none;
    display: flex;
    width: 50vw;
    justify-self: center;
    justify-content: space-around;
    font-size: 1.3vw;
    color: #2DAAE1;

}

.observarota-nav>ul>li>a {
    text-decoration: none;
    color: #2DAAE1;
}

.observarota-nav>ul>li>a:hover {
    text-decoration: underline;
}

.observarota-section>.sobre {
    width: 57vw;
    text-align: justify;
    display: flex;
    flex-direction: column;
    justify-self: center;
    font-size: 1vw;
}

.observarota-section>.sobre>h1 {
    color: #333399;
    font-size: 1.8vw;
}

.observarota-section>.sobre>p {
    font-size: 1.1vw;
    -webkit-margin-before: 0vw;
    -webkit-margin-after: 1vw;
}

.observarota-section>.sobre>ol>li {
    font-size: 1.1vw;
}

.observarota-section>.sobre>p>a {
    text-decoration: none;
    color: #333;
    font-style: italic;
}

.observarota-section>.sobre>p>a:hover {
    text-decoration: underline;
}

.observarota-section button {
    width: 15vw;
}

.intro-equipe {
    margin-top: 2vw;
    background-color: #F5F5F5;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.intro-equipe>div {
    width: 57vw;
    text-align: justify;
}

.intro-equipe>div>h1 {
    font-size: 1.6vw;
}

.intro-equipe>div>p {
    font-size: 1.1vw;
}

.cord-equip {
    background-color: #3AAA35;
    padding: 1vw 21.5vw;
    color: #FFF;
}

.cord-equip>h1 {
    font-size: 1.3vw;
}

.cord-equip>p {
    font-size: 1.06vw;
}

.cord-equip>.perfil {
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.cord-equip>.perfil>img {
    width: 12vw;
    height: 12vw;
}

.cord-equip>.perfil>.txt {
    margin-left: 2vw;
}

.cord-equip>.perfil>.txt>h1 {
    font-size: 1.3vw;
}

.cord-equip>.perfil>.txt>h2 {
    font-size: 1.3vw;
}

.cord-equip>.perfil>.txt>p {
    font-size: 1.06vw;
}

.cord-equip>.perfil>.txt>p>a {
    text-decoration: none;
    color: white;
}

.cord-equip>.perfil>.txt>p>a:hover {
    text-decoration: underline;
}

.equipe-tecnica {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.equipe-tecnica>h1,
.equipe-tecnica>p {
    width: 57vw;
}

.equipe-tecnica>h1 {
    font-size: 1.5vw;
}

.equipe-tecnica>p {
    font-size: 1.1vw;
}

.equipe-tecnica>.equipe {
    display: flex;
    flex-direction: row;
    width: 65vw;
    margin-bottom: 3vw;
}

.equipe-tecnica>.equipe>.card-pesquisador {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 20vw;
}

.equipe-tecnica>.equipe>.card-pesquisador>img {
    width: 12vw;
    height: 12vw;
}

.equipe-tecnica>.equipe>.card-pesquisador>h1 {
    font-size: 1.2vw;
    -webkit-margin-after: 0;
}

.equipe-tecnica>.equipe>.card-pesquisador>p {
    font-size: 1.1vw;
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
}

.equipe-tecnica>.equipe>.card-pesquisador>a {
    font-size: 1.1vw;
    -webkit-margin-before: 0;
    position: end;
    color: #3AAA35;
}

.equipe-section>.button {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-self: center;
}

.line-observarota {
    width: 75vw;
    display: flex;
    justify-self: center;
    background-color: #333;
    font-style: italic;
    height: 0.1vw;
    margin: 3vw 0;
}

.outros-observatorios {
    display: flex;
    flex-direction: column;
    width: 57vw;
    justify-self: center;
}

.outros-observatorios>h1 {
    font-size: 1.5vw;
}

.outros-observatorios>ul {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.outros-observatorios>ul>li {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-bottom: 0.5vw;    
    font-size: 1vw;
}

.outros-observatorios-head {
    font-weight: bold;
}

.outros-observatorios>ul>li>input {
    width: 1vw;
    height: 1vw;
    padding: 1vw;
    background-color: #D9D9D9;
    border-radius: 0.5vw;
    margin-right: 0.5vw;
}

.outros-observatorios>ul>li>span {
    width: 50vw;
    height: 1vw;
    padding: 1vw;
    background-color: #D9D9D9;
    border-radius: 0.5vw;
    margin-right: 0.5vw;
}

.outros-observatorios>ul>li>var {
    width: 25vw;
    height: 1vw;
    padding: 1vw;
    background-color: #D9D9D9;
    border-radius: 0.5vw;
    margin-right: 0.5vw;
}

.outros-observatorios>ul>li>label {
    width: 25vw;
    height: 1vw;
    padding: 1vw;
    background-color: #D9D9D9;
    border-radius: 0.5vw;
    margin-right: 0.5vw;
}

.outros-observatorios>ul>li>a {
    width: 55.5vw;
    height: 1vw;
    padding: 1vw;
    background-color: #D9D9D9;
    border-radius: 0.5vw;
    color: #333;
    font-style: italic;
    text-decoration: none;
    font-size: 1.1vw;
}

.outros-observatorios>ul>li>a:hover {
    text-decoration: underline;
}

.comunicacao {
    width: 57vw;
    display: flex;
    flex-direction: column;
    justify-self: center;
    text-align: justify;
    margin-bottom: 4vw;
}

.comunicacao>h1 {
    font-size: 1.5vw;
}

.comunicacao>h2 {
    font-size: 1.1vw;
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
}

.comunicacao>p {
    font-size: 1vw;
}

.comunicacao>p>a {
    text-decoration: none;
    color: #333;
    font-style: italic;
}

.comunicacao>p>a:hover {
    text-decoration: underline;
}

.unirila-item {
    padding: 1vw 21.5vw;
    text-align: justify;
}

.unirila-item>h2 {
    font-size: 1.5vw;
    color: #333399;
}

.unirila-item>h3 {
    -webkit-margin-before: 3vw;
    -webkit-margin-after: 2vw;
}

.unirila-item>h5 {
    margin:0px; 
}

.unirila-item>p,
.unirila-item>h3 {
    font-size: 1.1vw;
}

.unirila-item>a {
    text-decoration: underline;
    color: #3AAA35;
    /* font-style: italic; */
    font-size: 1.1vw;
    -webkit-margin-before: 0;
    position: end;
    
}

.unirila-item>p>a:hover {
    text-decoration: underline;
}

.unirila-item>ul {
    font-size: 1.1vw;
}

.unirila-item>button {
    text-align: center;
    /* width: 50vw; */
}

.unirila-item .botao {
   text-align: center; 
   height: 170px;
   padding-top:30px
}

/* estilo rota bioceanica */

.rotabioceanica>.linha-divisoria {
    width: 90vw;
    margin-left: 4vw;
    background-color: #333399;
    height: 0.1vw;
    margin-top: 5vw;
}

.sobre-a-rota {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-self: center;
}

.sobre-a-rota-txt {
    font-size: 2vw;
    color: #333399;
    margin: 5vw 4vw;
    -webkit-margin-before: 2vw;
    -webkit-margin-after: 2vw;
    border-bottom: #333399 solid 0.1vw;
    width: 10vw;
    overflow: visible;
    white-space: nowrap;
}


.rotabioceanica-nav>ul {
    list-style: none;
    display: flex;
    width: 50vw;
    justify-self: center;
    justify-content: space-around;
    font-size: 1.3vw;
    color: #2DAAE1;

}

.rotabioceanica-nav>ul>li>a {
    text-decoration: none;
    color: #2DAAE1;
}

.rotabioceanica-nav>ul>li>a:hover {
    text-decoration: underline;
}

.conteudo-esquerda {
    width: 55vw;
    margin-left: 3vw;
    text-align: justify;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.conteudo-esquerda>.linha-divisoria {
    background-color: #2DAAE1;
    width: 90%;
    margin: 1vw 5%;
    height: 0.1vw;
}

.conteudo-esquerda>p,
.conteudo-esquerda>.line-txt-img>p {
    font-size: 1.1vw;
}

.line-txt-img {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.line-txt-img>.div-img1 {
    margin-left: 2vw;
}

.line-txt-img>.div-img1>img {
    width: 25vw;
}

.line-txt-img>.div-img1>p {
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    font-size: 1vw;
    font-style: italic;
}

.conteudo-esquerda>.div-img2>img {
    width: 55vw;
    height: 35vw;
}

.conteudo-esquerda>.div-img2>p {
    -webkit-margin-before: 0;
    font-size: 1vw;
    font-style: italic;
}

.conteudo-direita {
    width: 30vw;
    padding: 2vw 4vw;
    background-color: #D0EBCE;
}

.conteudo-direita>.linha-divisoria {
    background-color: #000;
    width: 90%;
    margin: 1vw 5%;
    height: 0.1vw;
}

.conteudo-direita>h1 {
    font-size: 1.5vw;
}

.conteudo-direita>p {
    font-size: 1.1vw;
    text-align: justify;
}

.conteudo-direita>p>a,
.conteudo-direita>p>b>a {
    color: black;
    text-decoration: none;
}

.conteudo-direita>p>a:hover,
.conteudo-direita>p>b>a:hover {
    text-decoration: underline;
}


.conteudo-direita>img {
    width: 30vw;

}

.linha-divisoria {
    background-color: #333399;

}

.paises-txt,
#rotas {
    font-size: 2vw;
    color: #333399;
    margin: 5vw 4vw;
    -webkit-margin-before: 2vw;
    -webkit-margin-after: 2vw;
    border-bottom: #333399 solid 0.1vw;
    width: 10vw;
    overflow: visible;
    white-space: nowrap;
}


.paises {
    width: 94vw;
    padding-left: 4vw;
}

.selecionar-paises {
    padding-left: 0;
    margin-left: 0;
    width: 91vw;
    display: flex;
    flex-direction: row;
    list-style: none;
    border-bottom: 0.1vw solid #3C3C3B;
}

.item-pais-selecionar {
    background-color: #F5F5F5;
    border-top-left-radius: 1vw;
    border-top-right-radius: 1vw;
    font-weight: 700;
    font-size: 1.1vw;
    padding: 1vw;
    width: 10vw;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #eee;
}

.item-pais-selecionar:hover {
    background-color: #D0D0D0;
}

.item-pais-selecionar>img {
    width: 3vw;
    margin-right: 1vw;
}

.selected-country {
    background-color: #D9D9D9;
}

.conteudo-pais {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.conteudo-pais>.esquerda {
    width: 37vw;
}

.conteudo-pais>.esquerda>p {
    text-align: justify;
    font-size: 1.1vw;
    -webkit-margin-before: 0;
}

.conteudo-pais>.esquerda>h2 {
    font-size: 1.1vw;
}

.conteudo-pais>.esquerda>ul {
    margin: 0;
    padding: 1.5vw;
    font-size: 1.1vw;
}

.conteudo-pais>.esquerda>ul>li>a,
.conteudo-pais>.esquerda>p>a {
    font-size: 1.1vw;
    color: #000;
    font-style: italic;
    text-decoration: none;
}

.conteudo-pais>.direita>.div-img2>p {
    font-size: 1.1vw;
    color: #000;
    text-decoration: none;
}

.conteudo-pais>.esquerda>ul>li>a:hover,
.conteudo-pais>.esquerda>p>a:hover {
    text-decoration: underline;
}

.esquerda>.div-img1>img {
    width: 37vw;
}

.conteudo-pais>.esquerda>.div-img1>p {
    font-size: 1.1vw;
    color: #000;
    text-decoration: none;
    font-style: italic;
}

.conteudo-pais>.esquerda>.div-img1>p>a {
    font-size: 1.1vw;
    color: #000;
    font-style: italic;
    text-decoration: none;
}

.conteudo-pais>.esquerda>.div-img1>p>a:hover {
    text-decoration: underline;
}

.conteudo-pais>.direita {
    width: 53vw;
}

.conteudo-pais>.direita>.div-img2>img {
    width: 50vw;
}

.conteudo-pais>.direita>.div-img2>p {
    font-size: 1.1vw;
    color: #000;
    text-decoration: none;
    font-style: italic;
    -webkit-margin-before: 0;
    -webkit-margin-after: 2vw;
    width: 50vw;
}

.conteudo-pais>.direita>.div-img2>p>a {
    font-size: 1.1vw;
    color: #000;
    font-style: italic;
    text-decoration: none;
}

.conteudo-pais>.direita>.div-img2>p>a:hover {
    text-decoration: underline;
}

.conteudo-pais>.direita>.img-txt>img {
    width: 50vw;
}

.conteudo-pais>.direita>.img-txt>p {
    font-size: 1.1vw;
    color: #000;
    text-decoration: none;
    font-style: italic;
    -webkit-margin-before: 0;
    -webkit-margin-after: 2vw;
    width: 50vw;
}

.conteudo-pais>.direita>.img-txt>p>a {
    font-size: 1.1vw;
    color: #000;
    font-style: italic;
    text-decoration: none;
}

.conteudo-pais>.direita>.img-txt>p>a:hover {
    text-decoration: underline;
}

.conteudo-pais>.esquerda>.img-txt>img {
    width: 37vw;
}

.conteudo-pais>.esquerda>.img-txt>p {
    font-size: 1.1vw;
    color: #000;
    text-decoration: none;
    font-style: italic;
    -webkit-margin-before: 0;
    -webkit-margin-after: 2vw;
}

.conteudo-pais>.esquerda>.img-txt>p>a {
    font-size: 1.1vw;
    color: #000;
    font-style: italic;
    text-decoration: none;
}

.conteudo-pais>.esquerda>.img-txt>p>a:hover {
    text-decoration: underline;
}

.conteudo-pais>.esquerda>.video>p {
    font-size: 1.1vw;
    font-style: italic;
    -webkit-margin-before: 0;
}

.conteudo-pais>.esquerda>.video>iframe {
    width: 37vw;
    height: 20.81vw;
}

.conteudo-pais>.centro {
    margin: auto;
    width: 50vw;
    display: flex;
    flex-direction: column;
    justify-self: center;
    align-self: center;
    text-align: justify;
}

.conteudo-pais>.centro>p {
    text-align: justify;
    font-size: 1.1vw;
    -webkit-margin-before: 0;
}

.conteudo-pais>.centro>h2 {
    font-size: 1.1vw;
}

.conteudo-pais>.centro>ul {
    margin: 0;
    padding: 1.5vw;
    font-size: 1.1vw;
}

.conteudo-pais>.centro>ul>li>a,
.conteudo-pais>.centro>p>a {
    font-size: 1.1vw;
    color: #000;
    text-decoration: none;
    font-style: italic;
}

.conteudo-pais>.centro>ul>li>a:hover,
.conteudo-pais>.centro>p>a:hover {
    text-decoration: underline;
}

.oportunidades {
    padding-left: 1vw;
    margin-bottom: 5vw;
    display: flex;
    flex-direction: row;
    justify-content: space-between;

}

.oportunidades>.conteudo-esquerda {
    width: 50VW;
}

.oportunidades>.conteudo-direita {
    margin-right: 5vw;
    background-color: #D9D9D9;
}

.oportunidades>.conteudo-direita>ul {
    padding: 1.5vw;
    font-size: 1.1vw;
}

.oportunidades>.conteudo-direita>ul>li {
    margin-bottom: 1vw;
}

.oportunidades>.conteudo-direita>ul>li>a {
    font-size: 1.1vw;
    color: #000;
    text-decoration: none;
}

.oportunidades>.conteudo-direita>ul>li>a:hover {
    text-decoration: underline;
}

.rotas {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.rotas>.conteudo-esquerda {
    margin-left: 4vw;
    width: 50vw;
}

.rotas>.conteudo-esquerda>.div-img-txt>img {
    width: 50vw;
}

.rotas>.conteudo-esquerda>.div-img-txt>p,
.rotas>.conteudo-esquerda>p>a {
    font-size: 1.1vw;
    color: #000;
    text-decoration: none;
    font-style: italic;
    -webkit-margin-before: 0;
    -webkit-margin-after: 2vw;
}

.rotas>.conteudo-esquerda>.div-img-txt>p>a {
    font-size: 1.1vw;
    color: #000;
    font-style: italic;
    text-decoration: none;
}

.rotas>.conteudo-esquerda>.div-img-txt>p>a:hover {
    text-decoration: underline;
}

.rotas>.conteudo-direita {
    margin-right: 5vw;
    background-color: #0000;
    width: 38vw;
    padding: 0;
}

.rotas>.conteudo-direita>.div-img7>img {
    width: 38vw;
}

.rotas>.conteudo-direita>.div-img7>p,
.rotas>.conteudo-direita>p>a {
    font-size: 1.1vw;
    color: #000;
    text-decoration: none;
    font-style: italic;
    -webkit-margin-before: 0;
    -webkit-margin-after: 2vw;
}

.rotas>.conteudo-direita>p>a:hover {
    text-decoration: underline;
}

.rotas>.conteudo-direita>.div-img7>p>a {
    font-size: 1.1vw;
    color: #000;
    font-style: italic;
    text-decoration: none;
}

.rotas>.conteudo-direita>ul {
    padding: 1.5vw;
    font-size: 1.1vw;
}

.rotas>.conteudo-direita>ul>li {
    margin-bottom: 1vw;
}

.rotabioceanica>button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    justify-self: center;
    margin-bottom: 5vw;
}

/* Tela instituições */
.card-universidades {
    width: 10vw;
    height: 15vw;
    margin-left: 2vw;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-universidades>img {
    width: 10vw;
    object-fit: cover;
}

.paises-instituicoes>.conteudo-pais-instituicoes {
    display: flex;
    flex-direction: row;
}

.paises-instituicoes {
    margin-left: 4vw;
}

.card-universidades {
    transform: scale(1);
    cursor: pointer;
    transition: transform 0.5s ease, color 0.5s ease;
}

.card-universidades:hover {
    transform: scale(1.1);
    transition: 0.5s ease, color 0.5s ease;
}

/* Tela instituicao*/

.conteudo {
    margin: 0 20vw;
}

.txt-desc {
    font-size: 1vw;
    margin-left: 5vw;
    margin-bottom: 10vw;
    font-style: italic;
    font-weight: 300;
}

.conteudo>h1,
.conteudo>h2 {
    font-size: 1.5vw;

}

.conteudo>p {
    font-size: 1.1vw;
    text-align: justify;
}
.conteudo>p>a, .conteudo>ul>li>p>a{
    font-size: 1.1vw;
    color: #000;
    text-decoration: none;
    font-style: italic;
    text-align: justify;
}
.conteudo>p>a:hover, .conteudo>ul>li>p>a:hover {
    text-decoration: underline;
}

.conteudo>ul {
    margin: 1vw;
    padding: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.conteudo>ul>li {
    font-size: 1.1vw;
    align-items: center;
    margin-bottom: 1vw;
}

.conteudo>ul>li>p {
    font-size: 1.1vw;
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;

}
.pesquisadores{
    margin-top: 2vw;
    background-color: #eee;
    padding: 5vw 2vw;
}
.pesquisadores-row>.card-pesquisador {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 15vw;
    margin-top: 2vw;

}

.pesquisadores-row>.card-pesquisador>img {
    width: 10vw;
    height: 10vw;
    object-fit: cover;
    border-radius: 50%;
    border: 0.05vw solid #D9D9D9
}

.pesquisadores-row>.card-pesquisador>h1 {
    font-size: 1.3vw;
    -webkit-margin-after: 0;
}

.pesquisadores-row>.card-pesquisador>p {
    font-size: 1vw;
    -webkit-margin-after: 0;
    -webkit-margin-before: 0;
}

.pesquisadores-row>.card-pesquisador>a {
    font-size: 1vw;
    -webkit-margin-before: 0;
    position: end;
    color: #3AAA35;
}

.link-canal-repo {
    color: #000;
    text-decoration: none;
    font-style: italic;
}


#menu5 {
    cursor: pointer;   
}