@import url('cores-slides.css');

/*
------- FOLHA DE ESTILOS -------
* 0 - SLIDES
*/

/* ANCHOR 0 - SLIDES */
#slidesPrincipal {
    padding-top: 32px;
    padding-top: 0px;
}

#slidesPrincipal.carousel img {
    border-radius: 8px;
    border-radius: 0px;
}
@media (min-width: 768px) {
.container.slides #slidesPrincipal.carousel img {
    object-fit: cover;
    object-position: top;
    min-height: 230px;
}
.container.slides #slidesPrincipal.carousel img.titulo-imagem {
    margin: 0px;
    min-height: initial;
    padding: 0px 12px;
}
}
@media (min-width: 992px) {
.container.slides #slidesPrincipal.carousel img {
    min-height: 300px;
}
}
@media (min-width: 1200px) {
.container.slides #slidesPrincipal.carousel img {
    min-height: 380px;
}
}
@media (min-width: 1400px) {
.container.slides #slidesPrincipal.carousel img {
    min-height: 460px;
    min-height: 407px;
}
}
@media (max-width: 767px) {
#slidesPrincipal.carousel img {
    max-height: 100vh;
    object-fit: cover;
    object-position: top;
}
}
@media (max-width: 600px) {
#slidesPrincipal.carousel img {
    max-height: 80vh;
}
}
@media (max-width: 575px) {
#slidesPrincipal.carousel img {
    max-height: 631px;
    object-fit: cover;
    object-position: top;
}
}
@media (max-width: 480px) {
#slidesPrincipal.carousel img {
    border-radius: 0px;
}
}

#slidesPrincipal.carousel .carousel-caption {
    position: absolute;
    padding-top: 1.25rem;
    padding-top: 20px;
    padding-top: 3.2vh;
    padding-top: 0;
    padding-bottom: 1.25rem;
    padding-bottom: 20px;
    padding-bottom: 3.2vh;
    padding-bottom: 0;
    color: #fff;
    color: var(--carousel-caption-sld, #FFFFFF);    
    text-align: left;    
}
@media (max-width: 1399px) {
#slidesPrincipal.carousel .carousel-caption .agrupa-elemento {
    gap: 8px!important;
}
}
@media (max-width: 1199px) {
#slidesPrincipal.carousel .carousel-caption .agrupa-elemento {
    gap: 8px!important;
}
}
@media (max-width: 991px) {
#slidesPrincipal.carousel .carousel-caption .agrupa-elemento {
    gap: 8px!important;
}
}
@media (max-width: 767px) {
#slidesPrincipal.carousel .carousel-caption {
    left: 32px!important;
    right: 32px!important;
}
#slidesPrincipal.carousel .carousel-caption .agrupa-elemento {
    left: 0px!important;
    right: 0px!important;
    /*margin-top: 285px;*/
    margin-top: 35vh;
    gap: 32px!important;
    gap: 15px!important;
}
#slidesPrincipal.carousel .carousel-caption .agrupa-elemento h5 {
    padding: 0px;
}
#slidesPrincipal.carousel .carousel-caption .agrupa-elemento p {
    padding: 0px;
}
#slidesPrincipal.carousel .carousel-caption .agrupa-elemento .saiba-mais {
    margin: 0px;
}
}
@media (max-width: 575px) {
#slidesPrincipal.carousel .carousel-caption .agrupa-elemento {
    margin-top: 35vh;
}
}
@media (max-width: 480px) {
#slidesPrincipal.carousel .carousel-caption .agrupa-elemento {
    margin-top: 25vh;
}
}
@media (max-width: 450px) {
#slidesPrincipal.carousel .carousel-caption .agrupa-elemento {
    margin-top: 20vh;
}
}

#slidesPrincipal.carousel .carousel-caption.direita.acima {    
    right: 0%;
    bottom: 26.72998643147897%;
    left: 39.6875%;
    top: 16.82496607869742%;

    right: 24.11458333333333%;
    bottom: calc(20.0231884057971% - 12px);
    left: calc(47.55208333333333% - 12px - 12px - 1px - 1px);
    top: calc(8.67246376811594% - 12px);
}

