/*Hero*/
.video-header {
    width: 100%;
    overflow: hidden;

    & video {
        width: 100%;
        height: auto;
        display: block;
    }
}

/*Redes*/
.rede {
    padding: 60px 10% 0;

    & h2 {
        color: var(--laranja);
        font-size: 2.5rem;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 10px;
    }

    & p.intro {
        font-size: 1.2rem;
        line-height: 1.5;
        text-align: center;
        max-width: 900px;
        margin: 0 auto 50px;
    }

    & .owl-item:nth-child(odd) .card {
        background-color: var(--laranja);
    }

    & .owl-item:nth-child(even) .card {
        background-color: var(--azul);
    }

    & .card {
        color: #fff;
        padding: 40px;
        text-align: center;
		width: 100%;
        height: auto;
        border: 0;
        border-radius: 15px;
        display: flex;
		aspect-ratio: 1/1;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;

        & h4 {
            margin: 0;
            font-size: 1.3rem;
            line-height: 1.2;
        }

        & p {
            font-size: 1rem;
            line-height: 1.5;
            margin: 0;
        }
    }

    & a.botao {
        position: relative;
        overflow: hidden;
        display: block;
        padding: 13px 50px;
        width: max-content;
        max-width: 100%;
        margin: 60px auto 0;
        border: solid 2px var(--azul);
        border-radius: 30px;
        background-color: white;
        color: var(--azul);
        font-weight: 600;
        text-decoration: none;
        transition: color 0.3s ease;
        z-index: 1;
        font-size: 1rem;
        position: relative;

        &::before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: var(--gradiente-azul);
            opacity: 0;
            transition: opacity 0.3s ease;
            z-index: -1;
        }

        &:hover::before {
            opacity: 1;
        }

        &:hover {
            color: #fff;
        }
    }
}

