@import url(../somoscoop/menu-mobile-coop.css);
@import url(../somoscoop/artigos_relacionados.css);
@import url(../components/botoes.css);

.breadcrumb {
    padding: 0.75rem 1rem 0;
    background: none;
    border-radius: 0.25rem;
}

.breadcrumb-item.active {
    color: #808080;
}

ol.breadcrumb,
ol.breadcrumb a {
    font-family: 'Inter';
    color: #808080 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 12px;
}

.breadcrumb-item + .breadcrumb-item::before {
    content: var(--bs-breadcrumb-divider, ">");
    color: #808080;
}

ol.breadcrumb {
    padding-left: 0;
}

.sppb-addon.sppb-addon-text-block.titulo-solucoes-home {
    padding: 0 0;
}

.head-title {
    display: flex;
    justify-content: space-between;
}

.facebook,
.twitter,
.linkedin {
    margin-bottom: 0.5rem;
}

.titulo-solucoes-home .sppb-addon-content {
    font-family: 'Intro';
    color: #5883D0;
    font-size: 40px;
    font-weight: bold !important;
}

.sub-titulo {
    margin-top: 2rem
}

.sub-titulo span {
    font-family: 'Intro';
    font-size: 28px !important;
    color: #18186A;
    font-weight: 300;
    line-height: 32px;
}

main#sp-component {
    margin-top: 2rem;
}

.article-full-image.float-left img {
    width: 730px;
    height: 400px;
    object-fit: cover;
    object-position: 100% 0;
    border-radius: 25px;
}

.caption {
    font-family: 'Intro';
    font-weight: 300;
    font-style: italic;
    font-size: 10px !important;
}

.article-details .article-header {
    max-width: 1080px;
}

.article-ratings-social-share.d-flex.justify-content-end {
    width: calc(15vw);
}

.article-social-share .social-share-icon ul li a {
    border: 1px solid #5DB475;
}

.image-banner {
    margin-left: calc(-40vw / 2);
    margin-right: calc(-40vw / 2);
}

.article-full-image.float-left img {
    width: 100%;
    height: 455px;
    object-fit: cover !important;
    object-position: 100% 20%;
    border-radius: 0 !important;
}

.fab.fa-facebook,
.fab.fa-twitter,
.fab.fa-linkedin {
    color: #5DB475;
}

.article-details .article-header h1 {
    font-family: 'Intro' !important;
    font-size: 40px !important;
    font-weight: 300;
    color: #18186A;
}

.info-e-share {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 85%;
    margin-bottom: 2rem;
}

.article-details .article-info {
    padding-top: 0.6rem;
}

.article-details .article-ratings-social-share {
    padding: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.article-info > span + span::before {
    display: none;
}

span.published,
span.modified {
    padding-left: 0.3rem;
}

.article-info span {
    font-family: 'Inter';
    font-size: 10px !important;
    color: #18186A;
    font-weight: 400;
    line-height: 10px;
}

.container .row .col-12 {
    margin-left: -1.5rem;
}

.container .row .col-12 p {
    font-family: 'Inter';
    font-size: 16px;
    font-weight: 400;
    color: #18186A;
    line-height: 25px;
}

blockquote,
blockquote p {
    font-family: 'Inter' !important;
    font-size: 28px !important;
    color: #0F7366;
    font-weight: 300;
    line-height: 35px !important;

}

.titulo-area-download span {
    font-family: 'Intro';
    font-size: 18px;
    font-weight: bold;
    color: #171C66;
}

p.area-download {
    background: #EFEFEF;
    padding: 5rem 2rem 2rem;
    border-radius: 5px;
    width: 90%;

}

.titulo-area-download {
    position: absolute;
    margin-top: -4rem;
}

a.botao-faca-o-download {
    padding: 0.8rem 2rem;
}

img.img-fluid {
    margin: 1rem;
}

.iframe-player {
    background: #EFEFEF;
    padding: 0;
    margin: 2rem calc(-100vw / 2 + 500px / 2) 3rem;
    text-align: center;
}

iframe {
    width: calc(62vw)
}

.barra-inferior {
    display: flex;
    justify-content: space-between;
    margin-top: 5rem;

}

ul.tags li a {
    font-family: 'Intro';
    font-size: 10px;
    color: #9BCEA4;
    background: #EFEFEF;
    padding: 0.3rem 1.2rem 0.1rem;
}

.voltar a {
    font-family: 'Intro';
    font-size: 12px;
    font-weight: 300;
    color: #8A8098;
}

i.fa.fa-chevron-left {
    font-size: 10px;
    color: #8A8098;
    padding-right: 0.6rem;
}

#sp-footer1 {
    margin-top: 3rem;
    margin-bottom: 10rem;
}

