@font-face {
    font-family: "Segoe-light";
    src: url(../assets/fontes/Segoe-UI-Light.ttf);
}

@font-face {
    font-family: "Segoe";
    src: url(../assets/fontes/Segoe-UI.ttf);
}

@font-face {
    font-family: "Segoe-semibold";
    src: url(../assets/fontes/Segoe-UI-Semibold.ttf);
}

@font-face {
    font-family: "Segoe-bold";
    src: url(../assets/fontes/Segoe-UI-Bold.ttf);
}

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    box-sizing: border-box;
    font-family: 'Segoe';
    font-weight: 500;
    scroll-behavior: smooth;
    outline: none;
    letter-spacing: 1px;
    -webkit-tap-highlight-color: transparent;
}

.w-100 {
    width: 100%;
}

.h-100 {
    height: 100%;
}

/* Flex */
.flex {
    display: flex;
}

.column {
    flex-direction: column;
}

.wrap {
    flex-wrap: wrap;
}

.align-center {
    align-items: center;
}


.justify-center {
    justify-content: center;
}

.justify-between {
    justify-content: space-between;
}

.text-center {
    text-align: center;
}

/* disable */
.hide {
    display: none;
}

.input-disabled {
    cursor: default !important;
}

/* Font style */
.font-thin {
    font-family: 'Segoe-light';
}

.font-semibold {
    font-family: 'Segoe-semibold';
}

.font-bold {
    font-family: 'Segoe-bold';
}

.text-upper {
    text-transform: uppercase;
}

/* Font color */
.font-white {
    color: #FEFEFE;
}

.font-blue {
    color: #1AD0DB;
}

.font-black {
    color: #1B1B1B;
}

/* Font size */
.fs-9 {
    font-size: .4688vw;
}

.fs-10 {
    font-size: .5208vw;
}

.fs-11 {
    font-size: .5729vw;
}

.fs-12 {
    font-size: .6250vw;
}

.fs-13 {
    font-size: .6771vw;
}

.fs-14 {
    font-size: .7292vw;
}

.fs-15 {
    font-size: .7812vw;
}

.fs-16 {
    font-size: .8333vw;
}

.fs-18 {
    font-size: .9375vw;
}

.fs-20 {
    font-size: 1.0417vw;
}

.fs-22 {
    font-size: 1.1458vw;
}

.fs-24 {
    font-size: 1.2500vw;
    /* Ajustado para seguir o padrão */
}

.fs-25 {
    font-size: 1.3021vw;
}

.fs-28 {
    font-size: 1.5625vw;
    /* Ajustado para padrão arredondado */
}

.fs-30 {
    font-size: 1.5625vw;
}

.fs-35 {
    font-size: 1.8229vw;
}

.fs-40 {
    font-size: 2.3437vw;
}

.fs-50 {
    font-size: 3.1250vw;
    /* Ajustado para padrão arredondado */
}

.fs-55 {
    font-size: 3.4470vw;
    /* Ajustado para manter consistência */
}

.fs-65 {
    font-size: 4.0730vw;
    /* Ajustado para manter consistência */
}

.error-message {
    color: rgb(167, 22, 17);
    font-size: 14px;
    display: none;
}

/* Button styles */
button,
a {
    cursor: pointer;
    width: fit-content;
}

.button-blue {
    background: #1AD0DB;
    border: none;
    padding: 1vw 2vw;
    border-radius: 3px;
    width: 17vw;
    box-shadow: 0 0 15px -7px rgba(0, 0, 0, 0.3);
    transition: background .3s;
}

.button-blue:hover {
    background-color: #0d686d;
}

/* padding e margin */
section {
    padding-left: 14.8437499998vw !important;
    padding-right: 14.8437499998vw !important;
}

.p-80 {
    padding: 4.16666666666vw;
}

.m-t-30 {
    margin-top: 1.5625vw;
}

.m-t-50 {
    margin-top: 2.60416666666vw;
}