/*Equipe*/
.equipe {
    padding: 60px 0;

    & h2 {
        color: var(--laranja);
        font-size: 2.5rem;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 40px;
    }

    & .card-equipe {
        background: #EFEFEF;
        padding: 35px;
        border-radius: 25px;
        text-align: center;
        min-height: 440px;
        transition: .3s;
        cursor: pointer;

        &:hover {
            & h3 {
                color: var(--verde);
            }
        }

        & h3 {
            text-align: center;
            font-weight: 700;
            font-size: 1.1rem;
            line-height: 1.2;
            min-height: 2.6rem;
            display: flex;
            justify-content: center;
            align-items: center;
            margin: 10px auto;
            transition: .3s;
        }

        & p {
            margin: 0;
            font-size: .9rem;
            line-height: 1.3;
            min-height: 2.6rem;
        }
    }

    & .modal {
        & .modal-content {
            padding: 1.5rem;

            & .modal-header {
                padding: 0;

                .btn-close {
                    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
                    margin: calc(-1.5 * var(--bs-modal-header-padding-y)) calc(-0.3 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
                }
            }
        }

        & h5 {
            color: var(--verde);
            font-weight: 700;
            margin: 0;
            font-size: 1.3rem;
        }

        & .cargo {
            font-size: .9rem;
            margin: 0;
        }

        & p {
            font-size: .95rem;
            line-height: 1.5;
        }
    }
}

/*Connects*/
.connects {
    background: url(../images/connects.webp) no-repeat left center;
    background-size: cover;
    padding: 80px 10%;

    & h2 {
        color: #fff;
        font-size: 2.5rem;
        line-height: 1.2;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 40px;
        width: 70%;
    }

    & .setor {
        background: #fff;
        padding: 30px;
        border-radius: 25px;

        & span.cta {
            font-weight: 600;
            text-align: center;
            font-size: 1.2rem;
            display: block;
            height: 4rem;
            line-height: 1.2;
            padding: 0 20px;
        }
		& .laranja{
			color: var(--laranja);
		}
		& .verde{
			color: var(--verde);
		}	
		& .azul{
			color: var(--azul);
		}	
        & h3 {
            font-size: 1.3rem;
            text-align: center;
            font-weight: 700;
            padding: 0 20px;
        }

        & p {
            text-align: center;
            line-height: 1.7;
            min-height: 120px;
            font-size: .95rem;
        }

        & a {
            background: #EFEFEF;
            padding: 15px;
            width: 100%;
            display: flex;
            text-decoration: none;
            font-weight: 600;
            flex-direction: row;
            justify-content: center;
            gap: 10px;
            border-radius: 20px;
            transition: .3s;

            &:hover {
                background: #e7e7e7;
            }

            & img {
                height: 30px;
            }
        }
    }
}

/*Conectse*/
.conectse {
    padding: 60px 20%;

    & h2.titulo {
        color: var(--laranja);
        font-size: 2.5rem;
        line-height: 1.1;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 40px;
        padding: 0 15%;
    }

    .accordion-item:first-of-type,
    .accordion-item:not(:first-of-type),
    .accordion-item:last-of-type {
        border-radius: 15px;
        margin: 10px 0;
        background-color: #D9D9D9;
    }

    .accordion-item:first-of-type>.accordion-header .accordion-button,
    .accordion-button,
    .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
        border-radius: 15px;
        padding: 1.5rem;
        color: #494645;
        font-size: 1.1rem;
        font-weight: 700;
    }

    .accordion-header {
        margin: 0;
        border-radius: 15px;

        .accordion-button {
            border-radius: 15px;
            background-color: #D9D9D9;

            &:not(.collapsed) {
                color: #494645;
                background-color: #D9D9D9;
                box-shadow: unset;
            }

            &:focus {
                color: #494645;
                background-color: #D9D9D9;
                box-shadow: unset;
            }
        }
    }

    .accordion-body {
        padding: 0 1.5rem 1.5rem 1.5rem;
        color: #494645;
        font-size: .9rem;
        line-height: 1.5;

        & p {
            margin: 10px 0;
        }
    }

    a {
        background: var(--laranja);
        padding: 15px 30px;
        color: #fff;
        border-radius: 10px;
        margin: 30px auto 0;
        display: block;
        max-width: 100%;
        width: max-content;
        font-weight: 700;
        transition: .3s;

        &:hover {
            background: var(--azul);
        }
    }
}

/*Advisors*/
.advisors {
    background: url(../images/advisors.webp) no-repeat left center;
    background-size: cover;
    background-attachment: fixed;
    padding: 80px 10%;
    color: #fff;

    & h2 {
        font-size: 2.5rem;
        line-height: 1.2;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 10px;
    }

    & p.intro {
        text-align: center;
        width: 50%;
        margin: 0 auto 40px;
        font-size: 1.1rem;
    }

    & .diferenciais {
        display: flex;
        gap: 15px;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;

        & .diferencial {
            width: calc(25% - 15px);
            background: var(--laranja);
            border: 0;
            border-radius: 20px;
            color: #fff;
            font-weight: 600;
            padding: 20px 35px;
            line-height: 1.2;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
        }
    }

    & .categorias {
        padding: 60px 0% 0;

        & .categoria {
            border: solid 2px #0F75BC;
            background: #0f74bc40;
            border-radius: 20px;
            padding: 30px;
            text-align: center;
            margin: 30px 0;
            transition: .3s;

            &:hover {
                border-color: var(--laranja);
            }

            & p {
                width: 80%;
                margin: 10px auto;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                height: 250px;
            }

            & a {
                background: var(--laranja);
                padding: 15px 30px;
                color: #fff;
                border-radius: 10px;
                margin: 20px auto 0;
                display: block;
                width: 100%;
                font-weight: 700;
                transition: .3s;

                &:hover {
                    background: var(--azul);
                }
            }
        }

        & .numero {
            border: solid 2px #0F75BC;
            background: #0f74bc40;
            border-radius: 20px;
            padding: 30px;
            text-align: center;
            margin: 30px auto;
            width: 50%;
            aspect-ratio: 4/3;
            display: flex;
            flex-direction: column;
            justify-content: center;

            &:hover {
                border-color: var(--laranja);
            }

            & h3 {
                color: var(--laranja);
                margin: 0;
                font-size: 5rem;
                font-weight: 700;
                line-height: 1;
            }

            & p {
                margin: 0px auto 0;
            }
        }
    }
}