#slidesPrincipal.carousel .carousel-caption.direita.acima .agrupa-elemento {    
    position: absolute;
    height: -webkit-fill-available;
    justify-content: center;
    text-align: center;
    justify-content: flex-end;
    text-align: right;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;

    padding-left: 0px;
    padding-right: 0px;
    gap: 32px;
    gap: 16px;
}
#slidesPrincipal.carousel .carousel-caption.esquerda.acima {    
    left: 0%;
    bottom: 26.72998643147897%;
    right: 39.6875%;
    top: 16.82496607869742%;

    left: 24.11458333333333%;
    bottom: calc(20.0231884057971% - 12px);
    right: calc(47.55208333333333% - 12px - 12px - 1px - 1px);
    top: calc(8.67246376811594% - 12px);
}

#slidesPrincipal.carousel .carousel-caption.esquerda.acima .agrupa-elemento { 
    position: absolute;
    height: -webkit-fill-available;
    justify-content: center;
    text-align: center;
    justify-content: flex-start;
    text-align: left;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;

    padding-left: 0px;
    padding-right: 0px;
    gap: 32px;
    gap: 16px;
}

#slidesPrincipal.carousel .carousel-caption.centro.acima {        
    bottom: 26.72998643147897%;    
    top: 16.82496607869742%;

    bottom: calc(20.0231884057971% - 12px);
    top: calc(8.67246376811594% - 12px);
}

#slidesPrincipal.carousel .carousel-caption.centro.acima .agrupa-elemento { 
    position: absolute;
    height: -webkit-fill-available;
    justify-content: center;
    text-align: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;

    padding-left: 0px;
    padding-right: 0px;
    gap: 32px;
    gap: 16px;
}

#slidesPrincipal.carousel .carousel-caption.direita.meio {    
    right: 0%;
    top: 26.72998643147897%;
    left: 39.6875%;
    bottom: 16.82496607869742%;
    top: calc((26.72998643147897% + 16.82496607869742%)/2);
    bottom: calc((26.72998643147897% + 16.82496607869742%)/2);
    right: 0;

    top: calc((20.0231884057971% + 8.67246376811594%)/2 - 12px);
    left: calc(47.55208333333333% - 12px - 12px - 1px - 1px);
    bottom: calc((20.0231884057971% + 8.67246376811594%)/2 - 12px);
}

#slidesPrincipal.carousel .carousel-caption.direita.meio .agrupa-elemento {
    right: calc(15.86206896551724% + 15.86206896551724%);
    position: absolute;
    height: -webkit-fill-available;
    justify-content: flex-end;
    text-align: right;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    padding-left: 12px;
    padding-right: 12px;

    padding-left: 0px;
    padding-right: 0px;
    gap: 32px;
    gap: 16px;
    right: calc(47.55208333333333% - 12px - 12px - 0px - 0px);
}

#slidesPrincipal.carousel .carousel-caption.esquerda.meio {    
    left: 0%;
    top: 26.72998643147897%;
    right: 39.6875%;
    bottom: 16.82496607869742%;
    top: calc((26.72998643147897% + 16.82496607869742%)/2);
    bottom: calc((26.72998643147897% + 16.82496607869742%)/2);
    left: 0;

    top: calc((20.0231884057971% + 8.67246376811594%)/2 - 12px);
    right: calc(47.55208333333333% - 12px - 12px - 1px - 1px);
    bottom: calc((20.0231884057971% + 8.67246376811594%)/2 - 12px);
}

#slidesPrincipal.carousel .carousel-caption.esquerda.meio .agrupa-elemento {
    left: calc(15.86206896551724% + 15.86206896551724%);
    left: calc((15.86206896551724% + 64px + 15.86206896551724%)/2);
    position: absolute;
    height: -webkit-fill-available;
    justify-content: flex-start;
    text-align: left;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    padding-left: 12px;
    padding-right: 12px;

    padding-left: 0px;
    padding-right: 0px;
    gap: 32px;
    left: calc(47.55208333333333% - 12px - 12px - 0px - 0px);

    gap: 16px;
}

