/* =========================================================
   MACTERA PERFORMANCE AGRÍCOLA
   TRABALHE CONOSCO
   CSS EXCLUSIVO DA PÁGINA
   ========================================================= */


/* =========================================================
   VARIÁVEIS
   ========================================================= */

:root {

    --mactera-green: #587d20;
    --mactera-green-dark: #456618;
    --mactera-green-light: #e9efdf;

    --mactera-dark: #18221a;
    --mactera-text: #3f493f;
    --mactera-text-light: #6d756b;

    --mactera-offwhite: #f7f7f3;
    --mactera-white: #ffffff;

    --mactera-border: #e0e4dc;
    --mactera-border-dark: #d1d8ca;

    --mactera-error: #c84a4a;

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;

    --transition: 0.3s ease;

}


/* =========================================================
   BASE
   ========================================================= */

.career-page {

    margin: 0;

    padding: 0;

    min-height: 100vh;

    color: var(--mactera-text);

    background: var(--mactera-offwhite);

}


.career-page *,
.career-page *::before,
.career-page *::after {

    box-sizing: border-box;

}


.career-page img {

    display: block;

    max-width: 100%;

}


.career-page a {

    text-decoration: none;

}


.career-page button,
.career-page input,
.career-page select,
.career-page textarea {

    font-family: inherit;

}


/* =========================================================
   CONTAINER
   ========================================================= */

.careers-container {

    width: min(
        calc(100% - 64px),
        1160px
    );

    margin: 0 auto;

}


/* =========================================================
   HEADER
   ========================================================= */

.career-page .header {

    position: fixed;

    top: 0;

    left: 0;

    right: 0;

    z-index: 1000;

    height: 92px;

    background:
        rgba(255, 255, 255, 0.94);

    border-bottom:
        1px solid
        rgba(220, 225, 216, 0.75);

    backdrop-filter:
        blur(14px);

    -webkit-backdrop-filter:
        blur(14px);

}


.career-page .header .container {

    width:
        min(
            calc(100% - 64px),
            1260px
        );

    height: 100%;

    margin: 0 auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

}


.career-page .logo {

    display: inline-flex;

    align-items: center;

    flex-shrink: 0;

}


.career-page .logo img {

    width: auto;

    height: 45px;

    object-fit: contain;

}


/* =========================================================
   NAVEGAÇÃO
   ========================================================= */

.career-page .nav {

    display: flex;

    align-items: center;

    gap: 29px;

}


.career-page .nav a {

    position: relative;

    color: var(--mactera-dark);

    font-size: 0.78rem;

    font-weight: 500;

    white-space: nowrap;

    transition:
        color var(--transition);

}


.career-page .nav a:hover {

    color: var(--mactera-green);

}


.career-page .nav a::after {

    content: "";

    position: absolute;

    left: 0;

    right: 0;

    bottom: -7px;

    height: 1px;

    background:
        var(--mactera-green);

    transform:
        scaleX(0);

    transform-origin:
        center;

    transition:
        transform var(--transition);

}


.career-page .nav a:hover::after {

    transform:
        scaleX(1);

}


/* =========================================================
   BOTÃO DO HEADER
   ========================================================= */

.career-page .nav .nav-cta {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-height: 43px;

    padding:
        0 24px;

    color:
        var(--mactera-white);

    background:
        var(--mactera-green);

    border-radius:
        999px;

    font-weight:
        600;

}


.career-page .nav .nav-cta::after {

    display:
        none;

}


.career-page .nav .nav-cta:hover {

    color:
        var(--mactera-white);

    background:
        var(--mactera-green-dark);

}


/* =========================================================
   MENU MOBILE
   ========================================================= */

.career-page .menu-toggle {

    display: none;

    width: 42px;

    height: 42px;

    padding: 8px;

    border: 0;

    background: transparent;

    cursor: pointer;

}


.career-page .menu-toggle span {

    display: block;

    width: 24px;

    height: 1.5px;

    margin: 5px auto;

    background:
        var(--mactera-dark);

    transition:
        transform var(--transition),
        opacity var(--transition);

}