/*Especialistas*/
.especialistas {
    background: #EFEFEF;
    padding: 80px 0;

    & h2 {
        color: #494645;
        font-size: 2rem;
        line-height: 1.2;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 40px;
        padding: 0 20%;
    }

    & p.sub {
        text-align: center;
        width: 80%;
        font-size: 1.2rem;
        margin: 40px auto 0px;
    }

    & .especialista {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 15px;
        background: #fff;
        padding: 15px;
        border-radius: 15px;
        transition: .3s;

        &:hover {
            background: var(--laranja);
        }

        & .foto {
            width: calc(45% - 10px);

            & img {
                aspect-ratio: 1/1;
                width: 100%;
                border-radius: 15px;
            }
        }

        & .infos {
            width: calc(55% - 10px);

            & h3 {
                font-size: 1.05rem;
                font-weight: 700;
                line-height: 1.3;
                margin: 0;
            }

            & p {
                margin: 0;
                font-size: .9rem;
                line-height: 1;
            }
        }
    }

    & a#botao {
        background: var(--laranja);
        padding: 15px 30px;
        color: #fff;
        border-radius: 10px;
        margin: 10px auto 0;
        display: block;
        max-width: 100%;
        width: max-content;
        font-weight: 700;
        transition: .3s;

        &:hover {
            background: #494645;
        }
    }
}

/*Conectamos*/
.conectamos {
    padding: 70px 15%;
    position: relative;

    & h2 {
        color: #494645;
        font-size: 2.5rem;
        line-height: 1.1;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 5px;
        padding: 0 15%;
    }

    & p.intro {
        text-align: center;
        width: 80%;
        margin: 0 auto 40px;
    }

    & .tag-topo {
        position: absolute;
        top: -60px;
        right: 10%;
        width: auto;
        height: 120px;
    }

    & a {
        background: var(--laranja);
        padding: 15px 30px;
        color: #fff;
        border-radius: 10px;
        margin: 30px auto 0;
        display: block;
        max-width: 100%;
        width: max-content;
        font-weight: 700;
        transition: .3s;

        &:hover {
            background: #494645;
        }
    }

    & .botoes {
        display: flex;
        gap: 15px;
        flex-direction: row;
        flex-wrap: wrap;
        width: 100%;

        & .botao {
            width: calc(25% - 15px);
            background: #D9D9D9;
            border: 0;
            border-radius: 20px;
            color: #494645;
            font-weight: 600;
            padding: 20px 35px;
            line-height: 1.2;
            transition: .3s;

            &:hover {
                background: var(--laranja);
                color: #fff;
            }
        }
    }

    & .modal {
        & .modal-content {
            padding: 1.5rem;

            & .modal-header {
                padding: 0;

                .btn-close {
                    padding: calc(var(--bs-modal-header-padding-y) * .5) calc(var(--bs-modal-header-padding-x) * .5);
                    margin: calc(-1.5 * var(--bs-modal-header-padding-y)) calc(-0.3 * var(--bs-modal-header-padding-x)) calc(-.5 * var(--bs-modal-header-padding-y)) auto;
                }
            }
        }

        & h5 {
            color: var(--laranja);
            font-weight: 700;
            margin: 0;
            font-size: 1.3rem;
        }

        & p {
            font-size: 1.05rem;
            line-height: 1.5;
        }

        & ul {
            list-style: disc;
            margin: 0 15px;

            & li {
                margin: 15px 0;
                font-size: .95rem;
                line-height: 1.5;

                & strong {
                    color: var(--laranja);
                }
            }
        }

        & .modal-body {
            padding: 1rem 0;
        }
    }
}

