@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}


.hero-section {
    /* background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1560090964-cc7c8bfb293e?q=80&w=1469&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D'); */
    background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url('../../assets/img/fundo-home.jpg');
    background-size: cover;
    background-position: center;
    height: 100vh;
}

.titulo-principal {
	color: white;
}

.bouncing-arrow {
    animation: bounce 2s infinite;
    margin-bottom: 80px;
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }
    40% {
        transform: translateY(-20px);
    }
    60% {
        transform: translateY(-10px);
    }
}

/* Seção QUEM SOMOS */

#missao-visao-valores {
	width: 90%;
}

.card-mvv {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    background-color: #2462AE;
    z-index: 1;
    padding: 2rem;
    width: 30%;
    /* border-radius: 5px; */
    height: 500px;
    color: white;
}

.card-mvv i {
    font-size: 4rem;
    color: white;
    margin-right: 1rem;
}

.card-mvv h1 {
    font-size: 2rem;
    font-family: "Libre Baskerville" !important;
    color: white;
}

.lista-valores {
	width: 100%;
}

.item-valores {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .5rem;
	font-size: 1.1rem;
	margin-bottom: 1rem;
}

/*.valores ul {
    padding: 0;
    width: 100%;
}

.valores > ul > li {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1rem;
}

.valores > ul > li > i {
    font-size: 2rem;
}*/

.service-card {
    transition: flex-grow 0.5s ease;
    flex-grow: 1;
}

.service-card:hover {
    flex-grow: 1.6;
}

.project-card {
    transition: all 0.3s ease;
}

.project-card:hover {
    transform: scale(1.05);
}

.partner-logo {
    /* filter: grayscale(100%); */
    transition: all 0.3s ease;
}

.partner-logo:hover {
    /* filter: grayscale(0%); */
    transform: scale(1.1);
}

.timeline-item {
    transition: all 0.3s ease;
}

.timeline-item.active {
    transform: scale(1.05);
    z-index: 10;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.link-ativo  {
    border-bottom: solid 2px #2462AE;
}

.titulo-video, .titulo-quem-somos, .titulo-como-apoiar, .titulo-nossa-historia, .btn-localizacao  {
    color: #091953;
}

.link-nossa-historia {
    color: #2462AE;
}

.icone-olho {
	width: 500px;
}

/* RODAPÉ */

.footer {
    background-color: #091951 !important;
}

.rede-social, .input-rodape {
    background-color: #2462AE;
}

.input-rodape {
    border: solid 1px #2462AE;
}

.btn-enviar-rodape {
    color: #2462AE;
}

.div-linha-rodape {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.5rem;
}

.btn-rodape {
    background-color: #2462AE;
    padding: .3rem .7rem;
    border-radius: 5px;
}

.logo-rodape {
    width: 320px;
    height: 80px;
}

.text-outline{
    text-shadow: 2px 3px 4px rgba(0, 0, 0, 0.50);
}

.titulo-nossa-historia {
	font-weight: 700;
	font-size: 2rem;
	margin: 0 auto;
	width: fit-content;
}

.paragrafos {
	width: 100%;
	padding: 0 1rem;
}

.paragrafos p {
	text-align: justify;
}

.paragrafo-foto p {
	width: 50%;
}

.paragrafo-foto {
	display: flex;
	flex-direction: row;
	align-items: start;
}

.figura {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	width: fit-content;
}

figure {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.description {
    max-height: 3em; 
    overflow: hidden;
    position: relative;
    transition: max-height 0.4s ease;
    line-height: 1.5em;
}

.fotos-tl {
	display: flex;
	flex-direction: row;
	align-items: start;
	justify-content: center;
	gap: 8px;
	flex-wrap: wrap;
}

.gradient-bg {
    background: linear-gradient(to right, #091951, #112e97); 
    /* ... outras propriedades como text-white, padding, etc. */
}