div#oportunidades-container {
}

div.oportunidades-container {
    border: none;
}

div#oportunidades-calcularte-container {
    background-image: url(/images/calcularte-oportunidades-background.webp);
    background-size: 50%;
    border: 1px solid #DC5CA7;
}

div#oportunidades-calcularte-container h2 {
    color: #90195f;
}

div#oportunidades-calcularte-container div.oportunidade {
    border-color: #90195f;
}

div#oportunidades-pascoa-container {
    background-image: url(/images/easter-background-oportunidades.webp);
    background-size: 20%;
    border: 1px solid #56a3a4;
}

div#oportunidades-pascoa-container h2 {
    color: #650909;
}

div#oportunidades-confeitaria-container {
    background-image: url(/images/confeitaria-oportunidades-background.webp);
    background-size: 20%;
    border: 1px solid #AAA;
}

div#oportunidades-confeitaria-container div.oportunidade {
    border-color: #555;
}

div#oportunidades-confeitaria-container h2 {
    color: #000;
}


div.oportunidade {
    border: 4px solid #118E89;
}

p.oportunidades-subtitle {
    color:#118E89;
}

div.div-text-oportunidade p {
    color: #666;
}

div.div-text-oportunidade {
    background-color: #fff;
}

div.oportunidades {
    overflow: visible;
}

div.oportunidade {
    transition: 0.25s all ease-in-out;
}

div.oportunidade:hover {
    transform: scale(1.1);
}

div#oportunidade-calendario {
    transition: none;
}

div#oportunidade-calendario:hover {
    transform: none;
}

div#oportunidades-dia-das-maes-container {
    background-image: url(/images/dia-das-maes-oportunidades-background.webp);
    background-size: 20%;
    border: 1px solid #DC5CA7;
    width: 91.5vw;
}

div#oportunidades-dia-das-maes-container h2 {
    color: rgb(182 27 55);
    opacity: 1;
}

div#oportunidades-dia-das-maes-container div.oportunidade {
    border-color: #DC5CA7;
}

div#oportunidades-dia-das-maes-container div.oportunidade + div.oportunidade {
    margin-left: 6vw;
}

div#oportunidades-dia-das-maes-container div.oportunidade:first-child {
    margin-left: 7.5vw;
}

div#oportunidades-croche-container {
    background-image: url(/images/croche-oportunidades-background.webp);
    background-size: 20%;
    border: 1px solid #666;
    width: 91.5vw;
}

div#oportunidades-croche-container h2 {
    color: #118E89;
    opacity: 1;
}

div#oportunidades-croche-container div.oportunidade {
    border-color: #118E89;
}

div#oportunidades-croche-container div.oportunidade + div.oportunidade {
    margin-left: 13vw;
}

div#oportunidades-croche-container div.oportunidade:first-child {
    margin-left: 18vw;
}

div#oportunidades-design-marketing-container {
    background-image: url(/images/design-marketing-oportunidades-background.webp);
    background-size: 20%;
    border: 1px solid rgb(207, 157, 49);
    width: 91.5vw;
}

div#oportunidades-design-marketing-container h2 {
    color: #ac7d26;
    opacity: 1;
}

div#oportunidades-design-marketing-container div.oportunidade {
    border-color: #d89d06;
}

div#oportunidades-design-marketing-container div.oportunidade + div.oportunidade {
    margin-left: 13vw;
}

div#oportunidades-design-marketing-container div.oportunidade:first-child {
    margin-left: 18vw;
}

div#oportunidades-aromaterapia-container {
    /*background-image: url(/images/aromaterapia-oportunidades-background.webp);*/
    background-size: 20%;
    border: 1px solid #DC5CA7;
}

div#oportunidades-aromaterapia-container h2 {
    color: rgb(182 27 55);
    opacity: 1;
}

div#oportunidades-aromaterapia-container div.oportunidade {
    border-color: #DC5CA7;
}

div#div-img-oportunidade-eduk img {
    height: unset;
    margin-top: 7vw;
}

div#div-img-oportunidade-eduk {
    height: 20vw;
    background-color: #f5f5f5;
}

div#oportunidades-design-marketing-container {
    display: none;
}

p.oportunidades-subtitle {
    display: none;
}

div.oportunidade.teaser:hover {
    transform: none;
}

div#oportunidades-participe-container {
    clear: left;
    width: 100%;
    
}

div#oportunidades-participe {
    width: fit-content;
    margin: 2vw auto;
    font-size: 2.3vw;
}

div#oportunidade-btn-assinar-container {
    overflow: visible;
}

div#oportunidade-btn-assinar {
    font-weight: 700;
    font-size: 1.67vw;
    font-variant: small-caps;
    font-family: 'Montserrat', 'PT Sans', "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    width: fit-content;
    padding: 10px 0;
    border-radius: 10px;
    margin: 0 auto 2vw;
    background-color: #f26414;
    box-shadow: 10px 10px 10px -5px rgb(0 0 0 / 80%);
    -webkit-box-shadow: 10px 10px 10px -5px rgb(0 0 0 / 80%);
    color: #fff;
    padding: 0.5vw 4vw;
}

div#oportunidade-btn-assinar:hover {
    transform: scale(1.1);    
}

/* Mobile fixes for oportunidades */
@media screen and (max-width: 768px) {

    /* Fix eduk logo card height: 20vw is too short when cards are 80vw wide */
    div#div-img-oportunidade-eduk {
        height: 50vw;
    }

    div#div-img-oportunidade-eduk img {
        margin-top: 15vw;
    }

    /* Fix Faça parte + Assine CTA: vw units are too small on mobile */
    div#oportunidades-participe {
        font-size: 22px;
        margin: 20px auto;
    }

    div#oportunidade-btn-assinar {
        font-size: 18px;
        padding: 10px 40px;
    }

}