/*Centro*/
.centro {
    background: #494645;
    padding: 70px 10%;
    color: #fff;
    position: relative;

    & h2 {
        color: var(--laranja);
        font-size: 2.5rem;
        line-height: 1.1;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 60px;
    }

    & a {
        background: var(--laranja);
        padding: 15px 30px;
        color: #fff;
        border-radius: 10px;
        margin: 30px auto 0;
        display: block;
        max-width: 100%;
        width: max-content;
        font-weight: 700;
        transition: .3s;

        &:hover {
            background: var(--azul);
        }
    }

    & img.mapa {
        width: 100%;
        margin: 15px 0;
        display: block;
    }

    & .tag-topo {
        position: absolute;
        top: -60px;
        width: auto;
        height: 120px;
    }

    & .tag-btn {
        position: absolute;
        bottom: -60px;
        right: 10%;
        width: auto;
        height: 120px;
    }

    & h3 {
        font-weight: 700;
        width: 90%;
        font-size: 1.8rem;
    }

    & ul {
        list-style: disc;
        margin: 0 15px;
        width: 90%;

        & li {
            margin: 15px 0;
            font-size: 1.1rem;
            line-height: 1.5;
        }
    }
}

/*O ambiente*/
.oambiente {
    padding: 60px 20%;

    & h2.titulo {
        color: var(--laranja);
        font-size: 2.5rem;
        line-height: 1.1;
        text-align: center;
        font-weight: 700;
        margin: 0 auto;
        padding: 0 15%;
    }

    & p.intro {
        text-align: center;
        width: 70%;
        margin: 0 auto 40px;
    }

    .accordion-item:first-of-type,
    .accordion-item:not(:first-of-type),
    .accordion-item:last-of-type {
        border-radius: 15px;
        margin: 10px 0;
        background-color: var(--verde);
    }

    .accordion-item:first-of-type>.accordion-header .accordion-button,
    .accordion-button,
    .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed {
        border-radius: 15px;
        padding: 1.5rem;
        color: #494645;
        font-size: 1.1rem;
        font-weight: 700;
    }

    .accordion-header {
        margin: 0;
        border-radius: 15px;

        .accordion-button {
            border-radius: 15px;
            background-color: var(--verde);

            &:not(.collapsed) {
                color: #494645;
                background-color: var(--verde);
                box-shadow: unset;
            }

            &:focus {
                color: #494645;
                background-color: var(--verde);
                box-shadow: unset;
            }
        }
    }

    .accordion-body {
        padding: 0 1.5rem 1.5rem 1.5rem;
        color: #494645;
        font-size: .9rem;
        line-height: 1.5;

        & p {
            margin: 10px 0;
        }
    }

    a {
        background: transparent;
        border: solid 2px var(--verde);
        padding: 15px 30px;
        color: var(--verde);
        border-radius: 30px;
        margin: 30px auto 0;
        display: block;
        max-width: 100%;
        width: max-content;
        font-weight: 700;
        transition: .3s;

        &:hover {
            background: var(--verde);
            color: #fff;
        }
    }
}

/*Contato*/
.contato {
    background: url(../images/contato.webp) no-repeat left center;
    background-size: cover;
    padding: 100px 10%;

    & .formulario {
        width: 600px;
        margin: 0 0 0 auto;
        background: #F2F2F2;
        padding: 40px;
        border-radius: 30px;

        & h2 {
            color: #494645;
            font-weight: 700;
            text-align: center;
            font-size: 1.8rem;
            line-height: 1;
            margin: 0 auto 0px;
        }

        & p {
            font-size: 1rem;
            line-height: 1.5;
            text-align: center;
            margin: 5px auto 20px;
        }

        & label {
            width: 100%;

            & input {
                width: 100%;
                background: #fff;
                border: solid 1px #fff;
                border-radius: 20px;
                padding: 15px 25px;
                font-size: .9rem;
                margin: 5px 0;
                transition: .3s;

                &:focus {
                    border-color: var(--laranja);
                }

                &:focus-visible {
                    box-shadow: unset;
                }
            }
        }

        & input[type=submit] {
            background: var(--laranja);
            color: #fff;
            padding: 15px 60px;
            border-radius: 25px;
            font-weight: 600;
            transition: .3s;
            margin: 5px auto 0;
            display: block;

            &:hover {
                background: var(--azul);
            }
        }

        .wpcf7-spinner {
            height: auto;
        }
    }
}