#slidesPrincipal.carousel .carousel-caption.centro.meio {       
    top: 26.72998643147897%;    
    bottom: 16.82496607869742%;
    top: calc((26.72998643147897% + 16.82496607869742%)/2);
    bottom: calc((26.72998643147897% + 16.82496607869742%)/2);

    top: calc((20.0231884057971% + 8.67246376811594%)/2 - 12px);
    bottom: calc((20.0231884057971% + 8.67246376811594%)/2 - 12px);
}

#slidesPrincipal.carousel .carousel-caption.centro.meio .agrupa-elemento { 
    position: absolute;
    height: -webkit-fill-available;
    justify-content: center;
    text-align: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;

    padding-left: 0px;
    padding-right: 0px;
    gap: 32px;
    gap: 16px;
}

#slidesPrincipal.carousel .carousel-caption.direita.abaixo { 
    right: 0%;
    top: 26.72998643147897%;
    left: 39.6875%;
    bottom: 16.82496607869742%;

    right: 24.11458333333333%;
    top: calc(20.0231884057971% - 12px);
    left: calc(47.55208333333333% - 12px - 12px - 1px - 1px);
    bottom: calc(8.67246376811594% - 12px);
}

#slidesPrincipal.carousel .carousel-caption.direita.abaixo .agrupa-elemento { 
    position: relative;
    height: -webkit-fill-available;
    justify-content: center;
    text-align: center;
    justify-content: flex-end;
    text-align: right;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;

    padding-left: 0px;
    padding-right: 0px;
    gap: 32px;
    gap: 16px;
}

#slidesPrincipal.carousel .carousel-caption.esquerda.abaixo {    
    left: 0%;
    top: 26.72998643147897%;
    right: 39.6875%;    
    bottom: 16.82496607869742%;

    left: 24.11458333333333%;
    top: calc(20.0231884057971% - 12px);
    right: calc(47.55208333333333% - 12px - 12px - 1px - 1px);
    bottom: calc(8.67246376811594% - 12px);
}

#slidesPrincipal.carousel .carousel-caption.esquerda.abaixo .agrupa-elemento { 
    position: relative;
    height: -webkit-fill-available;
    justify-content: center;
    text-align: center;
    justify-content: flex-start;
    text-align: left;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;

    padding-left: 0px;
    padding-right: 0px;
    gap: 32px;
    gap: 16px;
}

#slidesPrincipal.carousel .carousel-caption.centro.abaixo { 
    top: 26.72998643147897%;
    bottom: 16.82496607869742%;

    top: calc(20.0231884057971% - 12px);
    bottom: calc(8.67246376811594% - 12px);
}

#slidesPrincipal.carousel .carousel-caption.centro.abaixo .agrupa-elemento { 
    position: relative;
    height: -webkit-fill-available;
    justify-content: center;
    text-align: center;
    align-content: center;
    flex-wrap: wrap;
    flex-direction: row;
    display: flex;
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;

    padding-left: 0px;
    padding-right: 0px;
    gap: 32px;
    gap: 16px;
}

