/* MAIN -----------------------------------------------------------------------------------------------------------*/
.container {
    display: flex;
    flex-direction: column;
}

.container-capa {
    display: flex;
    width: 100%;
    height: 40rem;
    background: linear-gradient(45deg, rgba(56, 179, 229, 1) 0, rgb(122, 207, 208) 100%);
}

.container-capa-img {
    height: 65%;
    width: 54%;
    position: relative;
    transform: translate(10%, 11%);
}

.container-capa img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.container-capa-cartao {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: absolute;
    max-width: 57%;
    padding: 4.2% 8% 4.2% 8%;
    transform: translate(65%, 25%);
    background-color: var(--cor-fundo);
}

.container-capa-cartao h1 {
    font-size: 61px;
}

.container-capa-cartao p {
    padding: 5% 0% 5% 0%;
    line-height: 30px;
}

.container-capa-cartao span {
    font-weight: 600;
    font-size: 18px;
}

/* GALERIAS ---------------------------------------------------------------------*/
.titulo-galeria {
    display: flex;
    justify-content: center;
    font-size: 56px;
    padding: 1.5rem 0rem 2rem 0rem;
    width: 100%;
}

.container-galerias {
    width: 100%;
    display: flex;
    box-shadow: 0 6px 8px rgba(0, 0, 0, 0.3);
}

.container-esquerda, .container-direita {
    max-width: 50%;
}

.galeria-esquerda {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 0% 3% 5% 8%;
}

.galeria-esquerda-container, .galeria-direita-container {
    display: flex;
    width: 100%;
    height: 30rem;
}

.galeria-esquerda-container img, .galeria-direita-container img {
    width: 50%;
    height: 100%;
    object-fit: cover;
}

.galeria-esquerda-container div, .galeria-direita-container div {
    padding: 5%;
    background: linear-gradient(45deg, rgba(56, 179, 229, 1) 0, rgb(122, 207, 208) 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    width: 50%;
}

.galeria-esquerda-container p, .galeria-direita-container p {
    padding: 0% 0% 20% 0%;
    text-align: justify;
}

.galeria-esquerda-container a, .galeria-direita-container a {
    padding: 4% 0%;
    background-color: var(--cor-terciaria);
    color: var(--cor-fundo);
    max-width: 50%;
    display: flex;
    justify-content: center;
}

.galeria-direita {
    display: flex;
    flex-direction: column;
    max-width: 100%;
    padding: 0% 8% 5% 3%;;
}

.botoes-saiba-mais {
    border-radius: 4px;
}

.botoes-saiba-mais:hover {
    background-color: #2f2f2f;
}


@media (max-width: 1818px) {
    .container-capa-cartao h1 {
        font-size: 56px;
    }
}

@media (max-width: 1670px) {
    .container-capa-cartao h1 {
        font-size: 50.3px;
    }
}

@media (max-width: 1502px) {
    .container-capa-cartao h1 {
        font-size: 47.5px;
    }
    .container-capa-img {
        transform: translate(9%, 15%);
    }
    .container-capa-cartao {
        transform: translate(66%, 33%);
    }
}

@media (max-width: 1450px) {
    .container-capa-img {
        transform: translate(9%, 15%);
    }
    .container-capa-cartao {
        transform: translate(66%, 33%);
    }
    .container-capa-cartao h1 {
        font-size: 45px;
    }
    .galeria-esquerda-container h2 {
        font-size: 19px;
    }
    .galeria-direita-container h2 {
        font-size: 19px;
    }
}

@media (max-width: 1350px) {
    .container-capa-cartao h1 {
        font-size: 42px;
    }
    .container-galerias {
        display: inline;
    }
    .container-esquerda, .container-direita {
        max-width: 100%;
    }
    .galeria-esquerda, .galeria-direita {
        padding: 0% 12% 4% 12%;
    }
    .galeria-esquerda-container h2, .galeria-direita-container h2 {
        font-size: 23px;
    }
}

@media (max-width: 1266px) {
    .container-capa-cartao h1 {
        font-size: 37.5px;
    }
    .titulo-galeria {
        font-size: 50px;
    }
}

@media (max-width: 1125px) {
    .titulo-galeria {
        font-size: 50px;
    }
    .container-capa-img {
        transform: translate(5.5%, 15%);
        width: 90%;
    }
    .container-capa-cartao {
        background-color: rgba(255, 255, 255, 0.7);
        transform: translate(5.5%, 50%);
        max-width: 90%;
    }
    .container-capa-cartao h1 {
        align-self: center;
        font-size: 46px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
    }
    .container-capa-cartao p, .container-capa-cartao span {
        font-size: 18px;
        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
        align-self: center;
    }
    #internacionais-paragrafo-banner {
        text-align: justify;
    }
}