/*Parceiros*/
.parceiros {
    padding: 70px 0;

    & h2.titulo {
        color: var(--azul);
        font-size: 2.5rem;
        line-height: 1.1;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 10px;
        padding: 0 15%;
    }

    & p.intro {
        text-align: center;
        width: 60%;
        margin: 0 auto 0px;
        font-size: 1.125rem;
        line-height: 1.5;

        & strong {
            color: var(--azul);
        }
    }

    & h3 {
        font-size: 1.2rem;
        color: #6e6e6e;
        font-weight: 700;
        margin: 40px auto 20px;
        text-transform: uppercase;
        padding: 15px 50px;
        /* border: solid 2px var(--verde);**/
        width: max-content;
        max-width: 100%;
        border-radius: 30px;

        &::after {
            content: "";
            display: block;
            height: 6px;
            width: 60px;
            margin: 10px auto 0px;
            background: linear-gradient(to right, var(--verde) 0%, var(--verde) 33.33%, var(--laranja) 33.33%, var(--laranja) 66.66%, var(--azul) 66.66%, var(--azul) 100%);
            border-radius: 3px;
        }
    }

    & img.item {
        width: max-content;
        max-width: 140px;
        max-height: 60px;
        margin: 0 30px;
    }

    & .owl-carousel .owl-stage {
        margin: 15px auto;
        display: flex;
        align-items: center;
    }
}

/*Noticias*/
.noticias {
    padding: 80px 10%;
    background: url(../images/noticias.webp) no-repeat left center;
    background-size: cover;
    background-attachment: fixed;

    & h2 {
        font-size: 2.5rem;
        line-height: 1.2;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 50px;
        color: #fff;
    }

    & .post_home {
        position: relative;
        width: 100%;
        aspect-ratio: 4 / 3;
        height: auto;
        border-radius: 10px;

        a {
            text-decoration: none;
        }

        & img {
            aspect-ratio: 4 / 3;
            width: 100%;
            height: auto;
            object-fit: cover;
            border-radius: 10px;
            transition: .5s;
            filter: brightness(50%);
        }

        & .conteudo {
            width: 100%;
            aspect-ratio: 4 / 3;
            height: auto;
            border-radius: 10px;
            position: absolute;
            top: 0;
            display: flex;
            align-items: center;
            flex-direction: column;
            padding: 40px;
            justify-content: center;
            text-align: center;

            & span.data {
                font-size: .8rem;
                line-height: 1;
                display: block;
                margin: 20px 0 5px;
                color: #fff;
            }

            & h3 {
                margin: 0;
                font-size: 1.4rem;
                line-height: 1.2;
                font-weight: 700;
                color: #fff;
                transition: .3s;
            }
        }

        &:hover {
            img {
                filter: brightness(20%);
            }
        }
    }

    & a#botao {
        background: #fff;
        padding: 15px 40px;
        color: #494645;
        border-radius: 30px;
        margin: 50px auto 0;
        display: block;
        max-width: 100%;
        width: max-content;
        font-weight: 700;
        transition: .3s;

        & i {
            color: var(--verde);
        }

        &:hover {
            background: var(--laranja);
            color: #fff;

            i {
                color: #fff;
            }
        }
    }
}

