@import url(/CSS/guideStyle.css);

body {
    overflow-x: hidden;
}

b {
    font-weight: bold;

    @media (max-width:1000px) {
        font-weight: 600;
    }
}

/* Mineiração */
.mining {
    width: 100vw;
    height: 100%;
    min-height: 100%;

    background-image: url(/IMG/cases/mining_1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

    @media (max-width:1000px) {
        height: auto;
        background-image: none;
        background-color: var(--cinzaClaro);
    }
}

.bg {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5));

    padding: 40px 0px;

    @media (max-width:1000px) {
        background-image: none;
    }
}

.miningContent {
    padding-top: 5rem;
    width: 75vw;
    margin: auto;

    @media (max-width:1000px) {
        padding-top: 6rem;
        width: 99vw;
    }
}

.miningSlogan {
    font-size: 40px;
    padding: 30px;
    line-height: 50px;

    @media (max-width:1000px) {
        font-size: 28px;
        padding: 20px;
    }
}

.miningSlogan span {
    padding: 0px 10px;

    font-size: 40px;
    color: var(--branco);
    font-weight: 600;

    background-color: var(--gold);

    @media (max-width:1000px) {
        font-size: 32px;
    }
}

.miningTxt {
    padding: 40px;
    line-height: 30px;

    @media (max-width:1000px) {
        padding: 30px 20px;
    }
}

.linha {
    display: none;

    @media (max-width:1000px) {
        display: block;
        width: 50%;
        height: 2px;
        background-color: var(--gold);
    }
}

.miningTxt span {
    font-size: 50px;
    padding: 10px;
    color: var(--gold);
    font-weight: 800;
}

/* Agronegócio */

.agro {
    width: 100vw;
    height: 100%;
    min-height: 100%;


    background-image: url(/IMG/cases/agro_1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

    @media (max-width:1000px) {
        height: auto;
        background-image: none;
        background-color: var(--cinzaClaro);
    }
}

.bg3 {
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to left, rgba(189, 131, 59, 1), rgba(189, 131, 59, 0.5));

    padding: 0px 0px;

    @media (max-width:1000px) {
        background-image: none;
        padding: 5px 0px;
    }
}

.agroContent {
    padding-top: 5rem;
    width: 75vw;
    margin: auto;

    @media (max-width:1000px) {
        padding-top: 3rem;
        width: 99vw;
    }
}

.agroSlogan {
    font-size: 40px;
    padding: 30px;
    line-height: 50px;
    color: var(--branco);

    @media (max-width:1000px) {
        color: var(--verde);
        font-size: 32px;
        padding: 20px;
    }
}

.agroSlogan span {
    padding: 0px 10px;

    font-size: 40px;
    color: var(--branco);
    font-weight: 600;

    background-color: var(--verde);

    @media (max-width:1000px) {
        font-size: 32px;
    }
}

.agroTxt {
    padding: 40px;
    line-height: 50px;

    color: var(--branco);

    @media (max-width:1000px) {
        padding: 30px 20px;
        color: initial;
        line-height: 30px;
    }
}

/* Consultoria */
.consulting {
    width: 100vw;
    height: 100%;
    min-height: 100%;

    background-image: url(/IMG/cases/consulting_1.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;

    @media (max-width:1000px) {
        height: auto;

        padding-bottom: 40px;

        background-image: none;
        background-color: var(--cinzaClaro);
    }
}

.bg2 {
    width: 100%;
    height: 100%;

    background-image: linear-gradient(to right, rgb(2, 53, 51), rgba(3, 83, 81, 0.5));

    @media (max-width:1000px) {
        background-image: none;
        padding: 5px 0px;
    }
}

.consultingSlogan {
    padding-bottom: 50px;
}

.consultingSlogan span {
    padding: 0px 10px;

    font-size: 40px;
    color: var(--branco);
    font-weight: 600;

    background-color: var(--gold);

    @media (max-width:1000px) {
        font-size: 32px;
    }
}

.cosultingTxt {
    padding: 40px;

    color: var(--branco);
    line-height: 30px;

    @media (max-width:1000px) {
        padding: 30px 20px;
        color: initial;
    }
}

.linha2 {
    display: none;

    @media (max-width:1000px) {
        display: block;
        width: 50%;
        height: 2px;
        background-color: var(--gold);
    }
}

.cosultingTxt span {
    font-size: 40px;
    padding: 10px;
    color: var(--gold);
    font-weight: 800;
}