@font-face {
    font-family: "MavenPro";
    src: url('../Fonts/MavenPro-Regular.ttf');
}

@font-face {
    font-family: "MavenPro";
    font-weight: bold;
    src: url('../Fonts/MavenPro-Bold.ttf');
}

::-webkit-scrollbar {
    width: 4px;
    height: 4px
}

::-webkit-scrollbar-track {
    border-radius: 2px;
    background: rgba(225, 225, 225, 0.5);
}

::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: rgb(200, 200, 200);
}

    ::-webkit-scrollbar-thumb:hover {
        background: rgb(200, 200, 200);
    }

* {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

html {
    min-height: 100%;
    color: white;
    font-size: 20px;
    font-family: MavenPro;
    scroll-behavior: smooth;
}

a {
    color: inherit;
    text-decoration: none;
}

@media (max-width: 1440px) {
    html {
        font-size: 18px;
    }
}

@media (max-width: 1200px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 860px) {
    html {
        font-size: 14px;
    }
}

body {
    margin: 0;
    min-height: 100%;
    position: relative;
    background-color: rgb(42 42 42);
}

header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 10vw;
    max-width: 1500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-flow: row wrap;
    padding: 1em;
}

    header > .header-contact {
        flex: 1 1 100%;
        font-size: 0.9em;
        margin-bottom: 2em;
        display: flex;
        align-items: center;
        gap: 2em;
    }

    header > .logo {
        flex: 2 1 auto;
    }

        header > .logo > img {
            max-width: 12.5vw;
        }

    header > a {
        flex: 1 1 auto;
        font-size: 1rem;
        font-weight: bold;
        cursor: pointer;
        outline: 0;
    }

        header > a:hover,
        header > a.selected {
            color: #ffcd00;
        }

@media (max-width: 860px) {
    header > a {
        font-size: 0.8rem;
    }
}

footer {
    background-color: rgb(42 42 42);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-evenly;
    padding: 5em;
}

    footer > .contact {
        display: flex;
        align-items: center;
        flex-flow: wrap;
        margin-left: 1em;
        text-align: center;
    }

        footer > .contact > .nowrap {
            flex: 1 1 auto;
        }

        footer > .contact > .media-links {
            flex: 1 1 100%;
            text-align: center;
            margin-top: 1em;
        }

            footer > .contact > .media-links > .link-icon {
                position: relative;
                display: inline-block;
                padding: 1em;
                cursor: pointer;
                color: inherit;
                font-size: 1.2em;
            }

                footer > .contact > .media-links > .link-icon:before {
                    content: "\200b";
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                    background-color: black;
                    border-radius: 50%;
                    width: 2em;
                    height: 2em;
                }

                footer > .contact > .media-links > .link-icon > * {
                    position: relative;
                }