.career-page .menu-toggle.active span:nth-child(1) {

    transform:
        translateY(6.5px)
        rotate(45deg);

}


.career-page .menu-toggle.active span:nth-child(2) {

    opacity: 0;

}


.career-page .menu-toggle.active span:nth-child(3) {

    transform:
        translateY(-6.5px)
        rotate(-45deg);

}


/* =========================================================
   HERO
   ========================================================= */

.careers-hero {

    position: relative;

    min-height: 760px;

    padding-top: 92px;

    overflow: hidden;

    background:
        var(--mactera-offwhite);

}


.careers-hero-container {

    width: 100%;

    min-height:
        calc(760px - 92px);

    display: grid;

    grid-template-columns:
        43%
        57%;

}


/* =========================================================
   HERO — TEXTO
   ========================================================= */

.careers-hero-content {

    position: relative;

    z-index: 3;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        70px
        50px
        70px
        max(32px, calc((100vw - 1160px) / 2));

    background:
        var(--mactera-offwhite);

}


.careers-eyebrow {

    display: inline-flex;

    align-items: center;

    gap: 10px;

    width: fit-content;

    margin-bottom: 20px;

    color:
        var(--mactera-green);

    font-size:
        0.68rem;

    font-weight:
        700;

    letter-spacing:
        2.2px;

    text-transform:
        uppercase;

}


.careers-eyebrow::before {

    content: "";

    width: 25px;

    height: 1px;

    background:
        var(--mactera-green);

}


.careers-hero h1 {

    max-width: 500px;

    margin: 0 0 22px;

    color:
        var(--mactera-dark);

    font-size:
        clamp(
            3rem,
            4.5vw,
            4.6rem
        );

    line-height:
        1.02;

    font-weight:
        600;

    letter-spacing:
        -2.5px;

}


.careers-hero h1 span {

    display: block;

    color:
        var(--mactera-green);

}


.careers-hero p {

    max-width: 500px;

    margin: 0;

    color:
        var(--mactera-text-light);

    font-size:
        0.94rem;

    line-height:
        1.9;

}


/* =========================================================
   BOTÃO HERO
   ========================================================= */

.careers-hero-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    width: fit-content;

    margin-top: 34px;

    padding:
        14px
        22px;

    color:
        var(--mactera-white);

    background:
        var(--mactera-green);

    border-radius:
        999px;

    font-size:
        0.78rem;

    font-weight:
        650;

    transition:
        background var(--transition),
        transform var(--transition),
        box-shadow var(--transition);

}


.careers-hero-button:hover {

    color:
        var(--mactera-white);

    background:
        var(--mactera-green-dark);

    transform:
        translateY(-2px);

    box-shadow:
        0 10px 25px
        rgba(69, 102, 24, 0.18);

}


.careers-hero-button span {

    font-size:
        1rem;

    line-height:
        1;

    transition:
        transform var(--transition);

}


.careers-hero-button:hover span {

    transform:
        translateX(4px);

}


/* =========================================================
   HERO — IMAGEM
   ========================================================= */

.careers-hero-image {

    position: relative;

    height: 100%;

    min-height:
        calc(760px - 92px);

    overflow: hidden;

}


.careers-hero-image::after {

    content: "";

    position: absolute;

    inset: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(247,247,243,0.14) 0%,
            rgba(247,247,243,0) 22%
        );

}


.careers-hero-image img {

    width: 100%;

    height: 100%;

    object-fit: cover;

    object-position:
        center center;

}


/* =========================================================
   BANCO DE TALENTOS / FORMULÁRIO
   ========================================================= */

.career-application {

    position: relative;

    padding:
        100px 0 110px;

    background:
        var(--mactera-white);

}


.application-grid {

    display: grid;

    grid-template-columns:
        minmax(0, 0.75fr)
        minmax(0, 1.25fr);

    gap: 80px;

    align-items: start;

}


/* =========================================================
   TEXTO DO BANCO DE TALENTOS
   ========================================================= */

.application-info {

    padding-top:
        14px;

}


.application-info-label {

    display: block;

    margin-bottom: 14px;

    color:
        var(--mactera-green);

    font-size:
        0.67rem;

    font-weight:
        700;

    letter-spacing:
        2px;

    text-transform:
        uppercase;

}


