Meet the Partners
This project is made possible thanks to the transnational collaboration between these organizations.
Meet the Partners
/* --- CONFIGURAÇÕES GERAIS --- */
#partners-template {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
color: #333;
max-width: 100%;
margin: 0 auto;
padding: 20px;
}
/* --- INTRODUÇÃO --- */
.partners-intro {
text-align: center;
margin-bottom: 60px;
}
.partners-intro h2 {
color: #6a4c93; /* Roxo do tema */
font-size: 2.5rem;
margin-bottom: 15px;
}
.partners-intro p {
font-size: 1.1rem;
color: #666;
max-width: 700px;
margin: 0 auto;
line-height: 1.6;
}
/* --- GRELHA DE PARCEIROS --- */
.partners-grid {
display: flex;
flex-wrap: wrap;
justify-content: center; /* Centra os logos no ecrã */
gap: 40px; /* Espaço entre as bolas */
margin-bottom: 80px;
}
/* O CARD DE CADA PARCEIRO (LINK) */
.partner-card {
text-decoration: none !important; /* Remove sublinhado dos links */
display: flex;
flex-direction: column;
align-items: center;
width: 220px; /* Largura fixa para alinhamento */
group: partner; /* Para efeitos de hover */
}
/* O CÍRCULO DO LOGO */
.logo-circle {
width: 200px;
height: 200px;
background-color: #ffffff;
border: 2px solid #eeeeee;
border-radius: 50%; /* Faz o círculo perfeito */
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 5px 15px rgba(0,0,0,0.05);
transition: all 0.3s ease;
padding: 30px; /* Margem interna para o logo não bater na borda */
margin-bottom: 20px;
position: relative;
}
/* Efeito ao passar o rato no círculo */
.partner-card:hover .logo-circle {
transform: translateY(-10px); /* Sobe um bocadinho */
border-color: #6a4c93; /* Borda fica roxa */
box-shadow: 0 10px 25px rgba(106, 76, 147, 0.2); /* Sombra roxa suave */
}
/* A IMAGEM DO LOGO */
.logo-circle img {
width: 100%;
height: 100%;
object-fit: contain; /* Garante que o logo cabe todo dentro do círculo sem cortes */
filter: grayscale(100%); /* Opcional: Logo a preto e branco */
opacity: 0.8;
transition: all 0.3s;
}
/* Logo ganha cor ao passar o rato */
.partner-card:hover .logo-circle img {
filter: grayscale(0%); /* Volta à cor original */
opacity: 1;
}
/* NOME DO PARCEIRO (Opcional, aparece em baixo) */
.partner-name {
color: #2c3e50;
font-weight: bold;
font-size: 1.1rem;
text-align: center;
transition: color 0.3s;
}
.partner-card:hover .partner-name {
color: #6a4c93;
}
/* PAÍS DO PARCEIRO */
.partner-country {
color: #888;
font-size: 0.9rem;
margin-top: 5px;
font-weight: 500;
}
/* --- RESPONSIVIDADE --- */
@media (max-width: 768px) {
.partners-grid { gap: 20px; }
.logo-circle { width: 160px; height: 160px; padding: 20px; }
.partner-card { width: 160px; }
}
Este projeto é possível graças à colaboração transnacional entre estas organizações.
“Funded by the European Union. Views and opinions expressed are however those of the author(s) only and do not necessarily reflect those of the European Union or the European Education and Culture Executive Agency (EACEA). Neither the European Union nor EACEA can be held responsible for them”