#sp-footer1 h3.sp-module-title {
    font-family: 'Intro';
    font-size: 18px;
    font-weight: bold;
    color: #171C66;
    margin-bottom: 1.5rem;
}

#sp-footer1 .conteudos-relacionados-coop {
    overflow: hidden;
    width: 110%;
    margin-left: -3rem;
    padding-left: 3rem;
}

#sp-footer1 .sp-module-content {
    width: 500rem;
}

#sp-footer1 .sp-module-content .mod-articlesnews {
    display: flex;
    gap: 3rem;
}

#sp-footer1 .sp-module-content .mod-articlesnews .mod-articlesnews__item {
    border-radius: 25px;
    width: 282px;
}

#sp-footer1 .sp-module-content .mod-articlesnews .mod-articlesnews__item figure.newsflash-image img {
    width: 282px;
    height: 150px;
    object-fit: cover;
    object-position: 100% 0;
    border-radius: 10px;
}

#sp-footer1 .sp-module-content .mod-articlesnews .podcasts-relacionadas-sem-imagem h4.newsflash-title {
    padding: 0 1rem;
    margin-top: 2px;
}

#sp-footer1 .sp-module-content .mod-articlesnews .podcasts-relacionadas-com-imagem h4.newsflash-title {
    padding: 0 1rem;
    margin-top: 0;
}

#sp-footer1 .sp-module-content .mod-articlesnews h4.newsflash-title a {
    font-family: 'Intro' !important;
    font-weight: 400 !important;
    font-size: 18px !important;
    color: #18186A !important;
    line-height: 22px !important;
}

#sp-footer1 .sp-module-content .mod-articlesnews .item-publicacoes h4.newsflash-title a {
    font-family: 'Intro';
    font-weight: bold;
    font-size: 18px;
    color: #F9A05E;
}

#sp-footer1 .sp-module-content .mod-articlesnews .mod-articlesnews__item {
    z-index: 5;
}

.podcasts-relacionadas-com-imagem h4.newsflash-title {
    bottom: 0;
    position: relative;
}

.podcasts-relacionadas-com-imagem .container-fluid {
    display: none;
}

.podcasts-relacionadas-sem-imagem {
    padding-top: 0;
}

.mod-articlesnews__item .container {
    padding-left: 1.7rem;
    width: 13rem;
}

#sp-footer1 .sp-module-content .container .row .col-12 p {
    font-family: 'Inter';
    font-size: 12px;
    color: #4D4D4D;
    font-weight: 300;
    width: 13rem;
}

span.bx-prev,
span.bx-next {
    cursor: pointer;
}

span.bx-prev i,
span.bx-next i {
    color: #8A8098;
}

.bx-controls-direction {
    display: flex;
    width: 960px;
    gap: 920px;
    margin-left: -3.5rem;
    margin-top: -6.5rem;
    position: absolute;
    z-index: 0;
}

.podcasts-relacionadas-com-imagem .tag-podcasts,
.podcasts-relacionadas-com-imagem .tag-publicacoes {
    top: 0.5rem;
    position: relative;
    padding-left: 1rem;
}

.podcasts-relacionadas-sem-imagem .tag-podcasts,
.podcasts-relacionadas-sem-imagem .tag-publicacoes {
    top: -2.5rem;
    position: relative;
    padding-left: 1rem;
}

.tag-podcasts {
    font-family: 'Intro';
    font-size: 10px;
    font-weight: bold;
    color: #171C66;
    z-index: 5;
}

.tag-publicacoes {
    font-family: 'Intro';
    font-size: 10px;
    font-weight: bold;
    color: #F9A05E;
    z-index: 5;
}

.conteudos-relacionados-coop .sp-module-content .mod-articlesnews.newsflash .mod-articlesnews__item .newsflash-image figcaption {
    display: none;
}

.img-fluid {
    border-radius: 10px;
}

tbody,
td,
tfoot,
th,
thead,
tr {
    border-style: none;
}

.podcasts-relacionadas-somoscoop figcaption {
    display: none;
}

figure {
    margin: 0;
}

.mod-articlesnews__item.podcasts-relacionadas-com-imagem,
.mod-articlesnews__item.podcasts-relacionadas-sem-imagem {
    height: 15rem !important;
}

h4.newsflash-title {
    height: 5rem;
}

.default-imagem {
    background: lightgray;
    width: 282px;
    height: 150px;
    border-radius: 10px;
}

