﻿

/*Responsivo*/
@media (min-width: 1590px) and (max-width: 1900px) {
    section.sobre .content-sobre .text-sobre:before {
        bottom: 10px;
    }
}

@media only screen and (max-width: 1441px) {
    /*Banner*/
    section.banner .content-banner .text-banner .desc-banner {
        margin: 0 0 0 auto;
    }

    section.banner .content-banner .img-banner img {
        object-position: top 0 right -90px;
    }
    /*Fim Banner*/

    /*Sobre*/
    section.sobre .content-sobre .text-sobre:before {
        content: "";
        width: 38px;
        height: 38px;
        background: var(--color-secondary);
        position: absolute;
        bottom: -10px;
        right: 70%;
        border-radius: 50%;
        z-index: 1;
    }
    /*Fim Sobre*/
}

@media only screen and (max-width: 1261px) {
    /*Menu*/
    .menu-toggle, .menu-close {
        display: block;
    }

    .nav-menu {
        display: none;
    }

        .nav-menu.active {
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            background: var(--color-background-header);
            padding: 24px 0;
            box-sizing: border-box;
            z-index: 1;
        }

            .nav-menu.active ul {
                flex-direction: column;
            }

                .nav-menu.active ul .traducao {
                    margin-left: 0;
                }

                    .nav-menu.active ul .traducao:before {
                        display: none;
                    }
    /*Fim Menu*/

    /*Banner*/
    section.banner .content-banner {
        flex-wrap: wrap;
    }

        section.banner .content-banner .text-banner {
            margin-right: 24px;
            padding: 80px 60px 80px;
        }

        section.banner .content-banner .img-banner {
            margin-left: 24px;
        }

        section.banner .content-banner .text-banner,
        section.banner .content-banner .img-banner {
            width: 100%;
            min-height: auto;
        }

            section.banner .content-banner .text-banner .desc-banner {
                margin: 0 auto;
                text-align: center;
            }

        section.banner .content-banner .group__btns {
            justify-content: center;
        }

        section.banner .content-banner .img-banner img {
            margin: 48px 0 0 auto;
            display: block;
            object-position: top right;
        }
    /*Fim Banner*/

    /*Sobre AM4*/
    section.sobre-am4 .content-sobre {
        margin: 0;
    }
    /*Fim Sobre AM4*/

    /*Sobre*/
    section.sobre .content-sobre {
        flex-wrap: wrap;
        margin-left: 0;
        justify-content: center;
        gap: 160px;
    }

        section.sobre .content-sobre .text-sobre {
            margin-left: 24px;
            padding: 98px 190px 98px 190px;
        }

        section.sobre .content-sobre .img-sobre {
            margin: 0 24px;
        }

        section.sobre .content-sobre .text-sobre,
        section.sobre .content-sobre .img-sobre {
            width: 100%;
            min-height: auto;
        }

            section.sobre .content-sobre .img-sobre img {
                border-radius: 0;
                object-position: center;
                max-width: 100%;
                height: auto;
            }

        section.sobre .content-sobre .content-sobre-text {
            max-width: 500px;
            margin: 0 auto;
        }

        section.sobre .content-sobre .text-sobre:before {
            bottom: -20px;
        }
    /*Fim Sobre*/

    /*Cases*/
    section.cases-de-sucesso {
        overflow: hidden;
    }

        section.cases-de-sucesso .content-item-case .text-case {
            padding: 0 24px;
        }
    /*Fim Cases*/

    /*Propósito*/
    section.proposito .education-for-all {
        margin: 140px 24px 0;
    }
    /*Fim Propósito*/

    /*Cases de Sucesso*/
    section.cases-de-sucesso .content-item-case {
        flex-wrap: wrap;
        justify-content: center;
    }

    section.cases-de-sucesso .content-trabalhe-conosco {
        text-align: center;
    }

    section.cases-de-sucesso .content-item-case .text-case {
        margin: 0 auto;
        max-width: 500px;
        text-align: center;
        order: 2;
    }

        section.cases-de-sucesso .content-item-case .text-case a {
            margin: 0 auto;
        }
    /*Fim Cases de Sucesso*/

    /*Carreiras*/
    section#carreiras {
        padding-top: 8px;
    }

    .venha-trabalhar-conosco {
        margin-left: 24px;
        margin-right: 24px;
    }
        /*Fim Carreiras*/

        /*Trabalhe Conosco*/
        .venha-trabalhar-conosco .container {
            flex-wrap: wrap;
            justify-content: center;
            gap: 40px;
        }

    .content-trabalhe-conosco:nth-child(1) {
        max-width: 100%;
        text-align: center;
    }

    .content-trabalhe-conosco ul {
        list-style-type: none;
    }
    /*Fim Trabalhe Conosco*/

    /*Contato*/
    section.contato .container-flex {
        flex-wrap: wrap;
    }

    section.contato .content-contato,
    section.contato .outros-contatos {
        width: 100%;
    }

    section.contato .content-contato {
        margin-right: 24px;
    }

    section.contato .outros-contatos {
        position: relative;
        top: 0;
        transform: translateY(0);
        margin-left: 24px;
    }
    /*Fim Contato*/
}