.application-info h2 {

    max-width: 440px;

    margin: 0 0 20px;

    color:
        var(--mactera-dark);

    font-size:
        clamp(
            2rem,
            3.5vw,
            2.8rem
        );

    line-height:
        1.13;

    font-weight:
        600;

    letter-spacing:
        -1px;

}


.application-info > p {

    max-width: 480px;

    margin: 0 0 14px;

    color:
        var(--mactera-text-light);

    font-size:
        0.86rem;

    line-height:
        1.85;

}


.application-note {

    max-width: 470px;

    margin-top:
        26px;

    padding:
        15px 17px;

    color:
        var(--mactera-text);

    background:
        var(--mactera-offwhite);

    border-left:
        2px solid
        var(--mactera-green);

    border-radius:
        0 8px 8px 0;

    font-size:
        0.71rem;

    line-height:
        1.7;

}


.application-note strong {

    color:
        var(--mactera-dark);

    font-weight:
        650;

}


/* =========================================================
   CARD DO FORMULÁRIO
   ========================================================= */

.application-form-card {

    padding:
        32px;

    background:
        var(--mactera-offwhite);

    border:
        1px solid
        var(--mactera-border);

    border-radius:
        var(--radius-lg);

}


.application-form {

    display:
        flex;

    flex-direction:
        column;

    gap:
        16px;

}


.application-form-row {

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        15px;

}


/* =========================================================
   CAMPOS
   ========================================================= */

.application-field {

    display:
        flex;

    flex-direction:
        column;

    gap:
        6px;

}


.application-field label {

    color:
        var(--mactera-dark);

    font-size:
        0.70rem;

    font-weight:
        600;

}


.application-field label span {

    color:
        var(--mactera-green);

}


.application-field label small {

    color:
        var(--mactera-text-light);

    font-size:
        0.65rem;

    font-weight:
        400;

}


.application-field input,
.application-field select,
.application-field textarea {

    width:
        100%;

    min-height:
        48px;

    padding:
        12px 14px;

    color:
        var(--mactera-dark);

    background:
        var(--mactera-white);

    border:
        1px solid
        var(--mactera-border);

    border-radius:
        8px;

    outline:
        none;

    font-size:
        0.76rem;

    transition:
        border-color var(--transition),
        box-shadow var(--transition);

}


.application-field textarea {

    min-height:
        105px;

    resize:
        vertical;

    line-height:
        1.6;

}


.application-field input::placeholder,
.application-field textarea::placeholder {

    color:
        #9ca39a;

}


.application-field input:hover,
.application-field select:hover,
.application-field textarea:hover {

    border-color:
        var(--mactera-border-dark);

}


.application-field input:focus,
.application-field select:focus,
.application-field textarea:focus {

    border-color:
        var(--mactera-green);

    box-shadow:
        0 0 0 3px
        rgba(88, 125, 32, 0.09);

}


/* =========================================================
   CAMPO COM ERRO
   ========================================================= */

.application-field input.error,
.application-field select.error,
.application-field textarea.error {

    border-color:
        var(--mactera-error);

}


.application-consent input.error {

    outline:
        1px solid
        var(--mactera-error);

}


/* =========================================================
   UPLOAD DO CURRÍCULO
   ========================================================= */

.cv-upload {

    position:
        relative;

    width:
        100%;

    min-height:
        120px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    padding:
        20px;

    text-align:
        center;

    background:
        var(--mactera-white);

    border:
        1px dashed
        #c7cec1;

    border-radius:
        9px;

    cursor:
        pointer;

    transition:
        border-color var(--transition),
        background var(--transition);

}


.cv-upload:hover {

    border-color:
        var(--mactera-green);

    background:
        #fbfcf9;

}


.cv-upload.dragover {

    border-color:
        var(--mactera-green);

    background:
        var(--mactera-green-light);

}


.cv-upload input[type="file"] {

    position:
        absolute;

    inset:
        0;

    width:
        100%;

    height:
        100%;

    opacity:
        0;

    cursor:
        pointer;

}


.cv-upload-content {

    pointer-events:
        none;

}