/*Eventos*/
.eventos {
    padding: 80px 10%;
    color: #494645;

    & h2 {
        font-size: 2.5rem;
        line-height: 1.2;
        text-align: center;
        font-weight: 700;
        margin: 0 auto 40px;
        color: var(--azul);
    }

    & a {
        text-decoration: none;

        &:hover {
            text-decoration: none;
        }
    }

    & .evento {
        background: #fff;
        border: solid 1px var(--azul);
        color: #494645;
        padding: 40px;
        border-radius: 10px;
        width: 100%;
        height: auto;
        aspect-ratio: 4/3;
        margin: 15px 0px;
        display: flex;
        align-items: center;
        transition: .3s;

        &:hover {
            background: var(--azul);

            & h3,
            .data,
            .data strong {
                color: #fff;
            }
        }

        & .data {
            color: #494645;
            font-size: .8rem;
            width: max-content;
            font-weight: 400;
            margin-bottom: 8px;

            & strong {
                color: var(--azul);
                font-weight: 700;
            }
        }

        & h3 {
            font-weight: 700;
            color: var(--azul);
            font-size: 1.2rem;
        }
    }

    & .owl-theme .owl-nav {
        margin-top: 40px;
        display: flex;
        justify-content: center;

        & button[type="button"] {
            -webkit-appearance: button;
            width: 40px;
            height: 40px;
            border: 0px;
            margin: 0px 5px;
            transition: .3s;
            background: transparent;
            border: solid 1px var(--azul);
            border-radius: 8px;
            color: var(--azul);
            outline: 0;

            &:hover {
                background: var(--azul);
                border-color: var(--azul);
                color: #fff;
            }
        }
    }

    & a#botao {
        background: #fff;
        border: solid 2px var(--azul);
        padding: 15px 40px;
        color: #494645;
        border-radius: 30px;
        margin: 50px auto 0;
        display: block;
        max-width: 100%;
        width: max-content;
        font-weight: 700;
        transition: .3s;

        & i {
            color: var(--azul);
        }

        &:hover {
            background: var(--azul);
            color: #fff;

            i {
                color: #fff;
            }
        }
    }
}

@media screen and (max-width: 1481px) {
    .rede {
		padding: 60px 60px 0;
        & h2 {
            margin: 0 auto;
            font-size: 2.2rem;
        }

        & p.intro {
            font-size: 1rem;
        }

        & .card {
			padding: 30px;
            & h4 {
                font-size: 1.1rem;
            }
			& p {
            	font-size: .95rem;
				line-height: 1.4;
			}
        }
		.owl-dots {
			margin-top: 20px!important;
			position: relative;
			text-align: center;
			.owl-dot span {
				width: 13px;
				height: 13px;
				margin: 0 5px;
				background: #494645;
				border-radius: 50%;
				transition: .3s;
				display: block;
			}
			.owl-dot.active span, .owl-dot:hover span{
				background: var(--azul);
			}
    } 
    }

    .equipe {
        padding: 40px 0 60px;

        & h2 {
            font-size: 2.2rem;
            margin: 0 auto 30px;
        }
    }

    .connects {
        padding: 60px 5%;

        & h2 {
            font-size: 2rem;
        }

        & .setor {
            & span.cta {
                font-size: 1rem;
                padding: 0 10px;
                height: 3rem;
            }

            & h3 {
                font-size: 1.1rem;
                padding: 0 10px;
            }

            & p {
                min-height: 10rem;
            }
        }
    }

    .conectse {
        padding: 60px 15%;

        & h2.titulo {
            font-size: 2rem;
        }
    }

    .advisors {
        padding: 60px 5%;

        & h2 {
            font-size: 2rem;
        }

        & p.intro {
            width: 70%;
        }

        & .categorias {
            padding: 40px 0 0;

            & .categoria {
                & p {
                    width: 90%;
                }
            }
        }
    }

    .especialistas {
        padding: 50px 0;

        & h2 {
            padding: 0px 10%;
        }
    }

    .conectamos {
        padding: 60px 10%;

        & h2 {
            font-size: 2rem;
        }
    }

    .centro {
        padding: 60px 5%;

        & h2 {
            font-size: 2rem;
        }

        & .tag-topo {
            top: -45px;
            height: 90px;
        }

        & .tag-btn {
            bottom: -45px;
            height: 90px;
            right: 5%;
        }

        & h3 {
            width: 100%;
            font-size: 1.5rem;
        }

        & ul {
            width: 95%;

            & li {
                font-size: 1rem;
            }
        }
    }

    .oambiente {
        padding: 50px 10%;

        & h2.titulo {
            font-size: 2rem;
            margin: 0 auto 10px;
        }

        & p.intro {
            width: 80%;
        }
    }

    .contato {
        background: url(../images/contato.webp) no-repeat center;
        background-size: cover;
        padding: 60px 40px;
    }

    .parceiros {
        padding: 50px 0;

        & h2.titulo {
            font-size: 2rem;
        }

        & p.intro {
            width: 80%;
            font-size: 1rem;
        }
    }

    .noticias {
        padding: 60px 40px;

        & h2 {
            margin: 0 auto 40px;
            font-size: 2rem;
        }
    }

    .eventos {
        padding: 60px 40px;

        & h2 {
            margin: 0 auto 20px;
            font-size: 2.2rem;
        }
    }
}

