/**
 * @version     CVS: 2.3.0
 * @package     com_bankgoodpractices
 * @subpackage  mod_bankgoodpractices
 * @copyright   2024 Hirlei Carlos Pereira de Araújo
 * @license     GNU General Public License versão 2 ou posterior; consulte o arquivo License. txt
 * @author      Hirlei Carlos Pereira de Araújo <prof.hirleicarlos@gmail.com>
 */


.bp-home .bp-home-filtro {
    position: relative; /* Necessário para posicionar a faixa suspensa */
    border-bottom: 1px solid #588dff;
    border-top: 1px solid #588dff;
    padding: 30px 0; /* Ajuste o padding conforme necessário */
    margin-bottom: 45px;
}

.bp-home .bp-home-filtro::before {
    content: "";
    position: absolute;
    top: -2px; /* Posiciona a faixa suspensa acima da caixa */
    left: 50%; /* Centraliza horizontalmente */
    transform: translateX(-50%); /* Ajusta a centralização */
    width: 80px; /* Largura da faixa */
    height: 3px; /* Altura da faixa */
    background-color: #FA9400; /* Cor da faixa */
    border-radius: 10px; /* Arredonda os cantos superiores da faixa */
    z-index: 5;
}

.bp-home .bp-home-filtro::after {
    content: "";
    position: absolute;
    bottom: -2px; /* Posiciona a faixa suspensa acima da caixa */
    left: 50%; /* Centraliza horizontalmente */
    transform: translateX(-50%); /* Ajusta a centralização */
    width: 80px; /* Largura da faixa */
    height: 3px; /* Altura da faixa */
    background-color: #FA9400; /* Cor da faixa */
    border-radius: 10px; /* Arredonda os cantos superiores da faixa */
    z-index: 5;
}