.m-t-80 {
    margin-top: 4.16666666666vw;
}

.m-b-10{
    margin-bottom: 0.52118vw;
}

.m-b-30 {
    margin-bottom: 1.5625vw;
}

.m-b-80 {
    margin-bottom: 4.16666666666vw;
}

.p-t-50 {
    padding-top: 2.60416666666vw;
}

.p-b-50 {
    padding-bottom: 2.60416666666vw;
}

.p-t-80 {
    padding-top: 4.16666666666vw;
}

.p-b-80 {
    padding-bottom: 4.16666666666vw;
}

.zi-1 {
    z-index: 1;
}

@media screen and (max-width: 1024px) {
    .wrap-mobile {
        flex-wrap: wrap;
    }

    /* Font size */
    .fs-9 {
        font-size: calc(.4688vw + .4688vw * .3) !important;
    }

    .fs-10 {
        font-size: calc(.5208vw + .5208vw * .3) !important;
    }

    .fs-11 {
        font-size: calc(.5729vw + .5729vw * .3) !important;
    }

    .fs-12 {
        font-size: calc(.6250vw + .6250vw * .3) !important;
    }

    .fs-13 {
        font-size: calc(.6771vw + .6771vw * .3) !important;
    }

    .fs-14 {
        font-size: calc(.7292vw + .7292vw * .3) !important;
    }

    .fs-15 {
        font-size: calc(.7812vw + .7812vw * .3) !important;
    }

    .fs-16 {
        font-size: calc(.8333vw + .8333vw * .3) !important;
    }

    .fs-17 {
        font-size: calc(.8854vw + .8854vw * .3) !important;
    }

    .fs-18 {
        font-size: calc(.9375vw + .9375vw * .3) !important;
    }

    .fs-20 {
        font-size: calc(1.0417vw + 1.0417vw * .3) !important;
    }

    .fs-22 {
        font-size: calc(1.1458vw + 1.1458vw * .3) !important;
    }

    .fs-24 {
        font-size: calc(1.2500vw + 1.2500vw * .3) !important;
    }

    .fs-25 {
        font-size: calc(1.3021vw + 1.3021vw * .3) !important;
    }

    .fs-28 {
        font-size: calc(1.4750vw + 1.4750vw * .3) !important;
    }

    .fs-30 {
        font-size: calc(1.5625vw + 1.5625vw * .3) !important;
    }

    .fs-35 {
        font-size: calc(1.8229vw + 1.8229vw * .3) !important;
    }

    .fs-40 {
        font-size: calc(2.3437vw + 2.3437vw * .3) !important;
    }

    .fs-50 {
        font-size: calc(3.1250vw + 3.1250vw * .3) !important;
    }

    .fs-55 {
        font-size: calc(3.4470vw + 3.4470vw * .3) !important;
    }

    .fs-65 {
        font-size: calc(4.0730vw + 4.0730vw * .3) !important;
    }
    
    .p-80 {
        padding: calc(4.16666666666vw + 4.16666666666vw * .3) !important;
    }

    .m-t-30 {
        margin-top: calc(1.5625vw + 1.5625vw * .3) !important;
    }

    .m-t-50 {
        margin-top: calc(2.60416666666vw + 2.60416666666vw * .3) !important;
    }

    .m-t-80 {
        margin-top: calc(4.16666666666vw + 4.16666666666vw * .3) !important;
    }

    .m-b-30 {
        margin-bottom: calc(1.5625vw + 1.5625vw * .3) !important;
    }

    .m-b-80 {
        margin-bottom: calc(4.16666666666vw + 4.16666666666vw * .3) !important;
    }

    .p-t-50 {
        padding-top: calc(2.60416666666vw + 2.60416666666vw * .3) !important;
    }

    .p-b-50 {
        padding-bottom: calc(2.60416666666vw + 2.60416666666vw * .3) !important;
    }

    .p-t-80 {
        padding-top: calc(4.16666666666vw + 4.16666666666vw * .3) !important;
    }

    .p-b-80 {
        padding-bottom: calc(4.16666666666vw + 4.16666666666vw * .3) !important;
    }

    .button-blue {
        padding: 1.5vw 4vw;
        width: fit-content;
    }
}