@media screen and (max-width: 1024px) {
    .rede {
        padding: 40px 0 0;

        & h2 {
            font-size: 2rem;
            margin: 0 auto 5px;
        }

        & p.intro {
            width: 100%;
            padding: 0 40px;
            font-size: 1rem;
            margin: 0 0 30px;
        }
    }

    .equipe {
        & h2 {
            font-size: 2rem;
            margin: 0 auto 30px;
        }
    }

    .connects {
        & h2 {
            font-size: 1.8rem;
            width: 100%;
            margin: 0 0 30px;
        }

        & .setor {
            margin: 15px 0;

            & span.cta {
                font-size: 1rem;
                padding: 0;
                margin: 0 0 5px;
                height: auto;
            }

            & h3 {
                font-size: 1.2rem;
                padding: 0;
            }
        }

    }

    .conectse {
        padding: 40px 30px 50px;

        & h2.titulo {
            font-size: 1.8rem;
            line-height: 1.2;
            padding: 0;
            width: 100%;
            margin: 0 0 30px;
        }
    }

    .advisors {
        padding: 60px 40px;

        & h2 {
            font-size: 1.8rem;
        }

        & p.intro {
            width: 100%;
        }

        & .diferenciais {
            & .diferencial {
                width: calc(50% - 15px);
                padding: 35px;
                border-radius: 10px;
            }
        }
    }

    .especialistas {
        padding: 40px 0;

        & h2 {
            padding: 0 30px;
            font-size: 1.6rem;
        }
    }

    .conectamos {
        padding: 40px 30px;

        & h2 {
            font-size: 1.8rem;
            padding: 0;
        }

        & p.intro {
            text-align: center;
            width: 100%;
            margin: 0 auto 30px;
        }

        & .botoes {
            & .botao {
                width: calc(50% - 15px);
                padding: 30px;
            }
        }
    }

    .centro {
        padding: 50px 40px;

        & h2 {
            font-size: 2rem;
            text-align: left;
            margin: 0 0 10px;
        }
    }

    .oambiente {
        padding: 50px 40px;

        & h2.titulo {
            font-size: 1.8rem;
            padding: 0;
        }

        & p.intro {
            width: 100%;
        }
    }

    .contato {
        background: url(../images/contato-mobile.webp) no-repeat center top;
        background-size: 100%;
        padding: 50vh 0 0;

        & .formulario {
            width: 100%;
            margin: 0;
            padding: 40px;
            border-radius: 0;
        }
    }

    .parceiros {
        padding: 40px 0;

        & h2.titulo {
            font-size: 1.8rem;
            padding: 0 30px;
        }

        & p.intro {
            width: 100%;
            font-size: 1rem;
            padding: 0 40px;
        }
    }

    .noticias {
        padding: 60px 0;
    }

    .eventos {
        padding: 60px 0;
    }
}