#slidesPrincipal.carousel img.icone-palavra-chave {
    padding: 0px;
    max-width: fit-content;
    min-height: auto;
    height: 24px;
    width: auto;
}
#slidesPrincipal.carousel h6 {
    font-family: 'cera_proregular';
    font-weight: 400;
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
    letter-spacing: normal;
    color: #FFFFFF;
    margin: 0px;
}
#slidesPrincipal.carousel h5 { 
    font-family: 'Roboto', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'cera_probold';
    font-family: 'cera_problack';
    font-size: 28px;
    font-size: 2em;
    font-size: 1.4583333333333333vw;
    font-size: 62px;
    font-size: 4.428em;
    font-size: 3.2291666666666665vw;
    font-size: 56px;
    font-size: 4em;
    font-size: 2.9166666666666665vw;

    font-style: normal;    
    margin-top: 0;
    margin-bottom: 0.5rem;
    margin-bottom: 8px;
    margin-bottom: 0.7407407407407407vh;
    font-weight: 700;
    font-weight: 900;
    line-height: 182.687%;
    line-height: 90%;
    /*line-height: 103.76%;*/
    padding: 0 4px 0 8px;
    padding: 0 0.20833333333333334vw 0 0.4166666666666667vw;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    letter-spacing: normal;
    text-transform: uppercase;

    font-family: 'cera_promedium';
    font-weight: 500;
    font-size: 64px;
    font-size: 4rem;
    line-height: 72px;
    letter-spacing: normal;
    text-transform: uppercase;
    color: #ECF1F4;
}
@media (max-width: 1779px) {
#slidesPrincipal.carousel h5 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 54px;
}
}
@media (max-width: 1599px) {
#slidesPrincipal.carousel h5 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 54px;
}
}
@media (max-width: 1399px) {
#slidesPrincipal.carousel h5 {
    font-size: 40px;
    font-size: 2.5rem;
    line-height: 45px;
}
}
@media (max-width: 1199px) {
#slidesPrincipal.carousel h5 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
}
}
@media (max-width: 991px) {
#slidesPrincipal.carousel .carousel-caption .agrupa-palavra-chave {
    padding: 0px 12px!important;
}
#slidesPrincipal.carousel img.icone-palavra-chave {
    height: 18px;
}
#slidesPrincipal.carousel h6 {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
}
#slidesPrincipal.carousel h5 {
    font-size: 20px;
    font-size: 1.25rem;
    line-height: 22.5px;
}
}
@media (max-width: 767px) {
#slidesPrincipal.carousel .carousel-caption .agrupa-palavra-chave {
    padding: 0px 12px!important;
}
#slidesPrincipal.carousel img.icone-palavra-chave {
    height: 24px;
}
#slidesPrincipal.carousel h6 {
    font-size: 16px;
    font-size: 1rem;
    line-height: 24px;
}
#slidesPrincipal.carousel h5 {
    font-size: 48px;
    font-size: 3rem;
    line-height: 54px;
    -webkit-line-clamp: initial;
}
}
@media (max-width: 390px) {
#slidesPrincipal.carousel .carousel-caption .agrupa-palavra-chave {
    padding: 0px 12px!important;
}   
#slidesPrincipal.carousel img.icone-palavra-chave {
    height: 18px;
}
#slidesPrincipal.carousel h6 {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 18px;
}
#slidesPrincipal.carousel h5 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 36px;
    -webkit-line-clamp: initial;
}
}

#slidesPrincipal.carousel .espaco-esquerda {
    padding: 0 0 0 8px;
    padding: 0 0 0 0.4166666666666667vw;
    background: var(--PCRJ_Brand1-sld,#004A80);
    /*background: red;*/
}

#slidesPrincipal.carousel .espaco-direita {    
    padding: 0;
}

#slidesPrincipal.carousel .background-titulo {
    background: var(--PCRJ_Brand1-sld,#004A80);
    -webkit-background-clip: border-box;
    -webkit-background-clip: padding-box;
    -webkit-background-clip: content-box;
    -webkit-text-fill-color: white;
}