@media screen and (max-width: 600px) {
    .button-blue {
        padding: 2vw 4vw;
        width: fit-content;
    }

    /* Font size */
    .fs-9 {
        font-size: calc(0.4688vw + 0.4688vw * 1.2) !important;
    }

    .fs-10 {
        font-size: calc(0.5208vw + 0.5208vw * 1.2) !important;
    }

    .fs-11 {
        font-size: calc(0.5729vw + 0.5729vw * 1.2) !important;
    }

    .fs-12 {
        font-size: calc(0.6250vw + 0.6250vw * 1.2) !important;
    }

    .fs-13 {
        font-size: calc(0.6771vw + 0.6771vw * 1.2) !important;
    }

    .fs-14 {
        font-size: calc(0.7292vw + 0.7292vw * 1.2) !important;
    }

    .fs-15 {
        font-size: calc(0.7812vw + 0.7812vw * 1.2) !important;
    }

    .fs-16 {
        font-size: calc(0.8333vw + 0.8333vw * 1.2) !important;
    }

    .fs-17 {
        font-size: calc(0.8854vw + 0.8854vw * 1.2) !important;
    }

    .fs-18 {
        font-size: calc(0.9375vw + 0.9375vw * 1.2) !important;
    }

    .fs-20 {
        font-size: calc(1.0417vw + 1.0417vw * 1.2) !important;
    }

    .fs-22 {
        font-size: calc(1.1458vw + 1.1458vw * 1.2) !important;
    }

    .fs-24 {
        font-size: calc(1.2500vw + 1.2500vw * 1.2) !important;
    }

    .fs-25 {
        font-size: calc(1.3021vw + 1.3021vw * 1.2) !important;
    }

    .fs-28 {
        font-size: calc(1.4750vw + 1.4750vw * 1.2) !important;
    }

    .fs-30 {
        font-size: calc(1.5625vw + 1.5625vw * 1.2) !important;
    }

    .fs-35 {
        font-size: calc(1.8229vw + 1.8229vw * 1.2) !important;
    }

    .fs-40 {
        font-size: calc(2.3437vw + 2.3437vw * 1.2) !important;
    }

    .fs-50 {
        font-size: calc(3.1250vw + 3.1250vw * 1.2) !important;
    }

    .fs-55 {
        font-size: calc(3.4470vw + 3.4470vw * 1.2) !important;
    }

    .fs-65 {
        font-size: calc(4.0730vw + 4.0730vw * 1.2) !important;
    }

    section {
        padding-left: 10vw !important;
        padding-right: 10vw !important;
    }

    .p-80 {
        padding: calc(4.16666666666vw + 4.16666666666vw * 1.2) !important;
    }

    .m-t-30 {
        margin-top: calc(1.5625vw + 1.5625vw * 1.2) !important;
    }

    .m-t-50 {
        margin-top: calc(2.60416666666vw + 2.60416666666vw * 1.2) !important;
    }

    .m-t-80 {
        margin-top: calc(4.16666666666vw + 4.16666666666vw * 1.2) !important;
    }

    .m-b-30 {
        margin-bottom: calc(1.5625vw + 1.5625vw * 1.2) !important;
    }

    .m-b-80 {
        margin-bottom: calc(4.16666666666vw + 4.16666666666vw * 1.2) !important;
    }

    .p-t-50 {
        padding-top: calc(2.60416666666vw + 2.60416666666vw * 1.2) !important;
    }

    .p-b-50 {
        padding-bottom: calc(2.60416666666vw + 2.60416666666vw * 1.2) !important;
    }

    .p-t-80 {
        padding-top: calc(4.16666666666vw + 4.16666666666vw * 1.2) !important;
    }

    .p-b-80 {
        padding-bottom: calc(4.16666666666vw + 4.16666666666vw * 1.2) !important;
    }
}

