.cor {background-color: #DFD9CC}
.corcaixa { background-color: #a6c6b9
}

.fundotitulo {background-color: #C4BAA5}

body {font-family: 'Dosis', sans-serif;}

.futura {font-family: 'Futura PT', sans-serif;}

.adobe {font-family: 'Adobe Clean', sans-serif;}

.porcelana {font-family: 'Porceleina DEMO', sans-serif;}


.letrapequena {font-size: 17px}

a {text-decoration: none}

.caixa {display: flex;}

.tituloimagem {letter-spacing: 6px; font-size: 100px;
    color: #252323;
background-color: #f8f9fa;
    background-size: cover;
opacity: 80%;
border-radius: 5%}

.outrostitulos {letter-spacing: 4px; font-size: 60px;
    color: #B9D17B;}

.outrostitulosdentro {letter-spacing: 4px; font-size: 60px;
    color: #1f1e1e;}


.btn{background-color: #DFD9CC}

.btn:hover{background-color: #7F776C;
color: white}



.iconescuro {color:  #717c45
}

.iconescuro:hover {color: #717c45;
    font-weight: bolder;}

.navbar > .container-fluid li {border-left: 0 solid black;}
.navbar-toggler {color:white}

.questaorefe {color: #707070;}
.questaorefe:hover {color:#525151;
    font-weight: bolder;
}

.iconrelevo:hover {color:#717c45;
}

.iconrelevo {color:white;
}

.iconalerta {color: #c47867;
}

.margemgrande {margin-top: 100px}

.textocaixa { line-height: 2;
}

.titulo {font-size: 3rem;
color:#3D4246}



header {
        background-color: #75b6af;
        height: 60px;
}


header img {height: 3rem;
}

.logonav {height: 70px}

.inicio1 {padding-top: 5rem;
        padding-bottom: 5rem;}


.figurapeec {width: 50%;
             margin: auto}

nav li {border-left: 1px solid white;}
nav {background-color: #BCCD84; font-size: large;
}

nav .nav-link {color: #252424}
nav .nav-link:hover {color: #667244
}
nav .nav-link:focus {color: #1d1e1f; font-weight: bolder}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {color: #1a1918; font-weight: bold;}
nav .dropdown-menu {background-color: #e5e5d5;}

nav a.dropdown-item {color: #252424}
nav a.dropdown-item:hover {color: #1f1d1d; background-color: #BCCD84
}

.semlinha {border: 0 solid white}


.fundoclaro {background-color:#F5F5F1}


button {background-color: #DFD9CC;
        color: #4E5050;
        border-radius: 7px;
        border: none;
        letter-spacing: 3px;
        text-align: center;
}


button a:link {font-size: 30px;
        text-decoration: none;            
        font-family: 'Porceleina DEMO', sans-serif;
        border-radius: 7px;
        border: none;
        letter-spacing: 3px;
        text-align: center}

button a:hover {font-size: 30px;
    color: white;
}

article .botao{margin: auto}



.botindex:link {color:#4E5050 !important;}

.foot {background-color: #BCCD84}

.foot1 {background-image: linear-gradient(to bottom,#BCCD84, #9bb049);}

.linha {border-top: 1px solid white}

footer section article img {height: 10rem}

.logos {width: auto;
    max-height: 50%;
}

.logofoot {width: auto;
    max-height: 120px;
}

.lupa {
           -moz-transform: scaleX(-1);
           -o-transform: scaleX(-1);
           -webkit-transform: scaleX(-1);
           transform: scaleX(-1);
       }



.foot0 {background: #F5F5F1;
        margin-top: 2rem;
        margin-bottom: 2rem;
}

.lista {list-style-type: none;
        color: #707070;
        line-height: 2rem;
}



.fundoatividades {
    background-image: url("../imagens/fotopeecatividades.png");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
    margin-top:-6%;
    position: relative;
    z-index: 1;
}

.fundorecursos {background-image: url("../imagens/peecatividades/fundoatividadepeec.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
    margin-top:-6%;
    position: relative;
    z-index: 1;}



.recursos { font-size: xxx-large;
    color: #4d5154;
}


.fundoatividades2 {
    background-image: url("../imagens/peecativisegunda.png");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
    margin-top:-6%;
    position: relative;
    z-index: 1;
}




.accordion-button:focus {
        box-shadow: none;
}

.accordion-button:not(.collapsed) {
        background-color: transparent;
        box-shadow: none;
        color: #6F6F70;
        border-color: transparent
}

.accordion-button {box-shadow: none;
}

.accordion-button::after {
        display: none;

}

.listaquestao {border-bottom: 1px solid #7F776C;
}

.linhaemcima {border-top: 1px solid #7F776C;
}

.textoazul {color: #405e77
}

.listaindex {border-top: 1px solid #7F776C;
}

.linhabranca {border-bottom: 2px solid white;

}


.subti2 {color: #4F4F52;
    font-weight: lighter;
}

.subti {color: #3C362F;
    font-family: 'Futura PT', sans-serif;
    font-size: larger;
}

  .contagem::after {
    font: 800 40px system-ui;
    content: counter(count);
    animation: counter0 2s linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
  }

  @keyframes counter0 {
      0% {counter-increment: count 0;}
      5% {counter-increment: count 5;}
      10% {counter-increment: count 10;}
      15% {counter-increment: count 15;}
      20% {counter-increment: count 20;}
      25% {counter-increment: count 25;}
      30% {counter-increment: count 30;}
      35% {counter-increment: count 35;}
      40% {counter-increment: count 40;}
      45% {counter-increment: count 55;}
      50% {counter-increment: count 60;}
      55% {counter-increment: count 65;}
      60% {counter-increment: count 70;}
      65% {counter-increment: count 75;}
      70% {counter-increment: count 80;}
      75% {counter-increment: count 85;}
      80% {counter-increment: count 90;}
      85% {counter-increment: count 95;}
      90% {counter-increment: count 100;}
      95% {counter-increment: count 105;}
      100% {counter-increment: count 110;}
  }


.contagem1::after {
    font: 800 40px system-ui;
    content: counter(count1);
    animation: counter1 2s linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@keyframes counter1 {
    0% {counter-increment: count1 0;}
    5% {counter-increment: count1 5;}
    10% {counter-increment: count1 10;}
    15% {counter-increment: count1 15;}
    20% {counter-increment: count1 20;}
    25% {counter-increment: count1 25;}
    30% {counter-increment: count1 30;}
    35% {counter-increment: count1 35;}
    40% {counter-increment: count1 40;}
    45% {counter-increment: count1 45;}
    50% {counter-increment: count1 50;}
    55% {counter-increment: count1 55;}
    60% {counter-increment: count1 60;}
    65% {counter-increment: count1 65;}
    70% {counter-increment: count1 70;}
    75% {counter-increment: count1 75;}
    80% {counter-increment: count1 80;}
    85% {counter-increment: count1 85;}
    90% {counter-increment: count1 90;}
    95% {counter-increment: count1 95;}
    100% {counter-increment: count1 80;}
}


.contagem2::after {
    font: 800 40px system-ui;
    content: counter(count);
    animation: counter2 2s linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@keyframes counter2 {
    0% {counter-increment: count 0;}
    5% {counter-increment: count 1;}
    10% {counter-increment: count 2;}
    15% {counter-increment: count 4;}
    20% {counter-increment: count 6;}
    25% {counter-increment: count 8;}
    30% {counter-increment: count 10;}
    35% {counter-increment: count 12;}
    40% {counter-increment: count 14;}
    45% {counter-increment: count 18;}
    50% {counter-increment: count 20;}
    55% {counter-increment: count 21;}
    60% {counter-increment: count 22;}
    65% {counter-increment: count 23;}
    70% {counter-increment: count 24;}
    75% {counter-increment: count 25;}
    80% {counter-increment: count 26;}
    85% {counter-increment: count 27;}
    90% {counter-increment: count 28;}
    95% {counter-increment: count 29;}
    100% {counter-increment: count 30;}
}

.contagem3::after {
    font: 800 40px system-ui;
    content: counter(count);
    animation: counter3 2s linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@keyframes counter3 {
    0% {counter-increment: count 0;}
    5% {counter-increment: count 1;}
    10% {counter-increment: count 2;}
    15% {counter-increment: count 3;}
    20% {counter-increment: count 4;}
    25% {counter-increment: count 5;}
    30% {counter-increment: count 6;}
    35% {counter-increment: count 7;}
    40% {counter-increment: count 8;}
    45% {counter-increment: count 9;}
    50% {counter-increment: count 10;}
    55% {counter-increment: count 11;}
    60% {counter-increment: count 12;}
    65% {counter-increment: count 13;}
    70% {counter-increment: count 14;}
    75% {counter-increment: count 15;}
    80% {counter-increment: count 16;}
    85% {counter-increment: count 17;}
    90% {counter-increment: count 18;}
    95% {counter-increment: count 19;}
    100% {counter-increment: count 20;}
}

.contagem4::after {
    font: 800 40px system-ui;
    content: counter(count);
    animation: counter4 2s linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@keyframes counter4 {
    0% {counter-increment: count 0;}
    5% {counter-increment: count 2;}
    10% {counter-increment: count 4;}
    15% {counter-increment: count 6;}
    20% {counter-increment: count 8;}
    25% {counter-increment: count 10;}
    30% {counter-increment: count 15;}
    35% {counter-increment: count 20;}
    40% {counter-increment: count 25;}
    45% {counter-increment: count 30;}
    50% {counter-increment: count 35;}
    55% {counter-increment: count 40;}
    60% {counter-increment: count 45;}
    65% {counter-increment: count 50;}
    70% {counter-increment: count 55;}
    75% {counter-increment: count 60;}
    80% {counter-increment: count 70;}
    85% {counter-increment: count 80;}
    90% {counter-increment: count 90;}
    95% {counter-increment: count 100;}
    100% {counter-increment: count 110;}
}

.contagem5::after {
    font: 800 40px system-ui;
    content: counter(count);
    animation: counter5 2s linear;
    animation-delay: 2s;
    animation-fill-mode: forwards;
}

@keyframes counter5 {
    0% {counter-increment: count 0;}
    5% {counter-increment: count 1;}
    10% {counter-increment: count 2;}
    15% {counter-increment: count 3;}
    20% {counter-increment: count 4;}
    25% {counter-increment: count 5;}
    30% {counter-increment: count 6;}
    35% {counter-increment: count 7;}
    40% {counter-increment: count 8;}
    45% {counter-increment: count 9;}
    50% {counter-increment: count 10;}
    55% {counter-increment: count 11;}
    60% {counter-increment: count 12;}
    65% {counter-increment: count 13;}
    70% {counter-increment: count 14;}
    75% {counter-increment: count 15;}
    80% {counter-increment: count 16;}
    85% {counter-increment: count 17;}
    90% {counter-increment: count 18;}
    95% {counter-increment: count 19;}
    100% {counter-increment: count 20;}
}

.caixacastanha {background-color: #DFD9CC}
.caixaarea {background-color: #7ab2af;
}

.caixatema {background-color: #aecbc1
}


.caixaclara {background-color: #F7F6F4;
    height: 25vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}

.fundovideo {background-color: #F7F6F4;}

.caixaquestao {height: 7vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #7F776C;
    color: white}

.caixaclaraquestao {background-color: #F7F6F4;
    height: 17vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}

.caixaclara img {height: 100%;
    object-fit: contain;
    object-position: center;
}

.botaorecurso {background-color:  #C5D97E;
color: white}

.botaorecursot {background-color: #C5D97E;
    color: #2a2727
}

.botaorecursot:hover {background-color: #04937FFF;
    color: white;
}

.button-56 {align-items: center;
    background-color: white;
    border: 1px solid #7F776C;
    border-radius: 8px;
    box-sizing: border-box;
    color: #7F776C;
    cursor: pointer;
    display: flex;
    font-family: 'Porceleina DEMO', sans-serif;
    font-size: 30px;
    font-weight: lighter;
    height: 48px;
    justify-content: center;
    line-height: 24px;
    max-width: 100%;
    padding: 0 25px;
    position: relative;
    text-align: center;
    text-decoration: none;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}


.button-56:after {
    background-color: transparent;
    border-radius: 8px;
    content: "";
    border-bottom: 1px solid #7F776C;
    border-right: 1px solid #7F776C;
    display: block;
    height: 48px;
    left: 0;
    width: 100%;
    position: absolute;
    top: -2px;
    z-index: -1;
}

.button-56:hover {
    transform: translate(-8px, -8px);
    transition: transform .2s ease-out;
}

.button-56:active {
    background-color: #DFD9CC;
    outline: 0;
}

.button-56:hover {
    outline: 0;
}

@media (min-width: 768px) {
    .button-56 {
        padding: 0 40px;
    }
}


.txtcarrossel { background-color: white; opacity: 90%; color: #212529}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(100%);
}

.botaonoticia {height: 10vh;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #212529;
    background-color: #DFD9CC;
    font-size: 13px;
}


.caixaclara {
    position: relative;
}

.image-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: 'Adobe Clean', sans-serif;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.caixaclara:hover .image-overlay {
    opacity: 1;
}

.fundoinvestigacao {background-image: url("../imagens/investigacao/imagemfundoinvestigacao.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
    margin-top:-6%;
    position: relative;
    z-index: 1;
}

.investigação { font-size: xxx-large;
    color: white;
}

.botaoinvestigacao {background-color: #7F776C;
    color: white;
font-size: 20px;
    border-radius: 2px;}

.seta {color: #C5D97E;
font-size: 60px;
border-color: #C5D97E;
    border-radius: 100%;
}

.setawebcur {color: #3c7c7c;
    font-size: 60px;
position: fixed;
right: 0;
bottom:30%}


:root {
    --clarinho: #DFD9CC;
    --darkorange: #7F776C;
    --platinum: #e5e5e5;
    --black: #7F776C;
    --white: #fff;
    --thumb: #edf2f4;
    --preto: black;
    --azul: #04937f;
    --azulescuro: #bccd84;
}

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



.container {
    max-width: 1400px;
    padding: 0 15px;
    margin: 0 auto;
}



.cards {
    display: grid;
    grid-auto-columns: 100%;
    grid-column-gap: 10px;
    grid-auto-flow: column;
    padding: 25px 0;
    list-style: none;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}

.card {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: var(--white);
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 15%);
    scroll-snap-align: start;
    transition: all 0.2s;
}

.card:hover {
    color: var(--preto);
    background: var(--white);
}

.card .card-title {
    font-size: 20px;
}

.card .card-content {
    margin: 20px 0;
    max-width: 85%;
}

.card .card-link-wrapper {
    margin-top: auto;
}

.card .card-link {
    display: inline-block;
    text-decoration: none;
    color: white;
    background: var(--azulescuro);
    padding: 6px 12px;
    border-radius: 8px;
    transition: background 0.2s;
}

.card .card-link:hover {
    background: var(--azul);
}

.cards::-webkit-scrollbar {
    height: 12px;
}

.cards::-webkit-scrollbar-thumb,
.cards::-webkit-scrollbar-track {
    border-radius: 92px;
}

.cards::-webkit-scrollbar-thumb {
    background: var(--azulescuro);
}

.cards::-webkit-scrollbar-track {
    background: var(--thumb);
}

@media (min-width: 500px) {
    .cards {
        grid-auto-columns: calc(50% - 10px);
        grid-column-gap: 20px;
    }
}

@media (min-width: 700px) {
    .cards {
        grid-auto-columns: calc(calc(100% / 3) - 20px);
        grid-column-gap: 30px;
    }
}

@media (min-width: 1100px) {
    .cards {
        grid-auto-columns: calc(25% - 30px);
        grid-column-gap: 40px;
    }
}

.datanoticia { color: #4d5154; font-size: 14px}
.titulonoticia {color:black; font-size: 18px}
.textonoticia{color: black; font-size: 15px}

.fundonoticia {background-image: url("../imagens/noticias/fundonoticias.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
    margin-top:-6%;
    position: relative;
    z-index: 1;
}

.fundoindex {background-image: url("../imagens/paginainicial/fundoindex.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
    margin-top:-6%;
    position: relative;
    z-index: 1;
}


.noticias { font-size: xxx-large;
    color: white;
}

.fundoavaliacao {background-image: url("../imagens/avaliacao/fundoavaliacao.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
    margin-top:-6%;
    position: relative;
    z-index: 1;
}




.conteudoequipa{
    transform-style: preserve-3d;
}

.conteudoequipa .caixaequipa{
    position: relative;
    width: 300px;
    height: 300px;
    margin: 20px;
    transform-style: preserve-3d;
    perspective: 1000px;
    cursor: pointer;
}

.conteudoequipa .caixaequipa .corpoequipa{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: 0.9s ease;
}


.conteudoequipa .caixaequipa .corpoequipa .imgContainer{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
}

.conteudoequipa .caixaequipa .corpoequipa .imgContainer img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.conteudoequipa .caixaequipa .corpoequipa .content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: whitesmoke;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    transform: rotateY(180deg);
}

.conteudoequipa .caixaequipa:hover .corpoequipa{
    transform: rotateY(180deg);
}

.conteudoequipa .caixaequipa .corpoequipa .content div{
    transform-style: preserve-3d;
    padding: 20px;
    background: #BCCD84;
    transform: translateZ(100px);
}

.conteudoequipa .caixaequipa .corpoequipa .content div h3{
    letter-spacing: 1px;
}

.contornotabela {border: 1px solid #7F776C}

.fundocurricular {background-image: url("../imagens/peeccurricular/fundocurriculo.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
    margin-top:-6%;
    position: relative;
    z-index: 1;
}

.fundoequipa {background-image: url("../imagens/equipa/fundoequipa.JPG");
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 5%;
    margin-top:-6%;
    position: relative;
    z-index: 1;

}






:root {
    --orange: #DFD9CC;
    --darkorange: #7F776C;
    --platinum: #e5e5e5;
    --black: #7F776C;
    --white: #fff;
    --thumb: #edf2f4;
    --preto: black
}

.aberturapeec {
    display: grid;
    grid-auto-columns: 100%;
    grid-column-gap: 10px;
    grid-auto-flow: column;
    padding: 25px 0;
    list-style: none;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
}

.aberturapeec {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background: var(--white);
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 15%);
    scroll-snap-align: start;
    transition: all 0.2s;
}


.card .card-title {
    font-size: 20px;
}

.aberturapeec .card-content {
    margin: 20px 0;
    max-width: 85%;
}

.aberturapeec .card-link-wrapper {
    margin-top: auto;
}

.aberturapeec .card-link {
    display: inline-block;
    text-decoration: none;
    color: white;
    background: var(--orange);
    padding: 6px 12px;
    border-radius: 8px;
    transition: background 0.2s;
}


.aberturapeec::-webkit-scrollbar {
    height: 12px;
}

.aberturapeec::-webkit-scrollbar-thumb,
.aberturapeec::-webkit-scrollbar-track {
    border-radius: 92px;
}

.aberturapeec::-webkit-scrollbar-thumb {
    background: var(--black);
}

.aberturapeec::-webkit-scrollbar-track {
    background: var(--thumb);
}

@media (min-width: 500px) {
    .aberturapeec {
        grid-auto-columns: calc(50% - 10px);
        grid-column-gap: 20px;
    }
}

@media (min-width: 700px) {
    .aberturapeec {
        grid-auto-columns: calc(calc(100% / 3) - 20px);
        grid-column-gap: 30px;
    }
}

@media (min-width: 1100px) {
    .aberturapeec {
        grid-auto-columns: calc(25% - 30px);
        grid-column-gap: 40px;
    }
}



.recursospeec {
    width: 300px;
    height: 300px;
    margin: 0 auto;
    background-color: #f2f2f2;
}

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

.lampada {transform: rotate(180deg);}




.caixainvestigacao {background-color: #F7F6F4;
    height: 50%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;}

.caixacinvestigacao:hover .image-overlay {
    opacity: 1;
}

.altura {height: auto}


.botaoclicavel{background-color: #BCCD84;
    color:white;
    box-shadow: 6px 6px 11px #d2dce6, -6px -6px 11px #edf2f7;
font-size:18px}

.botaoclicavel:hover{background-color: #04937F;
    color: white}

.botaobarra{background-color: #BCCD84;
    color:white;}

.botaobarra:active{background-color: #687343;
    color:white;
    font-weight: bolder;
}

.botaobarra:hover{background-color: #04937F;
    color:white; }

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {background-color: #BCCD84;
    color:black; }


.botaoclicavelx{background-color: #7FB2B8;
color:white;
    box-shadow: 6px 6px 11px #d2dce6, -6px -6px 11px #edf2f7;}

.botaoclicavelx:hover{background-color:#04937F;
    color: white}


.botaoclicavel1 {
    position:relative;
    width: auto;
    display:inline-block;
    color:#ecf0f1;
    text-decoration:none;
    border-radius:5px;
    border:solid 1px #7FB2B8;
    background:#6A969D;
    text-align:center;
    font-size: 25px;
    letter-spacing: 4px;
    padding:16px 18px 14px;
    margin: 12px;

    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;

    -webkit-box-shadow: 0 6px 0 #064D5C;
    -moz-box-shadow: 0 6px 0 #064D5C;
    box-shadow: 0 6px 0 #064D5C;
}

.botaoclicavel1:hover{
    -webkit-box-shadow: 0 2px 0 #064D5C;
    -moz-box-shadow: 0 2px 0 #064D5C;
    box-shadow: 0 2px 0 #064D5C;
    position:relative;
    top:4px;
    background-color: #6A969D;
}



.curved {
    background-image: linear-gradient(to bottom, #BCCD84, #B0BF7A);
    color: transparent;
    text-align: center;
    margin: 0;
    padding: 0 !important;
}

.curved svg {
    display: block;
}

.curved.upper {
    background: transparent;
}








.timeline .olcards li {
    display: flex;
    flex-direction: column; /* Organiza o título e o texto um abaixo do outro */
    gap: 0.5rem; /* Espaço entre o título e o texto */
    margin-bottom: 1rem; /* Adiciona um espaço entre as linhas */
    width: 100%; /* Garante que a caixa ocupe toda a largura */
}

.timeline .olcards li .content {
    background-color: transparent; /* Sem fundo para a caixa */
    border-radius: 1rem;
    padding: 1rem 2rem;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column; /* Organiza o conteúdo verticalmente */
    align-items: flex-start; /* Alinha o conteúdo à esquerda */
    width: 100%;
    color: #42403e; /* Cor do texto */
}

.timeline .olcards li .title {
    font-size: 1.4em;
    font-weight: bold;
}

.timeline .olcards li .text {
    font-size: 1em;
    color: #42403e; /* Cor do texto */
}

.timeline .olcards li .numbers {
    display: flex;
    gap: 1rem;
    margin-top: 0.5rem; /* Coloca os círculos abaixo do texto */
    margin-left: auto; /* Coloca os círculos à direita */
}

.timeline .olcards li .circle {
    background-color: #fff; /* Cor de fundo do círculo */
    color: var(--cardColor); /* Cor do texto dentro do círculo */
    font-size: 1.4em;
    font-weight: bold;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center; /* Centraliza o texto dentro do círculo */
    align-items: center; /* Centraliza o texto dentro do círculo */
    border-radius: 50%; /* Torna a caixa redonda */
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); /* Sombra do círculo */
}

.timeline .olcards li .circle-link:hover .circle {
    background-color: var(--cardColor);
    color: #fff;
    cursor: pointer;
    transform: scale(1.1);
    transition: all 0.3s ease;
}



.titulob {
color: #9bb049;
}
.titulof
{
    color: #f2aa80;
}

.titulot {
    color: #84bfb9;
}


.titulon {
    color: #b3a9d9;
}


.botaoclicavelf{background-color: #f2aa80;
    color:white;
    box-shadow: 6px 6px 11px #d2dce6, -6px -6px 11px #edf2f7;
    font-size:18px;
border:none;
}

.botaoclicavelf:hover{background-color: #d38a61;
    color: white}

.botaoclicavelf:active{
    background-color: white !important;
    color: #f2aa80 !important;
    transform: scale(0.98); /* ligeiro "afundar" ao clicar */
    box-shadow: inset 2px 2px 6px #ccc;
}

.botaoclicavelf:focus{background-color: white !important;;
    color: #f2aa80 !important;}



.botaoclicaveln{background-color: #b3a9d9;
    color:white;
    box-shadow: 6px 6px 11px #d2dce6, -6px -6px 11px #edf2f7;
    font-size:18px;
    border:none;}

.botaoclicaveln:hover{background-color: #8274b9;
    color: white}

.botaoclicaveln:active{
    background-color: white !important;
    color: #b3a9d9 !important;
    transform: scale(0.98); /* ligeiro "afundar" ao clicar */
    box-shadow: inset 2px 2px 6px #ccc;
}

.botaoclicaveln:focus{background-color: white !important;;
    color: #b3a9d9 !important;}

.botaoclicavelb{background-color: #BCCD84;
    color:white;
    box-shadow: 6px 6px 11px #d2dce6, -6px -6px 11px #edf2f7;
    font-size:18px;
    border:none;}

.botaoclicavelb:hover{background-color: #a0c248;
    color: white}

.botaoclicavelb:active{
    background-color: white !important;
    color: #BCCD84 !important;
    transform: scale(0.98); /* ligeiro "afundar" ao clicar */
    box-shadow: inset 2px 2px 6px #ccc;
}

.botaoclicavelb:focus{background-color: white !important;;
    color: #BCCD84 !important;}


.botaoclicavelt{background-color: #84bfb9;
    color:white;
    box-shadow: 6px 6px 11px #d2dce6, -6px -6px 11px #edf2f7;
    font-size:18px;
    border:none;}

.botaoclicavelt:hover{background-color: #64ada6;
    color: white}

.botaoclicavelt:active{
    background-color: white !important;
    color: #84bfb9 !important;
    transform: scale(0.98); /* ligeiro "afundar" ao clicar */
    box-shadow: inset 2px 2px 6px #ccc;
}

.botaoclicavelt:focus{background-color: white !important;;
    color: #84bfb9 !important;}




.container-noticias {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    margin: 2rem auto;
    max-width: 1200px;
}

/* Cartão */

.cardnoticia2 {
    display: grid;
    place-items: center;
    width: 100%;
    max-width: 440px;
    height: 200px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
    position: relative;
    transition: transform 0.3s ease;
}

.cardnoticia2 > * {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}

.cardnoticia2__background {
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    transition: transform 0.5s ease-in;
}


.cardnoticia2__content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: flex-end;
    height: 110%;
    padding: 12% 1rem 1.5rem;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 10%, black 100%);
    -webkit-transform: translateY(60%);
    transform: translateY(60%);
    -webkit-transition: -webkit-transform 500ms ease-out;
    transition: transform 500ms ease-out;
    z-index: 2;
    position: relative;
}

.cardnoticia2__content--container {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.cardnoticia2__title {

    font-size: 1.2rem;
    font-weight: bold;
    color: white;
    position: relative;
}

.cardnoticia2__title::after {
    content: "";
    position: absolute;
    height: 4px;
    width: 110%;
    bottom: -8px;
    left: -8px;
    background-color: #BCCD84;
    opacity: 0;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.cardnoticia2__description {

    font-size: 0.9rem;
    color: white;
    opacity: 0;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
}

.cardnoticia2__button {
    padding: 0.5em 1em;

    font-weight: bold;
    font-size: 0.9rem;
    border-radius: 0.4em;
    border: none;
    background-color: #BCCD84;
    color: #1a1a1a;
    opacity: 0;
    -webkit-transition: opacity 500ms ease;
    transition: opacity 500ms ease;
    cursor: pointer;
}

/* Hover effects */

.cardnoticia2:hover .cardnoticia2__background {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: 70%;

}

.cardnoticia2:hover .cardnoticia2__content {
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

.cardnoticia2:hover .cardnoticia2__title::after {
    opacity: 1;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
}

.cardnoticia2:hover .cardnoticia2__description,
.cardnoticia2:hover .cardnoticia2__button {
    opacity: 1;
}




/* aumenta os títulos */
.carousel-caption h5 {
    font-size: 2rem;   /* experimenta 2rem, 2.5rem... */
    font-weight: bold;
}

/* aumenta os parágrafos */
.carousel-caption p {
    font-size: 1.25rem; /* maior que o padrão */
}




/* Esconde o ícone nativo do Bootstrap (v4 ou v5) */
#carouselExampleIndicators .carousel-control-prev-icon,
#carouselExampleIndicators .carousel-control-next-icon {
    display: none !important;
}

/* Botões de navegação: garantir visibilidade e permitir posicionamento */
#carouselExampleIndicators .carousel-control-prev,
#carouselExampleIndicators .carousel-control-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    width: 15%;                /* zona clicável padrão do BS */
}

/* CÍRCULO branco com contorno verde */
#carouselExampleIndicators .carousel-control-prev::before,
#carouselExampleIndicators .carousel-control-next::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;               /* tamanho do círculo */
    height: 56px;
    border-radius: 50%;
    background: #fff;          /* fundo branco */
    border: 2px solid #9bb049; /* contorno verde */
}

/* posição horizontal do círculo (perto da borda) */
#carouselExampleIndicators .carousel-control-prev::before { left: 12px; }
#carouselExampleIndicators .carousel-control-next::before { right: 12px; }

/* SETA verde feita com borders (sem imagens) */
#carouselExampleIndicators .carousel-control-prev::after,
#carouselExampleIndicators .carousel-control-next::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

/* posição da seta dentro do círculo e direção */
#carouselExampleIndicators .carousel-control-prev::after {
    left: 12px;                       /* igual ao círculo */
    margin-left: 18px;                /* centra dentro do círculo */
    border-right: 14px solid #74a916; /* seta a apontar para a esquerda */
}

#carouselExampleIndicators .carousel-control-next::after {
    right: 12px;                      /* igual ao círculo */
    margin-right: 18px;               /* centra dentro do círculo */
    border-left: 14px solid #74a916;  /* seta a apontar para a direita */
}

/* (opcional) hover: círculo verde e seta branca */
#carouselExampleIndicators .carousel-control-prev:hover::before,
#carouselExampleIndicators .carousel-control-next:hover::before {
    background: #9bb049;
    border-color: #9bb049;
}
#carouselExampleIndicators .carousel-control-prev:hover::after {
    border-right-color: #fff;
}
#carouselExampleIndicators .carousel-control-next:hover::after {
    border-left-color: #fff;
}

/* Heroes e fundos nunca acima da navbar */
.fundoindex,
.fundocurricular,
.fundoavaliacao,
.fundonoticia,
.fundoinvestigacao,
.fundoatividades,
.fundoatividades2,
.fundoequipa,
.fundorecursos {
    position: relative;
    z-index: 0;          /* baixar para trás do menu */
    /* mantém o margin-top:-6% se quiseres o “encosto” visual */
}

/* (opcional) se a “curva” estiver antes do hero, garante que também fica atrás */
.curved { position: relative; z-index: 0; }