/* Somente apresentacao. Os dados e carregamentos continuam nos arquivos originais. */
.listagem-cursos-polo { display:block; padding:20px 0 40px; }
.categoria-pos-polo { padding-top:0; }
.listagem-cursos-polo > .container { width:100%; max-width:1170px; padding:0 15px; margin:0 auto; }
.listagem-cursos-polo .categoriasLista, .listagem-cursos-polo .listaGraduacoes > .row,
.listagem-cursos-polo .cursos-livres-row { width:100%; margin:0; }
.listagem-cursos-polo .listaCursos, .listagem-cursos-polo .listaCursosTemplate.col-lg-12 { padding:0; }
.listagem-cursos-polo .titListCurGrad { padding:0; font-size:clamp(20px,2.6vw,30px); line-height:1.2; }
.listagem-cursos-polo .carregar-mais { text-decoration:none; max-width:100%; white-space:normal; }
.listagem-cursos-polo img { max-width:100%; }
.listagem-graduacao-polo { padding-top: 0; }
.listagem-graduacao-polo .titListCurGrad {
    margin: 10px 0;
    font-size: 44px;
    line-height: 1.1;
}
.listagem-cursos-polo.listagem-graduacao-polo .polo-cards-grid { margin-top: 0; }
@media (max-width: 720px) {
    .listagem-graduacao-polo .titListCurGrad { font-size: 20px !important; }
}
.listagem-cursos-polo #formBusca4 { position:relative; margin-bottom:20px; }
.listagem-livres-polo .polo-cards-grid > #exibirCursosLimite { display:contents; }
.listagem-livres-polo .polo-cards-grid > #exibirCursosLimite > [class*="col-"] { float:none; width:auto!important; min-width:0; padding:0; margin:0; }
/* Nas telas medias, usa a disposicao interna que ja funciona no mobile. */
@media (min-width: 720px) and (max-width: 1199px) {
    .listagem-cursos-polo .bgBoxCur .wdLatBox,
    .listagem-cursos-polo .bgBoxCur .wdEadBox,
    .listagem-cursos-polo .bgBoxCur .wdHorasBox,
    .listagem-cursos-polo .bgBoxCur .wdMesesBox {
        float: left;
        width: 50% !important;
        height: 30px;
        margin-bottom: 10px !important;
    }

    .listagem-cursos-polo .bgBoxCur .wdHorasBoxExt {
        float: left;
        width: 80% !important;
        height: 30px;
        margin-bottom: 10px !important;
    }

    .listagem-cursos-polo .bgBoxCur .mt15 {
        float: none !important;
        margin-top: 15px;
    }

    .listagem-cursos-polo .bgBoxCur .wdPrecBox,
    .listagem-cursos-polo .bgBoxCur .wdPrecBox2 {
        float: left;
        width: 50% !important;
        height: 30px;
    }

    .listagem-cursos-polo .bgBoxCur .btnInscBoxNew,
    .listagem-cursos-polo .bgBoxCur .btnInscBoxNewExt {
        width: 50% !important;
        margin-top: 0 !important;
        margin-left: 20px;
    }

    .listagem-cursos-polo .bgBoxCur .btnInscBoxNewExt {
        margin-top: 5px !important;
    }
}

/* A grade substitui o carrossel horizontal antigo apenas nestas duas listas. */
.listagem-cursos-polo .polo-cards-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr);
    gap: 30px;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    overflow: visible !important;
}

.listagem-cursos-polo .polo-cards-grid::before,
.listagem-cursos-polo .polo-cards-grid::after,
.listagem-cursos-polo .polo-cards-grid .fundoBoxCursos::before,
.listagem-cursos-polo .polo-cards-grid .fundoBoxCursos::after {
    display: none;
    content: none;
}

.listagem-cursos-polo .polo-cards-grid > [class*="col-"] {
    float: none;
    width: auto !important;
    min-width: 0;
    max-width: 100%;
    margin: 0;
    padding: 0;
}

.listagem-cursos-polo .polo-cards-grid .bgBoxCur,
.listagem-cursos-polo .polo-cards-grid .bgBoxCurExt {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-width: 0;
    min-height: 370px;
    margin-bottom: 0;
    
    border-radius: 10px;
}

.listagem-cursos-polo .polo-cards-grid .imageCursBox {
    flex: 0 0 120px;
}

.listagem-cursos-polo .polo-cards-grid .fundoBoxCursos {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
}

.listagem-cursos-polo .polo-cards-grid .fundoBoxCursos > .bgvideoAula {
    width: 100%;
    flex-shrink: 0;
}

.listagem-cursos-polo .polo-cards-grid .wdtextTitCur {
    height: auto;
    min-height: 40px;
    overflow-wrap: break-word;
}

.listagem-cursos-polo .polo-cards-grid .fundoBoxCursos > .col-lg-12 {
    float: none;
    width: 100%;
    min-width: 0;
}