.bp-home .bp-home-filtro .filtro-busca {
    margin: 0 auto 30px auto;
    max-width: 1070px;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

.bp-home .bp-home-filtro .filtro-busca label {
    font-style: normal;
    font-variant: normal;
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    line-height: 16px;
    letter-spacing: 0;
    color: #00166B;
    margin-bottom: 10px;
}

.bp-home .bp-home-filtro .filtro-busca select {
    border: 1px solid #FA9400;
    border-radius: 5px;
    height: 40px;
    width: 100%; /* Ajusta a largura do select para preencher o contêiner */
    padding: 10px 30px 10px 20px; /* Adiciona padding para o texto e a seta */
    font-family: Inter; /* Fonte do texto */
    font-weight: 400;
    font-size: 16px; /* Tamanho da fonte do texto */
    color: #AAB4C5; /* Cor do texto */
    appearance: none; /* Remove a aparência padrão do select */
    -webkit-appearance: none; /* Para navegadores WebKit */
    -moz-appearance: none; /* Para navegadores Firefox */
    /* Imagem SVG da seta */
    background: #FFFFFF url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="%23AAB4C5" class="bi bi-chevron-down" viewBox="0 0 16 16"><path 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"/></svg>') no-repeat right 10px center;
    background-size: 16px 16px;
}

/* Estilizando as opções do select */
.bp-home .bp-home-filtro .filtro-busca select option,
.bp-home .bp-home-filtro .filtro-busca select option:hover,
.bp-home .bp-home-filtro .filtro-busca select option:focus,
.bp-home .bp-home-filtro .filtro-busca select option:active {
    background: #FA9400;
    color: #ffffff;
    font-family: Inter;
    font-weight: 400;
    font-size: 16px;
    padding: 10px;
    border: 1px solid #FA9400;

}

/* Estilizando o dropdown */
.bp-home .bp-home-filtro .filtro-busca select::-ms-expand {
    display: none; /* Remove a seta padrão do IE */
}

.bp-home .bp-home-filtro .filtro-busca select:-ms-expand {
    display: none; /* Remove a seta padrão do IE */
}

.bp-home .bp-home-filtro .filtro-busca .area-btn {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

.bp-home .bp-home-filtro .filtro-busca .area-btn .btn-inovacoop {
    background: #FA9400 0 0 no-repeat padding-box;
    padding: 5px 14px 13.5px 9px;
    border-radius: 100%;
}

.bp-home .bp-home-filtro .filtro-busca .btn-inovacoop svg {
    fill: #ffffff;
    width: 20px;
}

.bp-home .bp-home-filtro .filtro-total {
    font-style: normal;
    font-variant: normal;
    font-family: "Intro Bold";
    font-weight: 600;
    font-size: 18px;
    line-height: 48px;
    letter-spacing: 0;
    color: #00166B;
}

.bp-home .bp-home-resultado .case-itens {
    gap: 25px;
    max-width: 1070px;
    margin: 0 auto;
}

.bp-home .bp-home-resultado .case-itens .case-item {
    flex: 1 1 calc(33.33% - 25px);
    background: #FFFFFF 0 0 no-repeat padding-box;
    border: 1px solid #FA9400;
    border-radius: 10px;
    padding: 10px;
    box-sizing: border-box;
}

.bp-home .bp-home-resultado .case-itens .case-item.ghost {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    visibility: hidden;
}

.bp-home .bp-home-resultado .case-itens .case-item .case-item-img img {
    width: 100%;
    height: 200px;
    max-height: 200px;
    object-fit: cover;
    object-position: center center;
    margin-bottom: 20px;
    border-radius: 10px;
}

.bp-home .bp-home-resultado .case-itens .case-item .case-item-text {
    padding: 0 10px;
}

.bp-home .bp-home-resultado .case-itens .case-item .case-item-text .item-text-title h3 {
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    letter-spacing: 0;
    color: #00166B;
    margin-bottom: 20px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bp-home .bp-home-resultado .case-itens .case-item .case-item-text .item-text-texto p {
    font-style: normal;
    font-variant: normal;
    font-family: Inter;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    letter-spacing: 0;
    color: #00166B;
    margin-bottom: 30px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bp-home .bp-home-resultado .case-itens .case-item .case-btn {
    margin-bottom: 30px;
}

.bp-home .bp-home-resultado .case-itens .case-item .case-btn a {
    font-style: normal;
    font-variant: normal;
    font-family: Inter;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    color: #ffffff;
    background: #FA9400 0 0 no-repeat padding-box;
    border-radius: 20px;
    padding: 12px 48px;
}

.bp-home .bp-home-resultado .case-itens .case-item .case-btn a:hover {
    color: #FA9400;
    background: #ffffff 0 0 no-repeat padding-box;
    border: 1px solid #FA9400;
}

.bp-home .bp-home-btn .btn-load-case {
    border: 1px solid #FA9400 !important;
    color: #ffffff;
    background: #FA9400 0 0 no-repeat padding-box;
    border-radius: 20px;
    text-align: center !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-family: Inter;
    font-weight: 300;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: 0;
    padding: 12px 48px;
    margin-top: 50px;
}

.bp-home .bp-home-btn .btn-load-case:hover {
    color: #FA9400;
    background: #ffffff 0 0 no-repeat padding-box;
    border: 1px solid #FA9400;
}

.bp-home .bp-home-btn #loadingModal {
    z-index: 2000 !important;
}

.modal-backdrop {
    z-index: 0; !important;
}

.bp-home .bp-home-btn #loadingModal .modal-body {
    text-align: center !important;
    font-style: normal !important;
    font-variant: normal !important;
    font-weight: normal !important;
    font-size: 18px !important;
    line-height: 16px !important;
    font-family: Inter !important;
    letter-spacing: 0;
    color: #00166B;
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center;
    align-items: center;
}

.bp-home .bp-home-btn #loadingModal .modal-body img {
    width: 150px !important;
    margin-bottom: 50px;
}

.bp-home .bp-home-btn #loadingModal .modal-body p {
    flex: 100% !important;
}

@media screen and (max-width: 1280px){
    .bp-home .bp-home-resultado .case-itens {
        max-width: 1140px;
    }

    .bp-home .bp-home-filtro .filtro-busca {
        max-width: 1140px;
    }
}

@media screen and (max-width: 992px){
    .bp-home .bp-home-filtro .filtro-busca select {
        margin-bottom: 10px;
    }

    .bp-home .bp-home-filtro .filtro-busca .area-btn .btn-inovacoop {
        margin-bottom: 10px;
    }

    .bp-home .bp-home-resultado .case-itens {
        gap: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .bp-home .bp-home-resultado .case-itens .case-item .case-btn a {
        padding: 12px 40px;
    }
}