@media (max-width: 961px) {
    .titulo-galeria {
        font-size: 39px;
    }
    .container-capa {
        height: 35rem;
    }
    .container-capa-cartao {
        transform: translate(5.5%, 30%);
    }
    .galeria-esquerda, .galeria-direita {
        padding: 0% 4% 4% 4%;
    }
}

@media (max-width: 768px) {
    .galeria-esquerda, .galeria-direita {
        padding: 0% 0% 4% 0%;
    }
}

@media (max-width: 753px) {
    .container-capa {
        height: 30rem;
    }
    .container-capa-cartao {
        transform: translate(5.5%, 24%);
    }
    .container-capa-cartao h1 {
        font-size: 32px;
    }
    .titulo-galeria {
        font-size: 33px;
    }
    .container-capa-cartao p {
        line-height: unset;
        font-size: 18px;
    }

}

@media (max-width: 650px) {
    .titulo-galeria {
        font-size: 25px;
        text-align: center;
    }
    .galeria-esquerda-container h2, .galeria-direita-container h2 {
        font-size: 18px;
    }
    .galeria-esquerda-container p, .galeria-direita-container p, .galeria-esquerda-container a, .galeria-direita-container a {
        font-size: 14px;
    }
}

@media (max-width: 596px) {

    .container-capa-cartao h1 {
        font-size: 25px;
    }
    .container-capa-cartao p, .container-capa-cartao span {
        font-size: 14px;
    }
    .container-capa {
        height: 27rem;
    }
    .container-capa-cartao {
        transform: translate(5.5%, 50%);
    }
    .galeria-esquerda-container img, .galeria-direita-container img {
        width: 100%;
    }
    .galeria-esquerda-container div, .galeria-direita-container div {
        background: unset;
        width: unset;
    }
    .galeria-esquerda-container h2, .galeria-direita-container h2 {
        font-size: 22px;
    }
    .galeria-esquerda-container p, .galeria-direita-container p {
        padding: 10% 0%;
    }
    .galeria-esquerda-container a, .galeria-direita-container a {
        padding: 4% 4%;
        max-width: 35%;
    }
    .galeria-esquerda-container, .galeria-direita-container {
        height: unset;
        flex-direction: column;
        align-items: center;
        background: linear-gradient(45deg, rgba(56, 179, 229, 1) 0, rgb(122, 207, 208) 100%);
    }
}

@media (max-width: 490px) {
    .container-capa-img {
        transform: translate(5.5%, 15%);
    }
    .container-capa-cartao {
        transform: translate(5.5%, 46%);
    }
}

@media (max-width: 426px) {
    .container-capa-img {
        width: 95%;
        transform: translate(2.5%, 5%);
    }
    .container-capa img {
        height: unset;
    }
    .container-capa-cartao {
        padding: 6% 4%;
        max-width: 97%;
        border-radius: 12px;
        background-color: var(--cor-fundo);
        transform: translate(1.5%, 69%);
    }
    .container-capa-cartao h1 {
        font-size: 22px;
        align-self: center;
    }
    .container-capa-cartao p {
        font-size: 12px;
        text-align: justify;
    }
    .container-capa-cartao span {
        align-self: center;
    }
    .container-capa-cartao h1, .container-capa-cartao p, .container-capa-cartao span {
        text-shadow: unset;
    }
    .titulo-galeria {
        font-size: 22px;
    }
    .galeria-esquerda h2, .galeria-direita h2 {
        text-align: center;
    }
    .galeria-esquerda a, .galeria-direita a {
        align-self: center;
        width: unset;
        max-width: unset;
    }
}

@media (max-width: 385px) {
    .container-capa-cartao {
        transform: translate(1.5%, 60%);
    }
}

@media (max-width: 377px) {
    .container-capa-img {
        transform: translate(2.5%, 7%);
    }
    .container-capa-cartao {
        transform: translate(1.5%, 66%);
    }
}

@media (max-width: 340px) {
    .container-capa-img {
        transform: translate(2.5%, 11%);
    }
    .container-capa-cartao {
        transform: translate(1.5%, 62%);
    }
}