.home {
    background-color: #092e21;
    /*background-image: url('../Images/Home 1.png'), url('../Images/Home 2.png'), linear-gradient(to bottom, #03472f, #092e21);*/
    background-image: url('../Images/Home 1.png'), url('../Images/Home 2.png'), url('../Images/Home 3.png'), linear-gradient(to bottom, #03472f, #000A00 45vw, #092e21 55vw, #092e21 112.8vw, rgb(8 42 30) 113vw, rgb(3 92 52) 95%, rgb(21 72 39));
    background-position: center top, 0 45vw, left 0 bottom 12vw;
    background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: contain, contain, contain;
    padding-top: 18vw;
}

    .home > .logo {
        margin: 0 auto;
        display: block;
        width: 40vw;
    }

    .home > .pre-about {
        position: relative;
        margin: 0 auto;
        text-align: left;
        line-height: 1.1em;
        margin-left: 22vw;
        margin-top: 4vw;
        font-size: 5vw;
        font-weight: bold;
    }

        .home > .pre-about:after {
            content: '';
            border-left: 2px solid white;
            margin-left: 12.5vw;
            margin-top: 0.3em;
            min-height: 5vw;
            display: block;
        }

    .home > .text-about {
        min-height: 50vw;
        max-height: 50vw;
        background-image: url('../Images/Home-1.png');
        background-position: 0vw -2vw;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 55vw;
        padding-right: 21vw;
        font-size: 1.1rem;
    }

        .home > .text-about > .caption {
            font-size: 4vw;
            font-weight: bold;
        }

        .home > .text-about > .media-scroll {
            overflow-y: auto;
        }

    .home > .values {
        background-color: rgb(3 65 44);
        margin: 3vw auto;
        max-width: 55vw;
        /*height: 25vw;*/
        border-radius: 0.2em 5em;
        box-shadow: 0 5em 5em rgb(0 0 0 / 0.25);
        display: flex;
        flex-direction: row;
    }

        .home > .values > * {
            flex: 1 0 33.33%;
            font-size: 0.9rem;
            padding: 3vw;
            display: flex;
            flex-direction: column;
        }

        .home > .values .media-scroll {
            margin: 1em 0;
            overflow-y: auto;
        }

    .home > .icons {
        margin: 5vw auto;
        margin-top: 15vw;
        max-width: 55vw;
        display: flex;
        flex-direction: row;
        transition: all 0.2s;
    }

        .home > .icons > .icon {
            flex: 1 1 33.33%;
            text-align: center;
            font-size: 1.45vw;
            font-weight: bold;
            padding: 0 1em;
        }

            .home > .icons > .icon > img {
                max-height: 10vw;
                margin: 0 auto;
                margin-bottom: 1em;
            }

    .home > .text-1 {
        max-width: 55vw;
        margin: 0 auto;
        margin-top: 7vw;
        font-size: 2.5vw;
        font-weight: bold;
        text-align: center;
    }

        .home > .text-1 > .claro {
            color: rgb(0 233 176);
        }

    .home > .text-connect {
        min-height: 70vw;
        background-image: url(../Images/Modelo-1.png);
        background-position: 57vw 0;
        background-repeat: no-repeat;
        background-size: contain;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-left: 21vw;
        padding-right: 45vw;
        font-size: 1.2rem;
        transition: all 0.2s;
    }

        .home > .text-connect > .logo {
            max-width: 30vw;
            margin: 0 auto;
        }

        .home > .text-connect > .buttons {
            text-align: center;
            margin: 1em;
            margin-bottom: 4vw;
        }

@media (max-width: 1200px) {
    .home > .text-about {
        padding-right: 10vw;
    }

    .home > .icons {
        margin: 0vw auto;
        margin-top: 8vw;
        max-width: 75vw;
    }

        /*.home > .icons > .icon {
            font-size: 1.2vw;
        }*/

    .home > .values {
        max-width: 95vw;
    }

        .home > .values .text-large {
            font-size: 1.5rem;
        }

    .home > .text-connect {
        font-size: 14px;
    }
}

.contato {
    background-color: #092e21;
    background-image: url('../Images/Contato 1.png'), linear-gradient(to bottom, #03472f, #092e21);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 32.5vw;
}

    .contato > .text-contatos {
        font-size: 6vw;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
    }

        .contato > .text-contatos:after {
            content: '';
            display: block;
            background-color: #ffcd00;
            border-radius: 5px;
            height: 0.5vw;
            width: 15rem;
            margin: 0 auto;
            margin-top: 0.5rem;
        }

    .contato > .form {
        display: flex;
        flex-direction: row;
        flex-flow: wrap;
        max-width: 60vw;
        margin: 0 auto;
        margin-top: 30vw;
    }

        .contato > .form > .form-label {
            color: #ffcd00;
            font-size: 5vw;
            font-weight: bold;
            line-height: 1em;
            padding: 0 0.5em;
            flex: 1 1 50%;
        }

        .contato > .form > .inputs {
            flex: 1 1 50%;
        }

        .contato > .form .form-input {
            border: 1px solid rgb(35 163 90);
            border-radius: 10px;
            background-color: transparent;
            font-family: inherit;
            font-size: inherit;
            padding: 1rem;
            margin: 0;
            outline: 0;
            display: block;
            width: 100%;
            max-width: 100%;
            color: white;
        }

            .contato > .form label:not(:first-child) {
                margin-top: 1rem;
            }

        .contato > .form textarea.form-input {
            height: 15vw;
        }

        .contato > .form > .buttons {
            width: 100%;
            margin-top: 2em;
        }

    .contato > .label-local {
        max-width: 60vw;
        margin: 0 auto;
        margin-top: 10vw;
        margin-bottom: 4vw;
        color: #ffcd00;
        font-size: 5vw;
        font-weight: bold;
    }

    .contato > .mapa {
        display: block;
        width: 100%;
        height: 30vw;
    }

.parceiros {
    background-color: #092e21;
    background-image: url('../Images/Parceiro 1.png'), url('../Images/Parceiro 3.png'), linear-gradient(to bottom, #03472f, #092e21);
    background-position: center top, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: contain, contain;
    padding-top: 28vw;
    padding-bottom: 10vw;
}

    .parceiros > .text-partner {
        font-size: 4vw;
        font-weight: bold;
        text-align: center;
        max-width: 38vw;
        margin: 0 auto;
    }

        .parceiros > .text-partner .claro {
            color: rgb(0 241 182);
        }

        .parceiros > .text-partner > .pos-cyan:after {
            margin: 1.5vw auto;
            max-width: 15vw;
        }

        .parceiros > .text-partner > .logo {
            max-width: 12vw;
            margin: 0 auto;
        }

    .parceiros > .text-revolucionar {
        background-image: url('../Images/Parceiro 2.png');
        background-position: right 2vw bottom 0;
        background-repeat: no-repeat;
        background-size: contain;
        min-height: 45vw;
        margin-top: 7vw;
        font-size: 2vw;
        padding-left: 22vw;
        padding-right: 50vw;
        padding-top: 15vw;
    }

        .parceiros > .text-revolucionar > .title {
            font-size: 3.5vw;
            font-weight: bold;
            color: rgb(0 241 182);
        }

    .parceiros > .button-crescer {
        text-align: center;
        margin: 5em;
    }

        .parceiros > .button-crescer > .button {
            border-radius: 1rem;
        }

    .parceiros > .text-1 {
        font-size: 1.5rem;
        text-align: center;
        padding: 0px 23.5vw;
    }

        .parceiros > .text-1 > .logo {
            max-width: 12vw;
            margin: 0 auto;
            transition: all 0.2s ease;
        }

    .parceiros > .text-2 {
        font-size: 1.5rem;
        text-align: center;
        padding: 0px 23.5vw;
        margin-top: 7vw;
    }

        .parceiros > .text-2 > .logo {
            max-width: 10vw;
            margin: 0 auto;
            transition: all 0.2s ease;
        }

        .parceiros > .text-2 .amarelo {
            display: block;
            color: rgb(242 197 21);
            font-size: 2rem;
            font-weight: bold;
        }

    .parceiros > .concessoes {
        font-size: 1.5rem;
        text-align: center;
        padding: 0px 23.5vw;
        transition: all 0.2s ease;
    }

        .parceiros > .concessoes > .lista {
            display: flex;
            align-items: stretch;
            justify-content: space-between;
            margin-top: 5vw;
        }

            .parceiros > .concessoes > .lista > .item {
                flex: 0 0 30%;
                background-color: white;
                border-radius: 0 1.5vw 0 1.5vw;
                overflow: hidden;
            }

                .parceiros > .concessoes > .lista > .item > .title {
                    color: rgb(0 69 41);
                    background-color: rgb(230 190 25);
                    font-weight: bold;
                    font-size: 2vw;
                    padding: 1vw;
                    height: 10vw;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                }

                .parceiros > .concessoes > .lista > .item > .text {
                    color: black;
                    font-size: 1rem;
                    padding: 1vw;
                }

    .parceiros > .time {
        margin: 0 auto;
        margin-top: 5vw;
        display: flex;
        max-width: 45vw;
    }

        .parceiros > .time > .text {
            flex: 0 0 45%;
            font-size: 1.4vw;
            padding-right: 2vw;
            padding-top: 5vw;
        }

            .parceiros > .time > .text > .title {
                color: rgb(0 241 182);
                font-weight: bold;
                font-size: 2.5vw;
            }

        .parceiros > .time > .form {
            flex: 0 0 55%;
        }

            .parceiros > .time > .form input,
            .parceiros > .time > .form textarea {
                border: 1px solid rgb(35 163 90);
                border-radius: 10px;
                background-color: transparent;
                font-family: inherit;
                font-size: inherit;
                padding: 1rem;
                margin: 0;
                outline: 0;
                display: block;
                width: 100%;
                max-width: 100%;
                color: white;
            }
    
                .parceiros > .time > .form > label:not(:first-child) {
                    margin-top: 1rem;
                }

            .parceiros > .time > .form textarea {
                height: 12vw;
            }

            .parceiros > .time > .form label {
                display: block;
                font-weight: bold;
                cursor: pointer;
            }

            .parceiros > .time > .form input[type=radio] {
                appearance: none;
                display: inline-block;
                background-color: white;
                border: 1px solid rgb(35 163 90);
                border-radius: 10px;
                height: 2.5em;
                width: 2.5em;
                vertical-align: middle;
                position: relative;
                margin-right: 0.5em;
            }

                .parceiros > .time > .form input[type=radio]:checked:before {
                    content: '✓';
                    font-size: 4em;
                    position: absolute;
                    bottom: -0.25em;
                    left: 0;
                    color: red;
                }

            .parceiros > .time > .form > button {
                margin-top: 2vw;
            }

@media (max-width: 1200px) {
    .parceiros > .text-revolucionar {
        padding-left: 10vw;
        padding-right: 50vw;
        padding-top: 5vw;
    }

    .parceiros > .text-1 {        
        padding: 0 12vw;
    }

    .parceiros > .text-1 > .logo {
        max-width: 25vw;
    }

    .parceiros > .text-2 {
        padding: 0 12vw;
    }

    .parceiros > .text-2 > .logo {
        max-width: 25vw;
    }

    .parceiros > .concessoes {
        padding: 0 5vw;
    }
}

.minhasafra {
    background-color: #092e21;
    background-image: url('../Images/MinhaSafra 1.png'), linear-gradient(to bottom, #03472f 125vw, rgb(182 105 48) 225vw);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 10vw;
}

    .minhasafra > .palma-cel {
        background-image: url('../Images/MinhaSafra 2.png'), url('../Images/MinhaSafra 3r.png');
        background-position: 51vw 0vw, 8vw 29.5vw;
        background-repeat: no-repeat, no-repeat;
        background-size: 47vw, 58vw;
        min-height: 80vw;
        position: relative;
    }

        .minhasafra > .palma-cel > .palma-grao {            
            /*background-image: url('../Images/MinhaSafra-Efeito2.png');
            background-position: bottom center;
            background-repeat: no-repeat;
            background-size: contain;*/
            position: absolute;
            top: 9.5vw;
            min-height: 66vw;
            min-width: 58vw;
            left: 8vw;
        }

            .minhasafra > .palma-cel > .palma-grao > .logo {
                margin-left: 12vw;
                max-height: 14vw;
            }

            .minhasafra > .palma-cel > .palma-grao > .text-gestao {
                font-size: 3.5vw;
                font-weight: bold;
                color: white;
                width: 25vw;
                margin-top: 1.5vw;
                margin-left: 12vw;
                line-height: 1em;
            }

    .minhasafra > .video {
        position: relative;
        text-align: center;
    }

        /*.minhasafra > .video:after {
            content: '';
            display: block;
            width: 50vw;
            margin: 0 auto;
            height: 1px;
            background-color: transparent;
            border-radius: 50%;
            box-shadow: 0 5vw 3vw 1vw black;
        }*/

        .minhasafra > .video > .capa {
            background-image: url(../Images/MinhaSafra-Capa.png);
            background-size: contain;
            background-repeat: no-repeat;
            width: 65vw;
            height: 40vw;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translate(-50%, 0);
            user-select: none;
            pointer-events: none;
        }

        .minhasafra > .video > .youtube {
            width: 60vw;
            height: 29vw;
            margin-top: 2vw;
            margin-left: 1vw;
            border-radius: 2.5em;
        }

.minhasafra > .sobre {
    background-image: url(../Images/MinhaSafra-Tablet.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    margin: 0 auto;
    margin-top: 12vw;
    max-width: 78vw;
    /* min-height: 30vw; */
    font-size: 1.2vw;
    padding: 0 39vw 0 15vw;
    transition: all 0.2s ease;
}

    .minhasafra > .sobre > .text-sistema {
        font-size: 2vw;
        font-weight: bold;
    }

    .minhasafra > .sobre > p {
        margin: 1.5em 0;
        line-height: 1.3em;
    }

.minhasafra > .icons {
    margin: 5vw auto;
    margin-top: 5vw;
    max-width: 65vw;
    display: flex;
    flex-direction: row;
}

    .minhasafra > .icons > .icon {
        flex: 1 1 25%;
        text-align: center;
        font-size: 1.45vw;
        font-weight: bold;
        padding: 0 1em;
    }

        .minhasafra > .icons > .icon > img {
            max-height: 10vw;
            margin-bottom: 1em;
        }

.minhasafra > .cadastrar {
    text-align: center;
}

.minhasafra > .telas {
    margin: 0 auto;
    margin-top: 8vw;
    text-align: center;
    /*border: 1px solid #CCC;*/
    position: relative;
    width: 25vw;
    height: 40vw;
    perspective: 1000px;
}

    .minhasafra > .telas > .carousel {
        width: 100%;
        height: 100%;
        position: absolute;
        transform: translateZ(-288px);
        transform-style: preserve-3d;
        transition: transform 1s;
    }

        .minhasafra > .telas > .carousel > .carousel-cell {
            position: absolute;
            width: 25vw;
            height: 40vw;
            text-align: center;
            transition: transform 1s, opacity 1s;
            /*padding: 2vw;*/
            backface-visibility: hidden;
        }

            .minhasafra > .telas > .carousel > .carousel-cell > img {
                max-height: 100%;
            }

                .minhasafra > .telas > .carousel > .carousel-cell > img:after {
                    content: '';
                    display: block;
                    box-shadow: 0 1px 10px black;
                }

    .minhasafra > .telas > .carousel-next {
        position: absolute;
        top: 50%;        
        right: -25vw;
        transform: translateY(-50%);
        appearance: none;
        border: 0;
        background-color: transparent;
        cursor: pointer;
        width: 5vw;
    }

    .minhasafra > .telas > .carousel-prev {
        position: absolute;
        top: 50%;
        left: -25vw;
        transform: translateY(-50%);
        appearance: none;
        border: 0;
        background-color: transparent;
        cursor: pointer;
        width: 5vw;
    }

.minhasafra > .beneficios-cerealista {
    background-image: url(../Images/MinhaSafra-Cerealista2.png);
    background-position: right -4vw;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 37vw;
    max-width: 80vw;
    margin: 0 auto;
    margin-top: 7vw;
    padding-left: 10vw;
    padding-right: 30vw;
}

    .minhasafra > .beneficios-cerealista > .title {
        font-size: 3vw;
        font-weight: bold;
        line-height: 1.1em;
        padding-right: 12vw;
    }

.minhasafra > .beneficios-produtor {
    background-image: url(../Images/MinhaSafra-Agricultor2.png);
    background-position: right top;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 33vw;
    max-width: 80vw;
    margin: 0 auto;
    margin-top: 7vw;
    padding-left: 10vw;
    padding-right: 30vw;
}

    .minhasafra > .beneficios-produtor > .title {
        font-size: 3vw;
        font-weight: bold;
        line-height: 1.1em;
        padding-right: 12vw;
    }

    .minhasafra > .beneficios-cerealista > .lista,
    .minhasafra > .beneficios-produtor > .lista {
        list-style: none;
        padding: 0;
        margin: 0;
        margin-top: 2vw;
        font-size: 1.2vw;
        font-weight: bold;
    }

        .minhasafra > .beneficios-cerealista > .lista > li,
        .minhasafra > .beneficios-produtor > .lista > li {
            position: relative;
            padding-left: 3vw;
            margin-bottom: 1.5vw;
        }

            .minhasafra > .beneficios-cerealista > .lista > li:before,
            .minhasafra > .beneficios-produtor > .lista > li:before {
                content: '';
                display: inline-block;
                background-image: url('../Images/Check.png');
                background-size: contain;
                background-repeat: no-repeat;
                width: 1.8vw;
                height: 1.8vw;
                position: absolute;
                top: 0;
                left: 0;
            }

.minhasafra > .text-future {
    margin-top: 10vw;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    padding: 0 20vw;
}

    .minhasafra > .text-future > .logo {
        display: block;
        margin: 0 auto;
        margin-bottom: 2vw;
        max-width: 20vw;
    }

    .minhasafra > .text-future > .claro {
        color: rgb(0 243 184);
    }

.minhasafra > .atendimento {
    background-color: rgb(255 179 0);
    background-image: url('../Images/MinhaSafra-Grãos.png'), url('../Images/MinhaSafra 4.png');
    background-size: contain, contain;
    background-repeat: no-repeat, no-repeat;
    background-position: center bottom -16vw, center top;
    position: relative;
    min-height: 67.5vw;
}

    .minhasafra > .atendimento > .topo {
        position: absolute;
        top: -2px;
        left: 0;
        right: 0;
    }

    .minhasafra > .atendimento > .form {
        background-image: url(../Images/MinhaSafra-Modelo.png);
        background-repeat: no-repeat;
        background-size: 40vw;
        background-position: left 9vw bottom 0vw;
        position: relative;
        padding-right: 19vw;
        padding-left: 51vw;
        padding-bottom: 4vw;
        min-height: 67.6vw;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }

        .minhasafra > .atendimento > .form > .title {
            font-size: 2.8vw;
            font-weight: bold;
            text-align: center;
            margin-bottom: 2vw;
            color: rgb(255 179 0);
        }

        .minhasafra > .atendimento > .form input,
        .minhasafra > .atendimento > .form textarea {
            border: 1px solid rgb(35 163 90);
            border-radius: 10px;
            background-color: transparent;
            font-family: inherit;
            font-size: inherit;
            padding: 1rem;
            margin: 0;
            outline: 0;
            display: block;
            width: 100%;
            max-width: 100%;
            color: white;
        }

            .minhasafra > .atendimento > .form > label:not(:first-child) {
                margin-top: 1rem;
            }

        .minhasafra > .atendimento > .form textarea {
            height: 12vw;
        }

        .minhasafra > .atendimento > .form > .buttons {
            margin-top: 2vw;
        }

    .minhasafra > .atendimento > .falar {
        font-size: 2.5vw;
        font-weight: normal;
        max-width: 36vw;
        margin-left: 20vw;
        margin-top: 6vw;
        padding-bottom: 4vw;
    }

        .minhasafra > .atendimento > .falar > .whatsapp {
            position: relative;
            margin-left: 1em;
        }

            .minhasafra > .atendimento > .falar > .whatsapp:before {
                content: '\200b';
                position: absolute;
                top: 50%;
                left: 50%;
                width: 1.5em;
                height: 1.5em;
                background-color: rgb(0 168 132);
                border-radius: 50%;
                transform: translate(-50%, -50%);
            }

            .minhasafra > .atendimento > .falar > .whatsapp > svg {
                position: relative;
            }

@media (max-width: 1200px) {
    .minhasafra > .video > img {
        max-width: 75vw;
    }

    .minhasafra > .sobre {
        max-width: 80vw;
        padding: 0;
        text-shadow: 0 0 3px black;
    }

    .minhasafra > .beneficios-produtor,
    .minhasafra > .beneficios-cerealista {
        max-width: 95vw;
        padding-left: 5vw;
        padding-right: 40vw;
    }
}

.manutencao {
    background-color: #092e21;
    background-image: url('../Images/Home 1.png'), linear-gradient(to bottom, #03472f, #092e21 55vw, #092e21 112.8vw, rgb(8 42 30) 113vw, rgb(3 92 52) 95%, rgb(21 72 39));
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 18vw;
}

    .manutencao > .logo {
        margin: 0 auto;
        display: block;
        width: 40vw;
    }

    .manutencao > .text-manutencao {
        font-size: 2.8rem;
        font-weight: bold;
        text-align: center;
        min-height: 35vw;
        margin-top: 9vw;
    }

.button-cyan {
    outline: 0;
    border: 0;
    border-radius: 5em;
    background-color: rgb(0 241 182);
    padding: 0.5em 1em;
    color: rgb(6 73 40);
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
}

.button {
    outline: 0;
    border: 0;
    border-radius: 5em;
    background-color: #ffcd00;
    padding: 0.5em 1em;
    color: rgb(6 73 40);
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: bold;
    white-space: nowrap;
    cursor: pointer;
}

.pre-yellow:before {
    content: '';
    display: block;
    background-color: #ffcd00;
    border-radius: 0.05em;
    height: 0.15em;
    max-width: 12vw;
    margin-bottom: 0.2em;
}

.pre-cyan:before {
    content: '';
    display: block;
    background-color: rgb(0 241 182);
    border-radius: 0.1em;
    height: 0.25em;
    max-width: 7vw;
    margin-bottom: 1vw;
}

.pos-cyan:after {
    content: '';
    display: block;
    background-color: rgb(0 241 182);
    border-radius: 0.05em;
    height: 0.15em;
    max-width: 7vw;
    margin-top: 0.5em;
    margin-left: 0.2em;
}

.text-large {
    font-size: 2rem;
    font-weight: bold;
    transition: all 0.2s;
}

.margin-h {
    margin: 0 0.5em;
}

.margin-left {
    margin-left: 1em;
}

.margin-left-2 {
    margin-left: 2em;
}

.nowrap {
    white-space: nowrap;
}

label {
    position: relative;
    display: block;
    width: 100%;
}

.validation {
    position: absolute;
    max-width: 100%;
    color: red;
    font-size: 0.8em;
    padding: 0 1.25em;
}