@media screen and (max-width: 460px) {
    .button-blue {
        padding: 2vw 4vw;
        width: fit-content;
    }

    /* Font size */
    .fs-9 {
        font-size: calc(0.4688vw + 0.4688vw * 1.8) !important;
    }

    .fs-10 {
        font-size: calc(0.5208vw + 0.5208vw * 1.8) !important;
    }

    .fs-11 {
        font-size: calc(0.5729vw + 0.5729vw * 1.8) !important;
    }

    .fs-12 {
        font-size: calc(0.6250vw + 0.6250vw * 1.8) !important;
    }

    .fs-13 {
        font-size: calc(0.6771vw + 0.6771vw * 1.8) !important;
    }

    .fs-14 {
        font-size: calc(0.7292vw + 0.7292vw * 1.8) !important;
    }

    .fs-15 {
        font-size: calc(0.7812vw + 0.7812vw * 1.8) !important;
    }

    .fs-16 {
        font-size: calc(0.8333vw + 0.8333vw * 1.8) !important;
    }

    .fs-17 {
        font-size: calc(0.8854vw + 0.8854vw * 1.8) !important;
    }

    .fs-18 {
        font-size: calc(0.9375vw + 0.9375vw * 1.8) !important;
    }

    .fs-20 {
        font-size: calc(1.0417vw + 1.0417vw * 1.8) !important;
    }

    .fs-22 {
        font-size: calc(1.1458vw + 1.1458vw * 1.8) !important;
    }

    .fs-24 {
        font-size: calc(1.2500vw + 1.2500vw * 1.8) !important;
    }

    .fs-25 {
        font-size: calc(1.3021vw + 1.3021vw * 1.8) !important;
    }

    .fs-28 {
        font-size: calc(1.4750vw + 1.4750vw * 1.8) !important;
    }

    .fs-30 {
        font-size: calc(1.5625vw + 1.5625vw * 1.8) !important;
    }

    .fs-35 {
        font-size: calc(1.8229vw + 1.8229vw * 1.8) !important;
    }

    .fs-40 {
        font-size: calc(2.3437vw + 2.3437vw * 1.8) !important;
    }

    .fs-50 {
        font-size: calc(3.1250vw + 3.1250vw * 1.8) !important;
    }

    .fs-55 {
        font-size: calc(3.4470vw + 3.4470vw * 1.8) !important;
    }

    .fs-65 {
        font-size: calc(4.0730vw + 4.0730vw * 1.8) !important;
    }

    section {
        padding-left: 10vw !important;
        padding-right: 10vw !important;
    }

    .p-80 {
        padding: calc(4.16666666666vw + 4.16666666666vw * 1.8) !important;
    }

    .m-t-30 {
        margin-top: calc(1.5625vw + 1.5625vw * 1.8) !important;
    }

    .m-t-50 {
        margin-top: calc(2.60416666666vw + 2.60416666666vw * 1.8) !important;
    }

    .m-t-80 {
        margin-top: calc(4.16666666666vw + 4.16666666666vw * 1.8) !important;
    }

    .m-b-30 {
        margin-bottom: calc(1.5625vw + 1.5625vw * 1.8) !important;
    }

    .m-b-80 {
        margin-bottom: calc(4.16666666666vw + 4.16666666666vw * 1.8) !important;
    }

    .p-t-50 {
        padding-top: calc(2.60416666666vw + 2.60416666666vw * 1.8) !important;
    }

    .p-b-50 {
        padding-bottom: calc(2.60416666666vw + 2.60416666666vw * 1.8) !important;
    }

    .p-t-80 {
        padding-top: calc(4.16666666666vw + 4.16666666666vw * 1.8) !important;
    }

    .p-b-80 {
        padding-bottom: calc(4.16666666666vw + 4.16666666666vw * 1.8) !important;
    }
}