.elementor-kit-7{--e-global-color-primary:#006776;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#14171B;--e-global-color-accent:#FFDB26;--e-global-color-923b49b:#F1F2F3;--e-global-color-54abd7c:#D4F7EA;--e-global-color-3a7d36c:#4F575E;--e-global-color-ec8e92b:#88EAD5;--e-global-color-d7dabfe:#087F5B;--e-global-color-1b68a53:#37B24D4D;--e-global-color-9ef3da3:#DC20204D;--e-global-color-0259850:#4263EB4D;--e-global-color-0f4cf52:#FFA8004D;--e-global-color-79761ce:#9F6D384D;--e-global-color-5c372c5:#46A5F34D;--e-global-color-32d1d9d:#5704704D;--e-global-color-00a2f9d:#F346C34D;--e-global-color-3dc5a41:#0689A64D;--e-global-color-e57d918:#F767074D;--e-global-typography-primary-font-family:"Source Sans 3";--e-global-typography-primary-font-weight:700;--e-global-typography-secondary-font-family:"Source Sans 3";--e-global-typography-secondary-font-weight:700;--e-global-typography-text-font-family:"Source Sans 3";--e-global-typography-text-font-size:18px;--e-global-typography-text-font-weight:500;--e-global-typography-accent-font-family:"Source Sans 3";--e-global-typography-accent-font-size:18px;--e-global-typography-accent-font-weight:600;--e-global-typography-e8321e8-font-size:16px;--e-global-typography-e8321e8-font-weight:500;--e-global-typography-e74368d-font-size:44px;--e-global-typography-e74368d-font-weight:700;--e-global-typography-ec9ac7f-font-size:14px;--e-global-typography-ec9ac7f-font-weight:500;font-size:18px;}.elementor-kit-7 button,.elementor-kit-7 input[type="button"],.elementor-kit-7 input[type="submit"],.elementor-kit-7 .elementor-button{background-color:var( --e-global-color-accent );color:var( --e-global-color-text );box-shadow:4px 8px 18px 0px rgba(0, 0, 0, 0.1);border-radius:6px 6px 6px 6px;padding:12px 16px 12px 16px;}.elementor-kit-7 e-page-transition{background-color:#FFBC7D;}.elementor-kit-7 a{color:var( --e-global-color-secondary );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1440px;}.e-con{--container-max-width:1440px;--container-default-padding-top:80px;--container-default-padding-right:142px;--container-default-padding-bottom:80px;--container-default-padding-left:142px;}.elementor-widget:not(:last-child){--kit-widget-spacing:24px;}.elementor-element{--widgets-spacing:24px 24px;--widgets-spacing-row:24px;--widgets-spacing-column:24px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:16px;--container-default-padding-right:16px;--container-default-padding-bottom:16px;--container-default-padding-left:16px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;--container-default-padding-top:24px;--container-default-padding-right:24px;--container-default-padding-bottom:24px;--container-default-padding-left:24px;}}/* Start custom CSS */p a {
    text-decoration: underline !important;
}

.elementor-icon-wrapper {
    display: flex;
}

.elementor-button-icon {
    fill: var(--e-global-color-primary);
}

.swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet {
    height: 10px !important;
    width: 50px !important;
    border-radius: 20px !important;
    margin: -3px !important;
    background-color: var(--e-global-color-923b49b) !important;
    opacity: 1;
}

.swiper-pagination .swiper-pagination-bullet:hover {
    z-index: 1;
    background-color: var(--e-global-color-primary) !important;
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--e-global-color-primary) !important;
    z-index: 1;
}

.registo {
    display: flex;
    gap: 9px;
    margin-top: 4px;
    padding-left: 9px;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600px;
}

.registo i {
    font-size: 9px;
    color: var(--e-global-color-primary);
}

.voluntariado-card.ambiente-e-natureza-e-animais {
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-1b68a53) 100%);
}

.voluntariado-card.cultura-e-arte {
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-9ef3da3) 100%);
}

.voluntariado-card.bibliotecas-e-museus {
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-0259850) 100%);
}

.voluntariado-card.desporto {
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-0f4cf52) 100%);
}

.voluntariado-card.historia {
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-79761ce) 100%);
}

.voluntariado-card.saude-e-bem-estar {
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-5c372c5) 100%);
}

.voluntariado-card.escrita-e-comunicacao {
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-32d1d9d) 100%);
}

.voluntariado-card.cabeleireiro-e-estetica {
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-00a2f9d) 100%);
}

.voluntariado-card.voluntariado-internacional {
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-3dc5a41) 100%);
}

.voluntariado-card.outros {
    background-image: linear-gradient(180deg, var(--e-global-color-secondary) 0%, var(--e-global-color-e57d918) 100%);
}

/* Passo a passo */
.passos,
.conteudo {
    font-family: 'Source Sans 3';
}

.passos {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    position: relative;
    margin-top: 24px;
}

.numero {
    display: flex;
    color: var(--e-global-color-3a7d36c);
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    border: 2px solid var(--e-global-color-3a7d36c);
    border-radius: 80px;
    font-size: 34px;
    font-weight: 600;
    background-color: white;
    z-index: 1;
}

.passo {
    display: flex;
    align-items: center;
    flex-direction: column;
    cursor: pointer;
    gap: 14px;
    text-align: center;
}

.passo.ativo {
    cursor: default;
}

.passo.ativo .numero {
    border: none;
    width: 100%;
    height: 100px;
    color: var(--e-global-color-primary);
    border-radius: 0;
    background-image: url("https://voluntariado.mun-setubal.pt/wp-content/uploads/2025/10/VoluntariadoSetubal_Passo.png");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-top: -10px;
}

.passo .titulo {
    font-weight: 600;
    font-size: 18px;
    color: var(--e-global-color-3a7d36c);
}

.passo.ativo .titulo {
    color: var(--e-global-color-text);
}

.passo .subtitulo {
    display: none;
}

.passo.ativo .subtitulo {
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 18px;
}

.passo.ativo .subtitulo .linha {
    display: block;
    width: 1px;
    height: 30px;
    background-color: black;
}

.conteudo {
    background-color: var(--e-global-color-54abd7c);
    padding: 14px 32px;
    border-radius: 6px;
}

.conteudo p {
    display: none;
    margin: 0;
}

.conteudo p.ativo {
    display: block;
}

.linha-conexao {
    width: 95%;
    position: absolute;
    height: 2px;
    display: block;
    background-color: var(--e-global-color-primary);
    top: 40px;
    left: 40px;
    z-index: 0;
}

@media (max-width: 767px) {
    .passo {
        width: 100%;
    }
    .linha-conexao {
        width: 60vw;
        top: 20px;
    }
    .passo .numero {
        height: 40px;
        width: 40px;
    }
    .passo .titulo {
        font-size: 16px;
    }
    .passo.ativo .numero {
        height: 80px;
        margin-top: -20px;
    }
    .passo.ativo .subtitulo {
        font-size: 14px;
    }
}/* End custom CSS */