@media only screen and (max-width: 940px) {
    /*Sobre AM4*/
    section.sobre-am4 .content-sobre {
        flex-wrap: wrap;
    }

        section.sobre-am4 .content-sobre .text-sobre {
            width: 100%;
        }

        section.sobre-am4 .content-sobre .title,
        section.sobre-am4 .content-sobre .subtitle {
            max-width: initial;
            text-align: center;
        }
    /*Fim Sobre AM4*/

    /*Propósito*/
    section.proposito .content-proposito {
        max-width: initial;
        text-align: center;
    }

    section.proposito .container {
        flex-wrap: wrap;
    }

    section.proposito .education-for-all .container {
        gap: 40px;
    }

        section.proposito .education-for-all .container .content-education .title {
            text-align: center;
        }
    /*Fim Propósito*/

    /*Nosso Jeito*/
    section.nosso-jeito .container-nosso-jeito {
        grid-template-columns: 1fr;
        text-align: center;
    }
    /*Fim Nosso Jeito*/

    /*Cases de Sucesso*/
    section.cases-de-sucesso .content-item-case .img-case:nth-child(1) {
        padding: 24px;
    }

    section.cases-de-sucesso .content-item-case .img-case:nth-child(2) {
        padding: 24px;
    }
    /*Fim Cases de Sucesso*/

    /*Contato*/
    section.contato .container-flex {
        gap: 40px;
    }

    section.contato .content-contato {
        padding: 110px 0 155px 110px;
    }
    /*Fim Contato*/

    /*Footer*/
    footer .content-footer {
        flex-wrap: wrap;
    }
    /*Fim Footer*/
}


@media only screen and (max-width: 681px) {
    /*Menu*/
    header .nav-menu ul li .link-nav {
        font-size: 24px;
    }

    header .btn-secondary {
        font-size: 18px;
    }

    /*Banner*/
    section.banner .content-banner .text-banner {
        margin-right: 8px;
        border-top-right-radius: 200px;
        border-bottom-right-radius: 200px;
    }

        section.banner .content-banner .text-banner .desc-banner {
            text-align: left;
        }

    section.banner .content-banner .group__btns {
        justify-content: left;
    }

    section.banner .content-banner .text-banner .title {
        font-size: 24px;
        margin-bottom: 16px;
    }

    section.banner .content-banner .text-banner p {
        font-size: 14px;
    }

    section.banner .content-banner .img-banner img {
        height: auto;
    }

    section.banner .content-banner .group__btns {
        flex-wrap: wrap;
    }

    /*Sobre AM4*/
    section.sobre-am4 {
        padding: 120px 0 220px;
    }

        section.sobre-am4 .content-sobre .subtitle {
            font-size: 32px;
        }

        section.sobre-am4 .content-sobre {
            gap: 40px;
        }

    /*Sobre*/
    section.sobre {
        padding: 0px;
    }

        section.sobre .content-sobre {
            gap: 80px;
        }

            section.sobre .content-sobre .img-sobre {
                height: auto;
            }

            section.sobre .content-sobre .text-sobre {
                padding: 80px 10px 80px 80px;
            }

            section.sobre .content-sobre .text-sobre {
                border-top-left-radius: 200px;
                border-bottom-left-radius: 200px;
                margin-left: 8px;
            }

    /*Propósitio*/
    section.proposito {
        padding-bottom: 110px;
    }

        section.proposito .education-for-all .container .content-education .title,
        section.proposito .content-proposito .title {
            font-size: 24px;
        }

        section.proposito::before {
            display: none;
        }

        section.proposito .education-for-all {
            padding: 50px;
        }

        section.proposito .container-propositos {
            grid-template-columns: 1fr;
        }

            section.proposito .container-propositos .item-proposito {
                max-width: initial;
                text-align: center;
            }

                section.proposito .container-propositos .item-proposito .icons-propositos {
                    align-self: center;
                }

        section.proposito .education-for-all {
            border-radius: 0;
            margin: 140px 0;
        }

    /*Nosso Jeito*/
    section.nosso-jeito {
        padding-top: 0px;
    }

    /*Cases de Sucesso*/
    section.cases-de-sucesso .title {
        font-size: 24px;
        margin-bottom: 40px;
    }

    section.cases-de-sucesso .content-item-case:nth-child(even):before,
    section.cases-de-sucesso .content-item-case:nth-child(odd):before {
        display: none;
    }

    section.cases-de-sucesso .content-item-case .img-case {
        background: linear-gradient(90deg, #8A38F5 0%, rgba(81, 46, 171, 0.15) 100%);
    }

    /*Carreiras*/
    .content-trabalhe-conosco {
        text-align: center;
    }

    .venha-trabalhar-conosco {
        padding: 32px;
    }

    /*Contato*/
    section.contato {
        padding-top: 120px;
        background: var(--color-white);
    }

        section.contato .content-contato {
            border-radius: 0;
            margin: 0;
            padding: 110px 60px;
        }

        section.contato .header-content, section.contato .form-contato {
            max-width: 100%;
        }

        section.contato .outros-contatos {
            padding: 80px 18px;
            border-radius: 0;
            margin: 0
        }

            section.contato .outros-contatos:before {
                top: 0;
            }

    h2, h2 span {
        font-size: 24px;
    }


    /*Footer*/
    footer .content-footer {
        justify-content: center;
        gap: 24px;
        text-align: center;
    }

    footer .group-btns {
        flex-wrap: wrap;
        justify-content: center;
    }

    /*Modal*/
    .btn-modal-voltar, .traducao.interna {
        top: 32px;
    }

    .content-modal {
        padding: 0 16px;
        height: 400px;
    }
}
/*Fim Responsivo*/