.listagem-cursos-polo .polo-cards-grid .fundoBoxCursos > .mt15 {
    margin-top: auto;
    padding-top: 15px;
}

.listagem-cursos-polo .polo-cards-grid .wdPrecBox {
    float: none;
    width: 100% !important;
    height: auto;
}

/* O preco anterior fica acima do atual, como nos cards de Graduacao. */
.categoria-pos-polo .wdPrecBox {
    flex-direction: column;
    align-items: flex-start !important;
    gap: 0 !important;
    white-space: normal !important;
}

.categoria-pos-polo .detextValorBoxNew {
    order: 0;
}

.categoria-pos-polo .detextValorBox2New {
    order: 1;
    font-size: 15px !important;
    line-height: 1.4 !important;
}

.categoria-pos-polo .wdPrecBox > div {
    white-space: normal !important;
}

.listagem-cursos-polo .polo-cards-grid .fundoBoxCursos > .d-flex,
.listagem-cursos-polo .polo-cards-grid .fundoBoxCursos > .mt25 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 20px;
}

.listagem-cursos-polo .polo-cards-grid .textSaibaBoxNew,
.listagem-cursos-polo .polo-cards-grid .textSaibaBoxNewExt {
    top: auto;
    bottom: auto;
    margin-right: 0;
}

.listagem-cursos-polo .polo-cards-grid .btnInscBoxNew,
.listagem-cursos-polo .polo-cards-grid .btnInscBoxNewExt {
    flex: 0 1 50%;
    width: 50% !important;
    min-width: 0;
    max-width: 130px;
    min-height: 40px;
    height: auto;
    margin-top: 0 !important;
    margin-left: 0;
    white-space: normal;
}

/* Acoes de Pos: o Saiba mais acompanha a altura e o alinhamento da inscricao. */
.categoria-pos-polo .fundoBoxCursos > .d-flex {
    padding-bottom: 10px;
}

.categoria-pos-polo .fundoBoxCursos > .d-flex > a.decorN {
    display: flex;
    flex: 1 1 0;
    align-items: center;
    min-width: 0;
    min-height: 40px;
}

.categoria-pos-polo .textSaibaBoxNew {
    position: static;
    top: auto !important;
    bottom: auto !important;
    margin: 0;
}

.categoria-pos-polo .btnInscBoxNew {
    margin-bottom: 0;
}


/* Categorias de pos: espaco minimo e nova linha antes de ultrapassar a secao. */
@media (min-width: 769px) and (max-width: 992px) {
    .categoria-pos-polo .listaAreasCategoriasNew .flexDivSpacDesk {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 12px;
        padding-bottom: 10px;
    }

    .categoria-pos-polo .listaAreasCategoriasNew .colCat {
        flex: 0 0 130px;
        min-width: 0;
        margin: 0;
    }

    .categoria-pos-polo .listaAreasCategoriasNew .colCat > a {
        display: block;
        height: 100%;
    }

    .categoria-pos-polo .listaAreasCategoriasNew .colCat > a > div {
        width: 100%;
        min-width: 0;
        margin-bottom: 0;
    }
}


.listagem-cursos-polo .polo-cards-grid { margin-top:20px; }
.listagem-cursos-polo .polo-cards-grid .bgBoxCur { margin-bottom:0; }
.listagem-cursos-polo .polo-cards-grid .btnInscBoxNew, .listagem-cursos-polo .polo-cards-grid .btnInscBoxNewExt { display:flex; align-items:center; justify-content:center; }
.listagem-cursos-polo .polo-cards-grid .wdLatBox,.listagem-cursos-polo .polo-cards-grid .wdEadBox,
.listagem-cursos-polo .polo-cards-grid .wdHorasBox,.listagem-cursos-polo .polo-cards-grid .wdMesesBox { width:50%!important; }
@media(min-width:768px) { .listagem-cursos-polo > .container { width:750px; } .listagem-cursos-polo .polo-cards-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(min-width:992px) { .listagem-cursos-polo > .container { width:970px; } }
@media(min-width:1200px) { .listagem-cursos-polo > .container { width:1170px; } .listagem-cursos-polo .polo-cards-grid { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:768px) {
 .categoria-pos-polo > .bg-gradient h2.fz40 { font-size:clamp(22px,5vw,30px); line-height:1.2; }
 .categoria-pos-polo > .bg-gradient #buscaCurso2 { font-size:16px; padding-left:16px; padding-right:16px; }
}
@media(max-width:425px) { .categoria-pos-polo > .bg-gradient #buscaCurso2 { font-size:13px; } }
@media(max-width:720px) {
 .listagem-livres-polo .imgBannerPosGraduacaoMobile { display:flex!important; justify-content:center; margin-top:20px; padding:0 5px 10px; }
 .listagem-livres-polo .imgBannerPosGraduacaoMobile img { display:block!important; width:100%; height:auto; }
}