#slidesPrincipal.carousel p {
    font-family: 'Roboto', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'cera_proregular';
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-size: 1em;
    font-size: 0.7291666666666666vw;
    font-size: 18px;
    font-size: 1.285em;
    font-size: 0.9375vw;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;    
    padding: 0 4px 0 8px;
    padding: 0 0.20833333333333334vw 0 0.4166666666666667vw;

    font-weight: 300;
    line-height: 150%;
    letter-spacing: normal;
    color: rgba(39, 39, 39, 1);

    font-family: 'cera_proregular';
    font-weight: 400;
    font-size: 24px;
    font-size: 1.5rem;
    line-height: 32px;
    letter-spacing: normal;
    color: #ECF1F4;
    margin-bottom: 56px;
}
@media (max-width: 1779px) {
#slidesPrincipal.carousel p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    margin-bottom: 16px!important;
}
}
@media (max-width: 1599px) {
#slidesPrincipal.carousel p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    margin-bottom: 16px!important;
}
}
@media (max-width: 1399px) {
#slidesPrincipal.carousel p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    margin-bottom: 8px!important;
}
}
@media (max-width: 1199px) {
#slidesPrincipal.carousel p {
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    margin-bottom: 8px!important;
}
}
@media (max-width: 991px) {
#slidesPrincipal.carousel p {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 15px;
    margin-bottom: 8px!important;
}
}
@media (max-width: 767px) {
#slidesPrincipal.carousel p {
    font-family: 'cera_prolight';
    font-weight: 300;
    font-size: 16px;
    font-size: 1rem;
    line-height: 20px;
    -webkit-line-clamp: initial;
}
}

#slidesPrincipal .carousel-indicators {
    align-items: center;
    background-color: rgba(0,74,128,0.25);
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    border-radius: 16px;
    padding: 0px 10px;
}
#slidesPrincipal .carousel-indicators button {
    width: 15px !important;
    height: 15px !important;
    border-radius: 50%;
    fill-opacity: 0.9;
    background-color: var(--indicators-sld, #00C0F3) !important;
}
#slidesPrincipal .carousel-indicators .active {
    background-color: var(--indicators-active-sld, #004A80) !important;
    width: 18px !important;
    height: 18px !important;
}
#slidesPrincipal.carousel .carousel-control-prev-icon {
    width: 64px;
    width: 3.3333333333333335vw;
    height: 64px;
    height: 5.925925925925926vh;
    background: url(../../images/blocos-template/slides/carousel-control-prev-icon.svg) no-repeat center center, url(../../images/blocos-template/slides/circle-background.svg) no-repeat center center;
    background: url(../images/carousel-control-prev-icon.svg) no-repeat center center, url(../images/circle-background.svg) no-repeat center center;
    background-size: 20px, 64px;
    background-size: 1.8518518518518519vh 1.0416666666666667vw, 5.925925925925926vh 3.3333333333333335vw;
}
#slidesPrincipal.carousel .carousel-control-next-icon {
    width: 64px;
    width: 3.3333333333333335vw;
    height: 64px;
    height: 5.925925925925926vh;
    background: url(../../images/blocos-template/slides/carousel-control-next-icon.svg) no-repeat center center, url(../../images/blocos-template/slides/circle-background.svg) no-repeat center center;
    background: url(../images/carousel-control-next-icon.svg) no-repeat center center, url(../images/circle-background.svg) no-repeat center center;
    background-size: 20px, 64px;
    background-size: 1.8518518518518519vh 1.0416666666666667vw, 5.925925925925926vh 3.3333333333333335vw;
}
#slidesPrincipal.carousel .carousel-control-prev, #slidesPrincipal.carousel .carousel-control-next {
    width: 15.86206896551724%;
}

