﻿:root {
    --uc-apresetacao-background-image: url('https://www.unoeste.br/Content/Imagens/CentralDeEstagios/img-apresentacao.jpg');
    --uc-apresetacao-background-image-mobile: url('https://www.unoeste.br/Content/Imagens/CentralDeEstagios/img-apresentacao-mobile.jpg');
    --uc-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    --uc-accordion-btn-icon-width: 1.25rem;
    --uc-accordion-btn-icon-transform: rotate(-180deg);
    --uc-accordion-btn-icon-transition: transform 0.2s ease-in-out;
    --uc-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232D2D2D'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.perguntas {
    font-size: 1rem;
}

.perguntas__item:first-child {
    border-top: solid 1px #ccc;
}

.perguntas__item {
    border-bottom: solid 1px #ccc;
}

.perguntas__item_pergunta {
    padding: .8em .5em;
    cursor: pointer;
    transition: all .3s;
    position: relative;
    font-weight: bold;
    border: solid 1px #ccc;
    border-radius: 1rem;
    margin-bottom: .5rem;
}

.perguntas__item_pergunta_texto {
    flex-shrink: 1;
    width: 100%;
    text-align: center;
    padding-right: 40px;
}

@media(min-width:900px) {
    .perguntas__item_pergunta_texto {
        padding-right: 0;
    }

    .perguntas {
        font-size: 1.2rem;
    }
}

.perguntas__item_pergunta_icone {
    flex-shrink: 0;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    right: .5em;
    top: 0;
    bottom: 0;
}

     .perguntas__item_pergunta_icone:after {
        width: var(--uc-accordion-btn-icon-width);
        height: var(--uc-accordion-btn-icon-width);
        margin-left: auto;
        content: "";
        background-image: var(--uc-accordion-btn-icon);
        background-repeat: no-repeat;
        background-size: var(--uc-accordion-btn-icon-width);
        transition: var(--uc-accordion-btn-icon-transition);
    }


.perguntas__item_resposta {
    display: none;
    transition: all 1s;
}

    .perguntas__item_resposta a {
        font-weight: bold;
    }

.perguntas__item.active .perguntas__item_pergunta {
    /*background-color: var(--uc-color-verde);*/
    /*color: var(--uc-color-cinza-escuro);*/
}

.perguntas__item.active .perguntas__item_resposta {
    display: block;
    padding: 0 0 1em 1em;
}

.secWhite .perguntas__item.active .perguntas__item_pergunta_icone:after {
    background-image: var(--uc-accordion-btn-active-icon);
    transform: var(--uc-accordion-btn-icon-transform);
    filter: brightness(1) invert(1);
    
}

.secBlack .perguntas__item .perguntas__item_pergunta_icone:after {
    background-image: var(--uc-accordion-btn-active-icon);
    transform: var(--uc-accordion-btn-icon-transform);
    filter: brightness(1) invert(1);
    
}

.secBlack .perguntas__item.active .perguntas__item_pergunta_icone:after {
    background-image: var(--uc-accordion-btn-active-icon);
    transform: rotate(0);
    filter: brightness(1) invert(0);
}

.perguntas__item_resposta ul li {
    line-height: 1.3em;
    font-size: 1.2rem;
    margin-left: 3rem;
}

.secWhite .perguntas__item.active .perguntas__item_pergunta {
    background-color: var(--uc-color-cinza-escuro) !important;
    color: var(--uc-color-verde) !important;
    border-radius: 1rem;
}

.secBlack .perguntas__item.active .perguntas__item_pergunta {
    background-color: var(--uc-color-verde) !important;
    color: var(--uc-color-cinza-escuro) !important;
    border-radius: 1rem;
}


.perguntas__item {
    border: 0 !important;
}