@media screen and (max-width: 480px) {
    .rede {
        & h2 {
            font-size: 1.6rem;
            margin: 0 auto 5px;
            padding: 0 30px;
            line-height: 1.05;
        }

        & .card {
            min-height: 320px;
            padding: 25px;
        }

        & a.botao {
            padding: 13px 10px;
            width: 90%;
            max-width: 90%;
            text-align: center;
            margin: 20px auto 0;
            font-size: .9rem;
        }
    }

    .equipe {
        & h2 {
            font-size: 1.6rem;
            margin: 0 auto 20px;
            padding: 0 30px;
            line-height: 1.1;
        }
    }

    .connects {
        padding: 40px 30px;

        & h2 {
            font-size: 1.4rem;
            margin: 0 auto 10px;
            padding: 0;
            line-height: 1.1;
        }

        & .setor {
            & h3 {
                font-size: 1.1rem;
                padding: 0;
            }
        }
    }

    .conectse {
        & h2.titulo {
            font-size: 1.6rem;
        }

        a {
            padding: 20px;
            width: 100%;
            line-height: 1.4;
        }
    }

    .advisors {
        padding: 40px 30px;

        & h2 {
            font-size: 1.6rem;
        }

        & p.intro {
            font-size: 1rem;
            line-height: 1.5;
        }

        & .diferenciais {
            & .diferencial {
                width: 100%;
                padding: 30px;
            }
        }

        & .categorias {
            padding: 0;

            & .categoria {
                padding: 25px;

                & p {
                    width: 100%;
                    height: auto;
                    font-size: .9rem;
                }
            }

            & .numero {
                width: 80%;
                margin: 0 auto;

                & h3 {
                    font-size: 4rem;
                }
            }
        }
    }

    .especialistas {
        & h2 {
            padding: 0 30px;
            font-size: 1.4rem;
        }

        & p.sub {
            width: 100%;
            font-size: 1.1rem;
            line-height: 1.4;
            margin: 20px auto 0px;
            padding: 0 30px;
        }

    }

    .conectamos {
        & h2 {
            font-size: 1.6rem;
            text-align: left;
        }

        & p.intro {
            text-align: justify;
        }

        & .botoes {
            & .botao {
                width: 100%;
            }
        }

        & a {
            padding: 20px;
            width: 100%;
            line-height: 1.1;
        }
    }

    .centro {
        & h2 {
            font-size: 1.8rem;
        }

        & h3 {
            font-size: 1.2rem;
        }

        & a {
            padding: 20px;
            line-height: 1.2;
        }
    }

    .oambiente {
        padding: 40px 30px;

        & h2.titulo {
            font-size: 1.6rem;
        }

        & p.intro {
            margin: 0 auto 20px;
        }

        a {
            padding: 20px 30px;
            line-height: 1.2;
            width: 100%;
        }
    }

    .contato {
        background: url(../images/contato-mobile.webp) no-repeat center top;
        background-size: 100%;
        padding: 39vh 0 0;

        & .formulario {
            padding: 30px;

            & h2 {
                font-size: 1.6rem;
            }
        }
    }

    .parceiros {
        & h2.titulo {
            font-size: 1.6rem;
        }

        & p.intro {
            width: 100%;
            font-size: .95rem;
            padding: 0 30px;
        }

        & h3 {
            font-size: 1rem;
            padding: 15px;
        }
    }

    .noticias {
        padding: 40px 0;

        & h2 {
            font-size: 1.6rem;
            margin: 0 auto 30px;
        }

        & .post_home {
            & .conteudo {
                padding: 20px;

                & h3 {
                    font-size: 1.2rem;
                }
            }
        }
    }

    .eventos {
        padding: 40px 0;
        & h2 {
            font-size: 1.6rem;
            margin: 0 auto 20px;
        }
        & .evento{
            padding: 30px;
            & h3{
                font-size: 1.3rem;
            }
        }
        & a#botao{
            margin: 20px auto 0;
        }
    }
}