/* altera o botao do slider */
@media (max-width: 575px) {
.slick-prev, .slick-next {
/*    width: 25px!important;
    height: 25px!important;*/
    width: 25px;
    height: 25px;
    z-index: 1;
}
.slick-prev:before, .slick-next:before {
    /*font-size: 25px!important;*/
    font-size: 25px;
    font-size: 1.5625rem;
}
.slick-prev {
    margin-left: 2.5rem;
}
.slick-next {
    margin-right: 2.5rem;
}
}
@media (min-width: 576px) {
.slick-prev, .slick-next {
/*    width: 30px!important;
    height: 30px!important;*/
    width: 30px;
    height: 30px;
    z-index: 1;
}
.slick-prev:before, .slick-next:before {
    /*font-size: 30px!important;*/
    font-size: 30px;
    font-size: 1.875rem;
}
.slick-prev {
    margin-left: 3rem;
}
.slick-next {
    margin-right: 3rem;
}
}
@media (min-width: 768px) {
.slick-prev, .slick-next {
/*    width: 30px!important;
    height: 30px!important;*/
    width: 30px;
    height: 30px;
    z-index: 1;
}
.slick-prev:before, .slick-next:before {
    /*font-size: 30px!important;*/
    font-size: 30px;
    font-size: 1.875rem;
}
.slick-prev {
    margin-left: 3rem;
}
.slick-next {
    margin-right: 3rem;
}
}
@media (min-width: 992px) {
.slick-prev, .slick-next {
/*    width: 30px!important;
    height: 30px!important;*/
    width: 30px;
    height: 30px;
    z-index: 1;
}
.slick-prev:before, .slick-next:before {
    /*font-size: 30px!important;*/
    font-size: 30px;
    font-size: 1.875rem;
}
.slick-prev {
    margin-left: 3.5rem;
}
.slick-next {
    margin-right: 3.5rem;
}
}
@media (min-width: 1200px) {
.slick-prev, .slick-next {
/*    width: 40px!important;
    height: 40px!important;*/
    width: 40px;
    height: 40px;
    z-index: 1;
}
.slick-prev:before, .slick-next:before {
    /*font-size: 40px!important;*/
    font-size: 40px;
    font-size: 2.5rem;
}
.slick-prev {
    margin-left: 4rem;
}
.slick-next {
    margin-right: 4rem;
}
}
@media (min-width: 1400px) {
.slick-prev, .slick-next {
/*    width: 60px!important;
    height: 60px!important;*/
    width: 60px;
    height: 60px;
    z-index: 1;
}
.slick-prev:before, .slick-next:before {
    /*font-size: 60px!important;*/
    font-size: 60px;
    font-size: 3.75rem;
}
.slick-prev {
    margin-left: 4rem;
}
.slick-next {
    margin-right: 4rem;
}
}






.slides {
    padding: 0px 100px!important;
    padding: 0px 0px 0px!important;
}
@media (max-width: 1199px) {
.slides {
    padding: 24px!important;
    padding: 0px 16px!important;
    padding: 0px 0px 0px!important;
}
}
@media (max-width: 1080px) {
.slides {
    /*max-width: initial;*/
}
}
@media (max-width: 767px) {
.slides {
    /*max-width: initial;*/
}
}
@media (max-width: 480px) {
.slides {
    padding: 0px!important;
    padding: 0px 0px 0px!important;
}
}











/* Container do item precisa ser relativo */
#slidesPrincipal .carousel-item {
    position: relative;
}

/* Cria a camada de cor/overlay sobre as imagens */
#slidesPrincipal .carousel-item::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Aplica a mesma cor/gradiente que você usou no banner "Sobre nós" */
    background-image: linear-gradient(rgba(0, 53, 102, 0.75), rgba(0, 53, 102, 0.85));
    background-image: linear-gradient(257.89deg, rgba(43, 155, 194, 0.639) 7.43%, rgba(5, 61, 102, 0.81) 53.78%);
    pointer-events: none; /* Garante que os cliques atravessem para a imagem/link */
    z-index: 1; /* Fica acima da imagem */
}

/* Garante que o texto (caption) e controles fiquem acima do overlay */
#slidesPrincipal .carousel-caption,
#slidesPrincipal .controls-and-indicators-wrapper {
    z-index: 2;
}

@media (max-width: 767px) {
#slidesPrincipal .carousel-item::after {
    /*background-image: linear-gradient(257.89deg, rgba(43, 155, 194, 0.639) 7.43%, rgba(5, 61, 102, 0.81) 53.78%);*/
    background-image: linear-gradient(257.89deg, rgba(43, 155, 194, 0.639) 3.23%, rgba(5, 61, 102, 0.81) 49.57%);
}
}