.cv-upload-icon {

    width:
        32px;

    height:
        32px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    margin:
        0 auto 8px;

    color:
        var(--mactera-green-dark);

    background:
        var(--mactera-green-light);

    border-radius:
        50%;

}


.cv-upload-icon svg {

    width:
        16px;

    height:
        16px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.7;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


.cv-upload strong {

    display:
        block;

    margin-bottom:
        4px;

    color:
        var(--mactera-dark);

    font-size:
        0.74rem;

    font-weight:
        650;

}


.cv-upload span {

    display:
        block;

    color:
        var(--mactera-text-light);

    font-size:
        0.62rem;

    line-height:
        1.5;

}


.cv-file-name {

    display:
        none;

    max-width:
        100%;

    margin-top:
        7px;

    color:
        var(--mactera-green-dark);

    font-size:
        0.65rem;

    font-weight:
        600;

    overflow-wrap:
        anywhere;

}


.cv-file-name.active {

    display:
        block;

}


/* =========================================================
   CONSENTIMENTO
   ========================================================= */

.application-consent {

    display:
        flex;

    align-items:
        flex-start;

    gap:
        9px;

    margin-top:
        1px;

}


.application-consent input {

    width:
        15px;

    height:
        15px;

    flex:
        0 0 auto;

    margin:
        2px 0 0;

    accent-color:
        var(--mactera-green);

    cursor:
        pointer;

}


.application-consent label {

    color:
        var(--mactera-text-light);

    font-size:
        0.64rem;

    line-height:
        1.6;

    cursor:
        pointer;

}


/* =========================================================
   MENSAGEM
   ========================================================= */

.application-message {

    min-height:
        18px;

    margin:
        0;

    text-align:
        center;

    font-size:
        0.68rem;

    line-height:
        1.5;

}


.application-message.success {

    color:
        var(--mactera-green-dark);

}


.application-message.error {

    color:
        var(--mactera-error);

}


/* =========================================================
   BOTÃO ENVIAR
   ========================================================= */

.application-submit {

    width:
        100%;

    min-height:
        49px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        9px;

    margin-top:
        2px;

    padding:
        12px 22px;

    color:
        var(--mactera-white);

    background:
        var(--mactera-green);

    border:
        none;

    border-radius:
        999px;

    font-size:
        0.76rem;

    font-weight:
        650;

    cursor:
        pointer;

    transition:
        background var(--transition),
        transform var(--transition),
        box-shadow var(--transition);

}


.application-submit:hover {

    background:
        var(--mactera-green-dark);

    transform:
        translateY(-2px);

    box-shadow:
        0 9px 22px
        rgba(69, 102, 24, 0.18);

}


.application-submit:disabled {

    opacity:
        0.65;

    cursor:
        wait;

    transform:
        none;

    box-shadow:
        none;

}


.application-submit svg {

    width:
        16px;

    height:
        16px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        1.8;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

}


/* =========================================================
   SEÇÃO FINAL
   ========================================================= */

.careers-final {

    padding:
        70px 0;

    background:
        var(--mactera-dark);

}


.careers-final-content {

    max-width:
        700px;

    margin:
        0 auto;

    text-align:
        center;

}


.careers-final-content span {

    display:
        block;

    margin-bottom:
        10px;

    color:
        #aabd81;

    font-size:
        0.64rem;

    font-weight:
        700;

    letter-spacing:
        2px;

    text-transform:
        uppercase;

}


.careers-final-content h2 {

    margin:
        0 0 14px;

    color:
        var(--mactera-white);

    font-size:
        clamp(
            1.7rem,
            3.5vw,
            2.5rem
        );

    line-height:
        1.2;

    font-weight:
        600;

    letter-spacing:
        -0.8px;

}


.careers-final-content p {

    margin:
        0;

    color:
        rgba(255,255,255,0.62);

    font-size:
        0.78rem;

    line-height:
        1.7;

}


/* =========================================================
   FOOTER
   ========================================================= */

.career-page .footer {

    background:
        #111912;

    color:
        rgba(255,255,255,0.7);

}


.career-page .footer .container {

    width:
        min(
            calc(100% - 64px),
            1160px
        );

    margin:
        0 auto;

}


.career-page .footer-grid {

    display:
        grid;

    grid-template-columns:
        1.5fr
        0.8fr
        1.2fr;

    gap:
        70px;

    padding:
        60px 0 45px;

}


.career-page .footer-brand {

    max-width:
        330px;

}


.career-page .footer-logo {

    display:
        inline-flex;

    margin-bottom:
        17px;

}


.career-page .footer-logo img {

    width:
        auto;

    max-width:
        190px;

    max-height:
        58px;

    object-fit:
        contain;

}


.career-page .footer-brand p {

    margin:
        0;

    color:
        rgba(255,255,255,0.52);

    font-size:
        0.72rem;

    line-height:
        1.75;

}


.career-page .footer-column {

    display:
        flex;

    flex-direction:
        column;

    align-items:
        flex-start;

    gap:
        9px;

}


.career-page .footer-column h3 {

    margin:
        0 0 7px;

    color:
        var(--mactera-white);

    font-size:
        0.72rem;

    font-weight:
        650;

}


.career-page .footer-column a {

    color:
        rgba(255,255,255,0.56);

    font-size:
        0.70rem;

    line-height:
        1.6;

    transition:
        color var(--transition);

}


.career-page .footer-column a:hover {

    color:
        #aabd81;

}


.career-page .footer-column p {

    max-width:
        260px;

    margin:
        0;

    color:
        rgba(255,255,255,0.52);

    font-size:
        0.70rem;

    line-height:
        1.65;

}


.career-page .footer-bottom {

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        20px;

    padding:
        18px 0 22px;

    border-top:
        1px solid
        rgba(255,255,255,0.08);

}


.career-page .footer-bottom p {

    margin:
        0;

    color:
        rgba(255,255,255,0.38);

    font-size:
        0.61rem;

    line-height:
        1.5;

}


/* =========================================================
   ANIMAÇÕES DE ENTRADA
   ========================================================= */

.career-page [data-reveal] {

    opacity:
        0;

    transform:
        translateY(20px);

    transition:
        opacity 0.7s ease,
        transform 0.7s ease;

}


.career-page [data-reveal].revealed {

    opacity:
        1;

    transform:
        translateY(0);

}


/* =========================================================
   DESKTOP PEQUENO
   ========================================================= */

@media (max-width: 1150px) {

    .career-page .header .container {

        width:
            calc(100% - 42px);

    }


    .career-page .nav {

        gap:
            19px;

    }


    .career-page .nav a {

        font-size:
            0.73rem;

    }


    .careers-hero-content {

        padding-left:
            35px;

    }


    .application-grid {

        gap:
            50px;

    }

}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width: 950px) {

    .career-page .header {

        height:
            80px;

    }


    .career-page .header .container {

        width:
            calc(100% - 40px);

    }


    .career-page .logo img {

        height:
            40px;

    }


    .career-page .menu-toggle {

        display:
            block;

    }


    .career-page .nav {

        position:
            fixed;

        top:
            80px;

        left:
            0;

        right:
            0;

        display:
            flex;

        flex-direction:
            column;

        align-items:
            stretch;

        gap:
            0;

        padding:
            12px 20px 22px;

        background:
            rgba(255,255,255,0.98);

        border-bottom:
            1px solid
            var(--mactera-border);

        box-shadow:
            0 15px 30px
            rgba(25,40,25,0.08);

        transform:
            translateY(-15px);

        opacity:
            0;

        visibility:
            hidden;

        pointer-events:
            none;

        transition:
            opacity var(--transition),
            transform var(--transition),
            visibility var(--transition);

    }


    .career-page .nav.active {

        opacity:
            1;

        transform:
            translateY(0);

        visibility:
            visible;

        pointer-events:
            auto;

    }


    .career-page .nav a {

        width:
            100%;

        padding:
            14px 8px;

        font-size:
            0.82rem;

    }


    .career-page .nav a::after {

        display:
            none;

    }


    .career-page .nav .nav-cta {

        margin-top:
            8px;

    }


    .careers-hero {

        min-height:
            auto;

        padding-top:
            80px;

    }


    .careers-hero-container {

        min-height:
            auto;

        grid-template-columns:
            1fr;

    }


    .careers-hero-content {

        min-height:
            520px;

        padding:
            80px 40px;

    }


    .careers-hero-image {

        height:
            600px;

        min-height:
            600px;

    }


    .application-grid {

        grid-template-columns:
            1fr;

        gap:
            50px;

    }


    .application-info {

        max-width:
            680px;

    }


    .application-info h2 {

        max-width:
            600px;

    }


    .application-info > p {

        max-width:
            620px;

    }


    .application-note {

        max-width:
            620px;

    }


    .career-page .footer-grid {

        grid-template-columns:
            1fr
            1fr;

        gap:
            45px;

    }


    .career-page .footer-brand {

        grid-column:
            1 / -1;

    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 650px) {

    .careers-container {

        width:
            calc(100% - 32px);

    }


    .career-page .header .container {

        width:
            calc(100% - 32px);

    }


    .career-page .logo img {

        height:
            37px;

    }


    .careers-hero-content {

        min-height:
            480px;

        padding:
            70px 24px 65px;

    }


    .careers-eyebrow {

        font-size:
            0.61rem;

        letter-spacing:
            1.8px;

    }


    .careers-hero h1 {

        font-size:
            clamp(
                2.7rem,
                12vw,
                3.6rem
            );

        letter-spacing:
            -1.6px;

    }


    .careers-hero p {

        max-width:
            450px;

        font-size:
            0.84rem;

        line-height:
            1.8;

    }


    .careers-hero-button {

        margin-top:
            28px;

        padding:
            13px 20px;

        font-size:
            0.73rem;

    }


    .careers-hero-image {

        height:
            500px;

        min-height:
            500px;

    }


    .careers-hero-image img {

        object-position:
            center center;

    }


    .career-application {

        padding:
            72px 0 78px;

    }


    .application-grid {

        gap:
            38px;

    }


    .application-info {

        padding-top:
            0;

    }


    .application-info-label {

        font-size:
            0.61rem;

    }


    .application-info h2 {

        font-size:
            2rem;

        letter-spacing:
            -0.7px;

    }


    .application-info > p {

        font-size:
            0.82rem;

    }


    .application-form-card {

        padding:
            23px 18px;

        border-radius:
            16px;

    }


    .application-form-row {

        grid-template-columns:
            1fr;

        gap:
            16px;

    }


    .application-field input,
    .application-field select,
    .application-field textarea {

        font-size:
            0.75rem;

    }


    .cv-upload {

        min-height:
            115px;

    }


    .careers-final {

        padding:
            58px 0;

    }


    .careers-final-content h2 {

        font-size:
            1.8rem;

    }


    .career-page .footer .container {

        width:
            calc(100% - 32px);

    }


    .career-page .footer-grid {

        grid-template-columns:
            1fr;

        gap:
            35px;

        padding:
            50px 0 35px;

    }


    .career-page .footer-brand {

        grid-column:
            auto;

    }


    .career-page .footer-bottom {

        flex-direction:
            column;

        align-items:
            flex-start;

        gap:
            6px;

    }

}


/* =========================================================
   MOBILE PEQUENO
   ========================================================= */

@media (max-width: 400px) {

    .career-page .header {

        height:
            74px;

    }


    .career-page .nav {

        top:
            74px;

    }


    .careers-hero {

        padding-top:
            74px;

    }


    .careers-hero-content {

        min-height:
            450px;

        padding:
            60px 20px;

    }


    .careers-hero h1 {

        font-size:
            2.55rem;

    }


    .careers-hero-image {

        height:
            430px;

        min-height:
            430px;

    }


    .application-form-card {

        padding:
            21px 15px;

    }

}


/* =========================================================
   REDUÇÃO DE MOVIMENTO
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .career-page *,
    .career-page *::before,
    .career-page *::after {

        scroll-behavior:
            auto !important;

        transition-duration:
            0.01ms !important;

        animation-duration:
            0.01ms !important;

        animation-iteration-count:
            1 !important;

    }


    .career-page [data-reveal] {

        opacity:
            1;

        transform:
            none;

    }

}