Oferta Formativa

Oferta
Formativa

A sua porta de entrada para um emprego em Portugal e na Europa

Comércio e Logística
Educação e Ação Social
Estética e Bem-Estar
Gestão e Administração
Línguas e Comunicação
Marketing e Programação
Saúde

All

/* Container principal */
.custom-filter-wrapper {
display: flex;
gap: 15px;
align-items: center;
margin-bottom: 30px;
}
/* Botões base */
.filter-btn {
padding: 12px 24px;
border-radius: 25px;
font-family: “Questa Grande”, Sans-serif;
font-size: 1rem;
font-weight: 400;
cursor: pointer;
transition: all 0.3s ease;
border: 1px solid transparent;
background: transparent;
display: flex;
align-items: center;
gap: 8px;
white-space: nowrap;
}
/* Botão “Todos os Cursos” */
.filter-btn.all-courses {
background: #F1E4F8;
color: #1F1F1F;
border: 1px solid #F1E4F8;
}
.filter-btn.all-courses.active {
background: #D0E4C4;
color: #1F1F1F;
border: 1px solid #D0E4C4;
}
/* Botão “Área de Curso” */
.filter-btn.dropdown-btn {
background: #FFFFFF;
color: #1F1F1F;
border: 1px solid #E5E5E5;
}
.filter-btn.dropdown-btn.active {
background: #D0E4C4;
color: #1F1F1F;
border: 1px solid #D0E4C4;
}
/* Manter ícone escuro quando ativo (já que o fundo é claro) */
.filter-btn.dropdown-btn.active .dropdown-icon {
filter: none;
}
.filter-btn.dropdown-btn .dropdown-icon {
width: 20px;
height: 20px;
transition: transform 0.3s ease, filter 0.3s ease;
}
/* Rotação do ícone quando aberto */
.dropdown-container.open .dropdown-icon {
transform: rotate(90deg);
}
/* Container do dropdown */
.dropdown-container {
position: relative;
}
/* Menu dropdown */
.dropdown-menu {
position: absolute;
top: calc(100% + 10px);
left: 0;
background: #FFFFFF;
border: 1px solid #E5E5E5;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
min-width: 250px;
max-height: 0;
overflow: hidden;
opacity: 0;
transition: all 0.3s ease;
z-index: 1000;
}
.dropdown-menu.show {
max-height: 400px;
opacity: 1;
overflow-y: auto;
}
/* Itens do dropdown */
.dropdown-item {
padding: 12px 20px;
cursor: pointer;
transition: background 0.2s ease;
color: #1F1F1F;
font-family: “Questa Grande”, Sans-serif;
font-size: 0.95rem;
}
.dropdown-item:hover {
background: #F8F4FB;
color: #8B5CF6;
}
.dropdown-item:first-child {
border-radius: 12px 12px 0 0;
}
.dropdown-item:last-child {
border-radius: 0 0 12px 12px;
}
/* Esconder botões originais */
.e-filter button.e-filter-item {
display: none !important;
}
/* Animação de transição suave */
.elementor-loop-container {
transition: opacity 0.4s ease, transform 0.4s ease;
}
.elementor-loop-container.filter-transitioning {
opacity: 0.6;
transform: scale(0.99);
}
/* Responsivo */
@media (max-width: 768px) {
.custom-filter-wrapper {
flex-direction: column;
gap: 10px;
align-items: stretch;
}
.filter-btn {
width: 100%;
justify-content: center;
}
.dropdown-menu {
width: 100%;
}
}