@import url(caasp-colors.css);

.img-main-banner-div {
    background-image: url(https://www.caasp.org.br/imagens/CAASP_PROVIDA_BANNER_HEADER_M2.png);
    height: 500px;
    min-height: initial !important;
    /*background-position-x: -50%  !important;*/
}

.text-overlay {
    position: absolute;
    top: 150px;
    text-align: left;
    left: initial;
}

@media (min-width: 1200px) {
    .text-overlay {
        width: 40%;
    }
}

@media (max-width: 1199px){
    .text-overlay {
        width: 35%;
    }
}

@media (max-width: 1024px) {
    .text-overlay {
        width: 80% !important;
        top: 90px !important;
        transform: none !important;
    }

    .img-main-banner-div {
        height: 350px !important;
        min-height: initial !important;
        /*margin-top: calc(200px - 10vw) !important;*/
        margin-top: 20px !important;
    }
}

@media (max-width: 900px){
    .img-main-banner-div {
        background-position-x: 75%  !important;
    }
}

@media (max-width: 755px){
    .img-main-banner-div {
        background-position-x: 70%  !important;
    }
}

@media (max-width: 660px){
    .img-main-banner-div {
        background-position-x: 60%  !important;
    }
}


@media (max-width: 575px) {
    .img-main-banner {
        /*margin-top: 300px !important;*/
        object-fit: fill !important;
    }
    
    .img-main-banner-div {
        background-image: url(https://www.caasp.org.br/imagens/CAASP_PROVIDA_BANNER_400x300_M2.jpg);
        min-height: initial !important;
        background-position-x: 0%  !important;
    }
    
}

.right-column {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
    gap: 20px;
}

.right-image img {
    width: 510px;
    object-fit: cover;
}

@media(min-width: 767px) {
    .right-image img {
        width: 100%;
    }
}

@media(min-width: 768px) {
    .right-image img {
        width: 300px;
    }
}

@media(min-width: 992px) {
    .right-image img {
        width: 420px;
    }
}

@media(min-width: 1200px) {
    .right-image img {
        width: 510px;
    }
}

@media(min-width: 1400px) {
    .right-image img {
        width: 595px;
    }
}

.image-container {
    display: flex;
    align-items: center;
}

.container-content {
    max-width: 800px;
    margin: 0 auto;
}

.left-imagee {
    width: 80%;
    height: 100%;
}

.btn-caasp-color-darker-red {
    background-color: var(--caasp-color-red-600);
}

.btn-transparente {
    border: none;
    background: none;
    padding: 1em; 
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}


.vantagens-border {
    border-bottom: 2px solid var(--caasp-color-dark-red);
}

.img-noticia-categoria-principal {
    height: 223px;
    object-fit: cover;
    width: 100%;
}

.img-noticia-categoria-secundaria {
    height: 104px;
    width: 100%;
    object-fit: cover;
}