html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Poppins", sans-serif;
    color: #000;
    overflow-x: hidden;
    overflow-y: scroll;
}

body a {
    outline: none;
}

p, h1, h2, h3, h4, h5, h6 {
    margin: 0;
}

/* Desktop */
@media only screen and (min-device-width: 800px) and (max-device-width: 1920px) and (min-device-height: 600px),
(max-device-height: 599px) and (orientation: landscape) {
    .site-5d {
        display: flex;
        width: 100vw;
        flex-direction: column;
    }

    .header {
        height: 10vh;
        position: fixed;
        width: 100vw;
        display: flex;
        justify-content: center;
        background-color: #ffffff01;
        transition: all 0.2s ease-in-out;
    }

    .header-content {
        width: 80vw;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .logo-menu {
        height: 100%;
        display: flex;
        align-items: center;
    }

    .logo-menu a {
        display: flex;
    }

    .logo {
        height: 5.4vh;
        margin-right: auto;
    }

    .menu {
        visibility: hidden;
        position: absolute;
    }

    .head-menu {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .navbar {
        display: flex;
        flex-direction: row;
        gap: 4vw;
        align-items: center;
        color: #585858
    }

    .menu-text {
        text-align: center;
        font-size: 1.8vh;
        cursor: pointer;
        border-bottom: dashed 0.15vw transparent;
    }

    .menu-text .selected {
        font-weight: 700;
        color: #000;
        text-decoration: underline;
    }

    .menu-text a {
        text-decoration: none;
        color: #585858;
    }

    .page {
        font-weight: 700;
        border-bottom: dashed 0.15vw #FF8200;
        padding: 0 0.5vw 0 0.5vw;
    }

    #pt,
    #en {
        cursor: pointer;
    }

    .line {
        background-color: #D7D7D7;
        height: 5.4vh;
        width: 0.1vw;
        margin: 0 2vw 0 2vw;
    }

    .links {
        display: flex;
        flex-direction: row;
        gap: 1.5vw;
        height: 3vh;
        align-items: center;
    }

    .links a {
        padding: 0;
        margin: 0;
        display: flex;
    }

    .icon {
        height: 1.9vh;
        transition: transform 0.3s ease-in-out;
    }

    .links .icon:hover {
        transform: scale(1.2);
        cursor: pointer;
    }

    .cloud1,
    .cloud2,
    .cloud3 {
        position: absolute;
        background: linear-gradient(180deg, rgba(72, 191, 227, 0.4) 0%, rgba(116, 0, 184, 0.4) 100%);
        z-index: -1;
        filter: blur(7vh);
    }

    .cloud1 {
        width: 17vw;
        height: 75vh;
        align-self: flex-start;
        border-radius: 0 70vh 70vh 0;
    }

    .cloud2 {
        width: 20vw;
        height: 48vh;
        background: linear-gradient(45deg, rgba(72, 191, 227, 0.4) 0%, rgba(116, 0, 184, 0.4) 100%);
        border-radius: 0 0 0 80vh;
        align-self: flex-end;
    }

    .cloud3 {
        width: 19vw;
        height: 74vh;
        background: linear-gradient(180deg, rgba(72, 191, 227, 0.4) 1.42%, rgba(255, 130, 0, 0.4) 86.99%);
        margin-top: 130vh;
        border-radius: 100vh 0 0 100vh;
        align-self: flex-end;
    }

    .jornada {
        width: 80vw;
        margin-top: 22vh;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-self: center;
    }

    .texts {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .titles {
        display: flex;
        flex-direction: column;
        width: 23.85vw;
    }

    .title {
        font-size: 6vh;
        font-weight: 600;
    }

    .sub-title {
        font-size: 5vh;
        font-weight: 600;
        line-height: 5vh;
        margin-left: 6vw;
    }

    .sub {
        color: #FF8200;
        font-size: 4vh;
        font-weight: 600;
    }

    .desc-jornada {
        font-size: 1.8vh;
        width: 31vw;
        margin-top: 5vh;
    }

    .jornada .image {
        height: 33vh;
        margin-top: 2vh;
        display: flex;
        justify-content: center;
    }

    .content-jornada {
        width: 80vw;
        display: flex;
        flex-direction: column;
        margin-top: 6vh;
        align-self: center;
    }

    .content-jornada .sub {
        font-size: 1.5vh;
        font-weight: 400;
    }

    .content-jornada .title {
        font-size: 2.6vh;
        font-weight: 600;
    }

    .text {
        font-size: 1.8vh;
        font-weight: 400;
        color: #000;
        line-height: normal;
    }

    .desc {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .itens {
        margin: 0;
        padding: 0;
        margin-left: 1.5vw;
    }

    .jornada-mobile {
        visibility: hidden;
        position: absolute;
    }

    .mid-line {
        margin-top: 10vh;
        width: 99vw;
        height: 1vh;
        box-shadow: inset 0 0.3vh 0.4vh #00000010;
    }

    .forms {
        width: 100vw;
        height: auto;
        padding-bottom: 12vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .processo1,
    .processo2,
    .processo3,
    .processo4,
    .processo5 {
        background-color: #fff;
        margin-top: 4vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
    }

    .title-processo {
        font-size: 1.8vh;
        font-weight: 600;
    }

    .info-passos {
        margin-top: 4vh;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .points {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        gap: 5.1vw;
    }

    .star {
        font-size: 1.7vh;
        z-index: 2;
        color: #FF8200;
    }

    .point {
        height: 1.6vh;
        width: 1.6vh;
        background-color: #D7D9D9;
        border-radius: 20vh;
        z-index: 2;
    }

    .icone {
        font-size: 1.7vh;
        position: absolute;
        margin-top: -1.6vh;
        margin-right: -0.25vw;
        color: #D7D9D9;
    }

    .linha {
        width: 24vw;
        border: 0.3vh dashed #D7D9D9;
        position: absolute;
    }

    .form {
        display: flex;
        flex-direction: column;
    }

    .input-row {
        display: flex;
        flex-direction: row;
        font-size: 1.8vh;
    }

    .input-column {
        display: flex;
        flex-direction: column;
        font-size: 1.8vh;
    }

    label {
        font-size: 1.8vh;
        margin: 0 0 0.6vh 1vw;
    }

    input[type=text],
    input[type=email],
    input[type=number],
    input[type=tel] {
        height: 4vh;
        width: 20vw;
        border-radius: 2vh;
        border: none;
        outline: none;
        padding-left: 1vw;
        font-size: 1.8vh;
        font-family: "Poppins", sans-serif;
        box-shadow: inset 0vh 0.4vh 0.4vh rgba(0, 0, 0, 0.25);
        background-color: #fdfdfd;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    ::placeholder {
        font-size: 1.8vh;
        color: #C7C7C7;
        font-family: "Poppins", sans-serif;
    }

    .button {
        height: 4vh;
        width: 7.5vw;
        border-radius: 5vh;
        border: none;
        outline: none;
        background-color: #FF8200;
        font-size: 1.8vh;
        color: #fff;
        font-weight: 700;
        font-family: "Poppins", sans-serif;
        cursor: pointer;
    }

    /* Jornada2.php */
    textarea {
        height: 10vh;
        border-radius: 2vh;
        border: none;
        outline: none;
        padding: 1.5vh 1vw 0 1vw;
        font-size: 1.8vh;
        font-family: "Poppins", sans-serif;
        box-shadow: inset 0vh 0.4vh 0.4vh rgba(0, 0, 0, 0.25);
        background-color: #fdfdfd;
        resize: none;
    }

    input[type=radio] {
        height: 3.5vh;
        width: 3.5vh;
        margin: 0;
    }

    .label {
        margin: 0;
        margin-left: 0.7vw;
        margin-right: 3vw;
    }

    .btn-radio {
        /* hiding browser el */
        appearance: none;
        outline: none;
        /* Safari support */
        -webkit-appearance: none;
        border-radius: 50%;
        border: 0.1vh solid #fff;
        box-shadow: 0 0 0 0.2vh rgba(0, 0, 0, 0.25);
        cursor: pointer;
    }

    .btn-radio:checked {
        border-width: 0.8vh;
        box-shadow: 0 0 0 0.2vh #C3E739;
        background-color: #C3E739;
    }

    .msg {
        display: block;
        margin-top: 3vh;
        margin-left: 1vw;
        width: 43vw;
        font-size: 1.8vh;
    }

    #submit:disabled {
        opacity: 0.2;
        cursor: default;
    }

    /* Jornada3.php */
    .hide-msg {
        visibility: hidden;
        position: absolute;
    }

    .input-column .input-row {
        align-items: center;
        margin-top: 0.7vh;
    }

    input[type="file"] {
        appearance: none;
        opacity: 0;
        position: absolute;
        cursor: pointer;
    }

    #msg-file-text {
        font-size: 1.8vh;
    }

    .file-label-2 {
        height: 4vh;
        width: 16vh;
        background-color: #FFAA4A;
        border-radius: 0 2vh 2vh 0;
        color: #FFFFFF;
        font-weight: 700;
        font-size: 1.8vh;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .file-name {
        width: 21.5vw;
        margin: 1vh 0 0 1vw;
        font-size: 1.8vh;
        color: #000;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .info-text {
        width: 15vw;
    }

    .x-mark {
        font-size: 2.4vh;
        margin-left: auto;
        cursor: pointer;
    }

    .msg-aviso,
    .msg-aviso2 {
        font-size: 1.8vh;
        margin-top: 1.4vh;
        margin-left: 2vw;
        color: #FF0000;
        line-height: normal;
    }

    /* Jornada4.php */

    /* Jornada5.php */
    .agradecimento {
        width: 50vw;
        margin-top: 4vh;
        margin-left: 2vw;
        font-size: 1.8vh;
    }

    .bold {
        color: #708B00;
        font-weight: 700;
    }

    #feedback {
        height: 5vh;
        border-radius: 2vh;
        border: none;
        outline: none;
        padding: 1.5vh 1vw 0 1vw;
        font-size: 1.8vh;
        font-family: "Poppins", sans-serif;
        box-shadow: inset 0vh 0.4vh 0.4vh rgba(0, 0, 0, 0.25);
        background-color: #fff;
        color: #708B00;
        resize: none;
    }

    .content-contato {
        width: 60vw;
        margin-top: 5vh;
        display: flex;
        flex-direction: column;
        align-self: center;
    }

    .contato {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 2vh;
    }

    .content-contato .sub {
        font-size: 1.5vh;
        font-weight: 400;
    }

    .content-contato .title {
        font-size: 2.6vh;
        font-weight: 600;
        text-align: center;
    }

    .row {
        display: flex;
        flex-direction: row;
        margin-top: 4vh;
        margin-left: 1vw;
    }

    .image-contato {
        height: 36vh;
        align-self: flex-start;
    }

    .info {
        display: flex;
        flex-direction: column;
        gap: 1.3vh;
        margin-left: 4.2vw;
        font-size: 1.8vh;
        width: 19vw;
    }

    .info .texts {
        align-items: flex-start;
    }

    .info .contatos {
        display: flex;
        flex-direction: row;
        gap: 1vw;
    }

    .info .texts {
        gap: 1.3vh;
    }

    .info .icons {
        position: absolute;
        visibility: hidden;
    }

    .icons .icon {
        height: 2.5vh;
    }

    .whats {
        visibility: visible;
        position: inherit;
    }

    .num {
        visibility: hidden;
        position: absolute;
    }

    .info .links {
        visibility: hidden;
        position: absolute;
    }

    .info a {
        color: #000;
    }

    .footer {
        width: 100vw;
        display: flex;
        justify-content: center;
    }

    .footer-content {
        width: 70vw;
        height: 10vh;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        border-top: 0.3vh dashed #4C186A;
    }

    .footer-text {
        font-size: 1.8vh;
        font-weight: 400;
        margin-right: auto;
        margin-left: auto;
    }

    .images {
        color: #59007E;
        font-size: 1.2vh;
        font-weight: 400;
        position: absolute;
    }
}

/* Ultrawide */
@media only screen and (min-device-width: 1921px) {
    .site-5d {
        display: flex;
        width: 100vw;
        flex-direction: column;
    }

    .header {
        height: 10vh;
        position: fixed;
        width: 100vw;
        display: flex;
        justify-content: center;
        background-color: #ffffff01;
        transition: all 0.2s ease-in-out;
    }

    .header-content {
        width: 70vw;
        /*63vw */
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .logo {
        height: 5.4vh;
        margin-right: auto;
    }

    .menu {
        visibility: hidden;
        position: absolute;
    }

    .logo-menu a {
        display: flex;
    }

    .head-menu {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .navbar {
        display: flex;
        flex-direction: row;
        gap: 4vw;
        align-items: center;
        color: #585858;
    }

    .menu-text {
        text-align: center;
        font-size: 1.8vh;
        cursor: pointer;
        border-bottom: dashed 0.15vw transparent;
    }

    #en,
    #pt {
        cursor: pointer;
    }

    .menu-text a {
        text-decoration: none;
        color: #585858;
    }

    .selected {
        font-weight: 700;
        color: #000 !important;
        text-decoration: underline !important;
    }

    .page {
        font-weight: 700;
        border-bottom: dashed 0.15vw #FF8200;
        padding: 0 0.5vw 0 0.5vw;
    }

    .line {
        background-color: #D7D7D7;
        height: 5.4vh;
        width: 0.1vw;
        margin: 0 2vw 0 2vw;
    }

    .links {
        display: flex;
        flex-direction: row;
        gap: 1.5vw;
        height: 3vh;
        align-items: center;
    }


    .icon {
        height: 1.9vh;
        transition: transform 0.3s ease-in-out;
    }

    .icon:hover {
        transform: scale(1.2);
        cursor: pointer;
    }

    .links a {
        padding: 0;
        margin: 0;
        display: flex;
    }

    .cloud1,
    .cloud2,
    .cloud3 {
        position: absolute;
        background: linear-gradient(180deg, rgba(72, 191, 227, 0.4) 0%, rgba(116, 0, 184, 0.4) 100%);
        z-index: -1;
        filter: blur(7vh);
    }

    .cloud1 {
        width: 17vw;
        height: 75vh;
        align-self: flex-start;
        border-radius: 0 70vh 70vh 0;
    }

    .cloud2 {
        width: 20vw;
        height: 48vh;
        background: linear-gradient(45deg, rgba(72, 191, 227, 0.4) 0%, rgba(116, 0, 184, 0.4) 100%);
        border-radius: 0 0 0 80vh;
        align-self: flex-end;
    }

    .cloud3 {
        width: 19vw;
        height: 74vh;
        background: linear-gradient(180deg, rgba(72, 191, 227, 0.4) 1.42%, rgba(255, 130, 0, 0.4) 86.99%);
        margin-top: 130vh;
        border-radius: 100vh 0 0 100vh;
        align-self: flex-end;
    }

    .jornada {
        width: 70vw;
        margin-top: 22vh;
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        align-self: center;
    }

    .jornada .texts {
        align-items: flex-start;
    }

    .texts {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .titles {
        display: flex;
        flex-direction: column;
        width: 23.85vw;
    }

    .title {
        font-size: 6vh;
        font-weight: 600;
    }

    .sub-title {
        font-size: 5vh;
        font-weight: 600;
        line-height: 5vh;
        margin-left: 5vw;
    }

    .sub {
        color: #FF8200;
        font-size: 4vh;
        font-weight: 600;
    }

    .desc-jornada {
        font-size: 1.8vh;
        width: 22vw;
        margin-top: 5vh;
    }

    .jornada .image {
        height: 33vh;
        margin-top: 2vh;
        display: flex;
        justify-content: center;
    }

    .content-jornada {
        width: 70vw;
        display: flex;
        flex-direction: column;
        margin-top: 6vh;
        align-self: center;
    }

    .content-jornada .sub {
        font-size: 1.5vh;
        font-weight: 400;
    }

    .content-jornada .title {
        font-size: 2.6vh;
        font-weight: 600;
    }

    .text {
        font-size: 1.8vh;
        font-weight: 400;
        color: #000;
        line-height: normal;
    }

    .desc {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .itens {
        margin: 0;
        padding: 0;
        margin-left: 1.5vw;
    }

    .jornada-mobile {
        visibility: hidden;
        position: absolute;
    }

    .mid-line {
        margin-top: 10vh;
        width: 99vw;
        height: 1vh;
        box-shadow: inset 0 0.3vh 0.4vh #00000010;
    }

    /* Jornada */
    .forms {
        width: 100vw;
        height: auto;
        padding-bottom: 12vh;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
    }

    .processo1,
    .processo2,
    .processo3,
    .processo4,
    .processo5 {
        background-color: #fff;
        margin-top: 4vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        align-self: center;
    }

    .title-processo {
        font-size: 1.8vh;
        font-weight: 600;
    }

    .info-passos {
        margin-top: 4vh;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }

    .points {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        gap: 5.1vw;
    }

    .star {
        font-size: 1.7vh;
        z-index: 2;
        color: #FF8200;
    }

    .point {
        height: 1.6vh;
        width: 1.6vh;
        background-color: #D7D9D9;
        border-radius: 20vh;
        z-index: 2;
    }

    .icone {
        font-size: 1.7vh;
        position: absolute;
        margin-top: -1.6vh;
        margin-right: -0.25vw;
        color: #D7D9D9;
    }

    .linha {
        width: 24vw;
        border: 0.3vh dashed #D7D9D9;
        position: absolute;
    }

    .form {
        display: flex;
        flex-direction: column;
    }

    .input-row {
        display: flex;
        flex-direction: row;
        font-size: 1.8vh;
    }

    .input-column {
        display: flex;
        flex-direction: column;
        font-size: 1.8vh;
    }

    label {
        font-size: 1.8vh;
        margin: 0 0 0.6vh 1vw;
    }

    input[type=text],
    input[type=email],
    input[type=number],
    input[type=tel] {
        height: 4vh;
        width: 20vw;
        border-radius: 2vh;
        border: none;
        outline: none;
        padding-left: 1vw;
        font-size: 1.8vh;
        font-family: "Poppins", sans-serif;
        box-shadow: inset 0vh 0.4vh 0.4vh rgba(0, 0, 0, 0.25);
        background-color: #fdfdfd;
    }

    input::-webkit-outer-spin-button,
    input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

    ::placeholder {
        font-size: 1.8vh;
        color: #C7C7C7;
        font-family: "Poppins", sans-serif;
    }

    .button {
        height: 4vh;
        width: 7.5vw;
        border-radius: 5vh;
        border: none;
        outline: none;
        background-color: #FF8200;
        font-size: 1.8vh;
        color: #fff;
        font-weight: 700;
        font-family: "Poppins", sans-serif;
        cursor: pointer;
    }

    /* Jornada2.php */
    textarea {
        height: 10vh;
        border-radius: 2vh;
        border: none;
        outline: none;
        padding: 1.5vh 1vw 0 1vw;
        font-size: 1.8vh;
        font-family: "Poppins", sans-serif;
        box-shadow: inset 0vh 0.4vh 0.4vh rgba(0, 0, 0, 0.25);
        background-color: #fdfdfd;
        resize: none;
    }

    input[type=radio] {
        height: 3.5vh;
        width: 3.5vh;
        margin: 0;
    }

    .label {
        margin: 0;
        margin-left: 0.7vw;
        margin-right: 3vw;
    }

    .btn-radio {
        /* hiding browser el */
        appearance: none;
        outline: none;
        /* Safari support */
        -webkit-appearance: none;
        border-radius: 50%;
        border: 0.1vh solid #fff;
        box-shadow: 0 0 0 0.2vh rgba(0, 0, 0, 0.25);
        cursor: pointer;
    }

    .btn-radio:checked {
        border-width: 0.8vh;
        box-shadow: 0 0 0 0.2vh #C3E739;
        background-color: #C3E739;
    }

    .msg {
        display: block;
        margin-top: 3vh;
        margin-left: 1vw;
        width: 43vw;
        font-size: 1.8vh;
    }

    #submit:disabled {
        opacity: 0.2;
        cursor: default;
    }

    /* Jornada3.php */
    .hide-msg {
        visibility: hidden;
        position: absolute;
    }

    .input-column .input-row {
        align-items: center;
        margin-top: 0.7vh;
    }

    input[type="file"] {
        appearance: none;
        opacity: 0;
        position: absolute;
        cursor: pointer;
    }

    #msg-file-text {
        font-size: 1.8vh;
    }

    .file-label-2 {
        height: 4vh;
        width: 16vh;
        background-color: #FFAA4A;
        border-radius: 0 2vh 2vh 0;
        color: #FFFFFF;
        font-weight: 700;
        font-size: 1.8vh;

        display: flex;
        justify-content: center;
        align-items: center;
    }

    .file-name {
        width: 21.5vw;
        margin: 1vh 0 0 1vw;
        font-size: 1.8vh;
        color: #000;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .info-text {
        width: 15vw;
    }

    .x-mark {
        font-size: 2.4vh;
        margin-left: auto;
        cursor: pointer;
    }

    .msg-aviso,
    .msg-aviso2 {
        font-size: 1.8vh;
        margin-top: 1.4vh;
        margin-left: 2vw;
        color: #FF0000;
        line-height: normal;
    }

    /* Jornada4.php */

    /* Jornada5.php */
    .agradecimento {
        width: 50vw;
        margin-top: 4vh;
        margin-left: 2vw;
        font-size: 1.8vh;
    }

    .bold {
        color: #708B00;
        font-weight: 700;
    }

    #feedback {
        height: 5vh;
        border-radius: 2vh;
        border: none;
        outline: none;
        padding: 1.5vh 1vw 0 1vw;
        font-size: 1.8vh;
        font-family: "Poppins", sans-serif;
        box-shadow: inset 0vh 0.4vh 0.4vh rgba(0, 0, 0, 0.25);
        background-color: #fff;
        color: #708B00;
        resize: none;
    }

    .content-contato {
        width: 60vw;
        margin-top: 5vh;
        display: flex;
        flex-direction: column;
        align-self: center;
    }

    .contato {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 2vh;
    }

    .content-contato .sub {
        font-size: 1.5vh;
        font-weight: 400;
    }

    .content-contato .title {
        font-size: 2.6vh;
        font-weight: 600;
        text-align: center;
    }

    .row {
        display: flex;
        flex-direction: row;
        margin-top: 4vh;
        margin-left: 9vw;
    }

    .image-contato {
        height: 36vh;
        align-self: flex-start;
    }

    .info {
        display: flex;
        flex-direction: column;
        gap: 1.3vh;
        margin-left: 2.8vw;
        font-size: 1.8vh;
        width: 19vw;
    }

    .info .texts {
        align-items: flex-start;
    }

    .info .contatos {
        display: flex;
        flex-direction: row;
        gap: 1vw;
    }

    .info .texts {
        gap: 1.3vh;
    }

    .info .icons {
        position: absolute;
        visibility: hidden;
    }

    .icons .icon {
        height: 2.5vh;
    }

    .whats {
        visibility: visible;
        position: inherit;
    }

    .num {
        visibility: hidden;
        position: absolute;
    }

    .info .links {
        visibility: hidden;
        position: absolute;
    }

    .info a {
        color: #000;
    }

    .footer {
        width: 100vw;
        display: flex;
        justify-content: center;
    }

    .footer-content {
        width: 60vw;
        height: 10vh;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: flex-end;
        border-top: 0.3vh dashed #4C186A;
    }

    .footer-text {
        font-size: 1.8vh;
        font-weight: 400;
        margin-right: auto;
        margin-left: auto;
    }

    .images {
        color: #59007E;
        font-size: 1.2vh;
        font-weight: 400;
        position: absolute;
    }
}

/* Mobile */
@media only screen and (max-device-width: 799px) and (orientation: portrait),
(max-device-height: 599px) and (orientation: portrait) {
    .site-5d {
        display: flex;
        width: 100vw;
        flex-direction: column;
    }

    .header {
        height: 8vh;
        position: fixed;
        width: 100vw;
        display: flex;
        justify-content: center;
        transition: all 0.2s ease-in-out;
        box-shadow: 0 0.4vh 0.4vh #00000020;
        z-index: 99;
        background-color: #fff;
    }

    .header-content {
        width: 92%;
        display: flex;
        flex-direction: column;
    }

    .logo-menu {
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-top: 1.5vh;
    }

    .logo {
        height: 5vh;
        object-fit: cover;
    }

    .menu {
        height: 4vh;
    }

    .head-menu {
        display: flex;
        flex-direction: column;
        visibility: hidden;
        position: absolute;
        margin-top: 2vh;
        align-items: center;
    }

    .navbar {
        display: flex;
        flex-direction: column;
        align-self: flex-end;
        align-items: flex-end;
        gap: 2.5vh;
        color: #585858
    }

    .menu-text {
        text-align: center;
        font-size: 1.8vh;
        cursor: pointer;
        border-bottom: dashed 0.15vw transparent;
    }

    .menu-text a {
        text-decoration: none;
        color: #585858;
    }

    .page {
        font-weight: 700;
        border-bottom: dashed 0.15vw #FF8200;
    }

    .selected {
        font-weight: 700;
        color: #000;
        text-decoration: underline;
    }

    #pt,
    #en {
        cursor: pointer;
    }

    .line {
        position: absolute;
        visibility: hidden;
    }

    .links {
        display: flex;
        flex-direction: row;
        gap: 5vw;
        height: 3vh;
        margin-top: 6vh;
        align-items: center;
    }

    .links a {
        display: flex;
    }

    .icon {
        height: 3vh;
        transition: transform 0.3s ease-in-out;
    }

    .links .icon:hover {
        transform: scale(1.2);
        cursor: pointer;
    }

    .cloud1 {
        position: absolute;
        background: linear-gradient(180deg, rgba(72, 191, 227, 0.4) 0%, rgba(116, 0, 184, 0.4) 100%);
        filter: blur(7vh);
        z-index: -2;
    }

    .cloud1 {
        width: 39vw;
        height: 39vh;
        align-self: flex-end;
        border-radius: 0 0 0 100%;
    }

    .content-jornada,
    .forms,
    .form,
    .mid-line,
    .processo1,
    .input-column,
    .processo2,
    .processo3,
    .input-row,
    .processo4,
    .processo5,
    .agradecimento {
        display: none;
        visibility: hidden !important;
        position: absolute !important;
        height: 0 !important;
        margin: 0 !important;
        font-size: 0.1vh !important;
    }

    .jornada {
        width: 80vw;
        margin-top: 12vh;
        display: flex;
        flex-direction: column;
        align-self: center;
    }

    .texts {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .titles {
        display: flex;
        flex-direction: column;
    }

    .title {
        font-size: 5vh;
        font-weight: 600;
    }

    .sub-title {
        font-size: 5vh;
        font-weight: 600;
        line-height: 5vh;
        margin-left: 18vw;
    }

    .sub {
        color: #FF8200;
        font-size: 3vh;
        font-weight: 600;
    }

    .desc-jornada {
        font-size: 1.8vh;
        margin-top: 5vh;
        text-align: center;
    }

    .jornada .image {
        height: 28vh;
        margin-top: 3vh;
        object-fit: contain;
    }

    .jornada-mobile {
        width: 80vw;
        display: flex;
        flex-direction: column;
        margin-top: 6vh;
        align-self: center;
    }

    .jornada-mobile .sub {
        font-size: 1.5vh;
        font-weight: 400;
    }

    .jornada-mobile .title {
        font-size: 2.6vh;
        font-weight: 600;
    }

    .jornada-mobile .text {
        margin-top: 3vh;
        text-align: center;
    }

    .text {
        font-size: 1.8vh;
        font-weight: 400;
        color: #000;
        line-height: normal;
    }

    .button {
        background-color: #59007E;
        border-radius: 2.5vh;
        height: 4vh;
        padding: 0 8vw 0 8vw;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 97;
        cursor: pointer;
        margin-top: 3vh;
    }

    .btn-text {
        color: #fff;
        font-size: 1.8vh;
        font-weight: 700;
        text-decoration: none;
    }

    .content-contato {
        width: 80vw;
        margin-top: 8vh;
        display: flex;
        flex-direction: column;
        align-self: center;
    }

    .contato {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-top: 2vh;
    }

    .content-contato .sub {
        font-size: 1.8vh;
        font-weight: 400;
    }

    .content-contato .title {
        font-size: 2.6vh;
        font-weight: 600;
        text-align: center;
    }

    .row {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 4vh;
        margin-bottom: 5vh;
    }

    .image-contato {
        position: absolute;
        visibility: hidden;
        transform: scale(0);
    }

    .info {
        display: flex;
        flex-direction: column;
        text-align: center;
        gap: 1.3vh;
        font-size: 1.8vh;
    }

    .info .contatos {
        display: flex;
        flex-direction: row;
        gap: 1.4vw;
        width: 70%;
        margin-top: 2vh;
        align-self: center;
    }

    .info .icons,
    .info .texts {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: start;
        gap: 1.8vh;
    }

    .info .texts {
        gap: 2.3vh;
    }

    .icons .icon {
        height: 2.7vh;
    }

    .whats {
        visibility: hidden;
        position: absolute;
    }

    .num {
        visibility: visible;
        position: inherit;
    }

    .info .links {
        margin-top: 3vh;
        align-self: center;
    }

    .footer {
        width: 100vw;
        display: flex;
        justify-content: center;
        margin-top: 2vh;
        margin-bottom: 5vh;
    }

    .footer-content {
        width: 70vw;
        height: 8vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: flex-end;
        border-top: 0.3vh dashed #4C186A;
    }

    .footer-content a {
        text-decoration: none;
    }

    .footer-text {
        font-size: 1.8vh;
        font-weight: 400;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
    }

    .images {
        color: #59007E;
        font-size: 1.2vh;
        font-weight: 400;
    }
}