.voltar a,
.voltar .fa.fa-chevron-left {
    color: #FFF;
}

h3.sp-module-title {
    font-family: 'Intro';
    color: #18186A !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 32px;
}

.titulo-veja-tambem {
    display: flex;
    gap: 2rem;
    justify-content: space-between;
}

.linha {
    height: 20px;
    width: 84%;
    border-bottom: 1px solid #ECECEC;
}

.veja-todos {
    margin-top: 2rem;
    text-align: center;
    margin-left: calc(-6vw);
}

.veja-todos a {
    text-align: center;
    border: 1px solid #18186A;
    padding: 0.6rem 2.5rem;
    border-radius: 25px;
    font-family: 'Inter';
    font-size: 12px;
    color: #18186A;
    font-weight: 500;
}

.veja-todos a:hover {
    color: #FFF;
    background: #18186A;
}

@media only screen and (max-width: 800px) {
    .breadcrumb {
        display: none;
    }

    .titulo-solucoes-home .sppb-addon-content {
        font-size: 22px;
    }

    .table {
        display: flex;
        flex-wrap: wrap;
    }

    .bx-controls-direction {
        display: flex;
        width: auto !important;
        gap: calc(100vw - 85px) !important;
        margin-left: -2rem;
        margin-top: -6.5rem;
        position: absolute;
        z-index: 0 !important;
    }

    span.bx-prev,
    span.bx-next {
        cursor: pointer;
        z-index: 2;
    }

    .publicacao-box {
        display: flex;
        flex-wrap: wrap;
        gap: 1.5rem;
    }

    #sp-footer1 .conteudos-relacionados-coop {
        overflow: hidden;
        width: 80%;
        margin-left: 2rem;
        padding-left: 1rem;
    }

    #sp-footer1 .sp-module-content .mod-articlesnews {
        display: flex;
        gap: 1.5rem;
    }

    ol,
    ul {
        padding-left: 0;
    }

    p.iframe-video {
        text-align: center;
        margin: 3rem;
    }

    .iframe-video {
        background: #EFEFEF;
        padding: 2rem 0 0 0;
        margin-left: calc(-100vw + 500px / 2);
        margin-right: calc(-100vw + 500px / 2);
        text-align: center !important;
    }

    iframe {
        text-align: center !important;
        width: calc(100vw - 50px);
        height: auto;
        margin-left: calc(24vw - 20px);
    }

    .container .row .col-12 p {
        width: calc(100vw - 40px);
    }

    .titulo-veja-tambem {
        display: flex;
        flex-wrap: wrap !important;
        justify-content: space-between;
    }

    .linha {
        height: 20px;
        width: 10%;
        border-bottom: 1px solid #ECECEC;
    }

    @media only screen and (max-width: 800px) {
        .breadcrumb {
            display: none;
        }

        .titulo-solucoes-home .sppb-addon-content {
            font-size: 22px;
        }

        .bx-controls-direction {
            display: flex;
            width: auto !important;
            gap: calc(100vw - 85px) !important;
            margin-left: -2rem;
            margin-top: -6.5rem;
            position: absolute;
            z-index: 0 !important;
        }

        span.bx-prev,
        span.bx-next {
            cursor: pointer;
            z-index: 2;
        }

        .publicacao-box {
            display: flex;
            flex-wrap: wrap;
            gap: 1.5rem;
        }

        #sp-footer1 .conteudos-relacionados-coop {
            overflow: hidden;
            width: 80%;
            margin-left: 2rem;
            padding-left: 1rem;
        }

        #sp-footer1 .sp-module-content .mod-articlesnews {
            display: inline-block;
        }

        ol,
        ul {
            padding-left: 0;
        }

        .iframe-player {
            background: transparent;
            width: calc(91vw) !important;
            margin: 0 auto;
            display: flex;
            margin-bottom: 1rem;
        }

        .iframe-player iframe {
            display: flex;
            margin: 0 auto !important;
        }

        .container .row .col-12 p {
            width: calc(100vw - 40px);
        }

        .mod-articlesnews__item {
            margin-left: calc(-8vw);
        }

        .sp-module-content {
            width: calc(100vw) !important;
            text-align: center;
        }

        .titulo-veja-tambem {
            display: flex;
            flex-wrap: wrap !important;
            justify-content: space-between;
        }

        .linha {
            height: 20px;
            width: 30%;
            border-bottom: 1px solid #ECECEC;
        }

        .mod-articlesnews__item {
            text-align: left;
        }

        td {
            display: table-row
        }
    }
}