@import url("../../font/Gilroy/Gilroy.css");

*,
*:before,
*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
    color: inherit;
}

/* Disable chat */
div#Embed,
#launcher {
    display: none !important;
}

html {
    font-size: 62.5%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font-family: "Gilroy", sans-serif;
    font-size: 1.6rem;
    line-height: 1.5;
    background: #fff;
    color: #232323;
    margin: 0;
    padding: 0;
    position: relative;
}

img {
    user-select: none;
    pointer-events: none;
}

ul {
    font-family: "Gilroy", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Gilroy", sans-serif;
    margin: 0;
}

p {
    font-family: "Gilroy", sans-serif;
    line-height: 1.5;
    margin: 0;
}

.onm-btn {
    font-family: "Gilroy", sans-serif;
    font-size: clamp(1rem, 0.84vw, 1.6rem);
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.4px;
    line-height: 1.3;
    padding: 0.8rem 1.6vw 0.7rem;
    color: #fff;
    background: linear-gradient(90deg, #F50052 -6.56%, #CA1ECC 54.53%, #6500FE 110.65%);
    border-radius: 20rem;
    border: unset;
    transition: all 0.3s cubic-bezier(0.55, 0.1, 0.47, 0.94);
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin: 0;
    position: relative;
}

.onm-btn.hollow {
    font-weight: 500;
    background: transparent;
}

.onm-btn img {
    width: 3rem;
    width: clamp(2.4rem, 2.8vw, 2.8rem);
    margin: -2px 0 0;
}

.onm-btn::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 8.6rem;
    box-shadow: -2px 0px 8px 4px #fd4c73;
    transition: all 0.3s;
    opacity: 0;
}

.onm-btn:hover::before {
    opacity: 0.6;
}

.onm-btn:hover,
.onm-btn:active,
.onm-btn:focus {
    color: #fff;
    background-position: 100% 0%;
}

.s01 {
    position: relative;
    padding: 0;
    min-height: 96vh;
    overflow: hidden;
    background: radial-gradient(closest-side, #1f236f, #00022b);
}

.nav {
    width: 100%;
    padding: 1.3vw 0;
    z-index: 2000;
    position: relative;
    /* background: rgba(5, 9, 57, 0.5);
    mix-blend-mode: normal;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    z-index: 200; */
}

.nav-wrap {
    width: clamp(30rem, 70vw, 132rem);
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nav-wrap .onm-btn{
    background: #e7004c;
}

.nav img {
    width: clamp(9rem, 7vw, 12rem);
}

.nav-menu {
    display: flex;
    gap: 2.6vw;
}

.s01-cta {
    width: min(132rem, 40%);
    margin: 5rem auto 0;
    margin: clamp(3rem, 5vw, 5rem) auto 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3rem;
}

.s01-info {
    flex: 1;
    min-width: 30rem;
    max-width: 70rem;
}

.s01-cta h1 {
    font-size: 3rem;
    font-size: clamp(2.2rem, 2.4vw, 5.2rem);
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    text-align: center;
    background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.65) 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s01-cta p {
    width: min(41rem, 100%);
    font-size: 2rem;
    font-size: clamp(1.6rem, 2vw, 1.8rem);
    font-weight: 500;
    padding: clamp(1.8rem, 3vw, 2.8rem) 0 clamp(2.6rem, 2vw, 5.4rem);
    color: #6097d8;
}

.s01-player {
    flex: 1;
    width: 100%;
    min-width: 30rem;
    max-width: 78rem;
    margin: 0 auto;
    position: relative;
}

.video-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgb(0 0 0 / 20%);
  cursor: pointer;
}

@keyframes pulseScale {
    0% {
        transform: scale(1);
    }
    80% {
        transform: scale(1.1);
    }
}

.video-som {
  position: absolute;
  top: 5%;
  left: 5%;
  width: 26%;
  animation: pulseScale 3s ease-in-out infinite;
}

.video-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 20%;
}

@keyframes pulseScale {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

.s01-video {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 6px;
}

.s01-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
}

.s01-cta .onm-btn {
    width: min(30rem, 100%);
    font-size: clamp(1.8rem, 1.7vw, 2rem);
    padding: 1.6rem 2rem 1.5rem;
}

.s01-dep {
    width: min(130rem, 80%);
    margin: 8rem auto 0;
    margin: clamp(4rem, 2vw, 8rem) auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14rem;
    gap: clamp(6rem, 8vw, 14rem);
}

.s01-item {
    flex: 1 1 24rem;
    min-width: min(24rem, 100%);
    max-width: min(38rem, 100%);
    margin: 0 auto;
}

.s01-dep p {
    font-size: clamp(1.5rem, 1.5vw, 1.7rem);
    font-weight: 600;
    color: #fff;
}

.s01-pessoa {
    display: flex;
    align-items: center;
    gap: 1.8rem;
    gap: clamp(1rem, 1.8vw, 1.8rem);
    padding: 2.6rem 0 0;
    padding: clamp(2rem, 2.4vw, 2.6rem) 0 0;
}

.s01-pessoa img {
    width: 6rem;
    width: clamp(5.4rem, 6vw, 6rem);
    border-radius: 50%;
}

.s01-nome p:last-of-type {
    font-weight: normal;
}

.s02 {
    padding: 9.4rem 0 0;
    padding: clamp(7.6rem, 14vw, 20rem) 0 0;
    background-color: #f5f5f7;
}

.s02-header {
    width: min(130rem, 90%);
    margin: 0 auto;
    padding: 0 0 14rem;
    padding: 0 0 clamp(8rem, 8vw, 14rem);
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}

.s02-header h2 {
    flex: 1 1 30rem;
    min-width: 30rem;
    max-width: 44rem;
    font-size: 3.6rem;
    font-size: clamp(4.2rem, 6vw, 6.6rem);
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1;
}

.s02-header h2 span {
    display: block;
    background: linear-gradient(120deg, #5390d8, #1c4473);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.s02-text {
    flex: 1 1 30rem;
    min-width: 30rem;
    max-width: 76rem;
}

.s02 p {
    font-size: 2.2rem;
    font-size: clamp(1.6rem, 2vw, 2.2rem);
    font-weight: 600;
}

.s02 p span {
    font-weight: bold;
}

.s02 p + p {
    padding: 2.2rem 0 0;
}

.s02-what {
    width: min(154rem, 90%);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    gap: 9rem;
    gap: clamp(2rem, 9vw, 9rem);
}

.s02-what img {
    flex: 1 1 30rem;
    min-width: min(30rem, 80%);
    max-width: 97rem;
}

.s02-what h3 {
    font-size: 4.6rem;
    font-size: clamp(3.4rem, 4.6vw, 4.6rem);
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.04em;
    padding: 0 0 3rem;
    background: linear-gradient(120deg, #5390d8, #1c4473);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.s02-what .onm-btn {
    margin: 4rem 0 0;
    width: min(32rem, 100%);
    padding: 1.2rem 2rem 1.1rem;
    font-size: clamp(1.6rem, 2vw, 2.2rem);
}

.s02-info {
    flex: 1 1 30rem;
    min-width: 30rem;
    max-width: min(48rem, 80%);
    margin: 0 auto;
}

.s02-who {
    width: min(136rem, 90%);
    margin: 0 auto;
    padding: 20rem 0 18rem;
    padding: clamp(12rem, 18vw, 20rem) 0 clamp(12rem, 16vw, 18rem);
    display: flex;
    flex-wrap: wrap-reverse;
    align-items: center;
    gap: 9rem;
    gap: clamp(2rem, 9vw, 9rem);
}

.s02-who h3 {
    font-size: 5.6rem;
    font-size: clamp(3.4rem, 5.6vw, 5.6rem);
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 1.6rem;
    background: linear-gradient(120deg, #f33977, #dd004a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.s02-row {
    display: flex;
    flex: 1 1 30rem;
    min-width: 30rem;
    max-width: 88rem;
}

.s02 .owl-item {
    transition: transform 0.6s ease;
}

.s02-row .owl-nav {
    display: flex;
    justify-content: space-between;
    color: pink;
}

.s02-row.owl-carousel .owl-nav button.owl-prev {
    position: absolute !important;
    bottom: 50%;
    left: 0 !important;
}

.s02-row.owl-carousel .owl-nav button.owl-next {
    position: absolute !important;
    bottom: 50%;
    right: 0 !important;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent !important;
}

.prof {
    margin: -1px 0 0;
    padding: 5rem 0;
    background-color: #f5f5f7;
    background-image: url("https://onovomercado.com/wp-content/uploads/section-14-1.jpg");
    background-size: cover;
}

.prof p {
    width: min(60rem, 80%);
    margin: 0 auto;
    font-size: 2.2rem;
    font-size: clamp(1.6rem, 2.2vw, 2.2rem);
    font-weight: 600;
    text-align: center;
    color: #303030;
}

.prof .btn-sql{
    margin: 5rem auto;
}

.prof-row {
    display: flex;
    gap: 1.2rem;
    padding: 6rem 0 0;
    padding: clamp(4rem, 6vw, 6rem) 0 0;
}

.prof-item {
    position: relative;
    width: 100%;
    height: 50rem;
    height: clamp(45rem, 50vw, 50rem);
    border-radius: 2.5rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: clamp(3.6rem, 4.6vw, 4.6rem) 2rem;
    margin: 0 auto 0 1rem;
}

.prof-item-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.prof-item-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.prof-item p {
    position: relative;
    font-size: 3.6rem;
    font-size: clamp(2.4rem, 2vw, 3.6rem);
    line-height: 1;
    color: #fff;
    text-shadow: 0 0 10px rgb(0 0 0 / 40%);
}

.pilares {
    padding: 4.7vw 0;
    overflow: hidden;
    background: #00022b;
    width: 85%;
    margin: auto;
    border-radius: 2rem;
}

.pilares h2 {
    width: 40.5vw;
    margin: 0 auto;
    font-size: 2.2vw;
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.04em;
    text-align: center;
    padding: 0 0 2vw;
    color: #fff;
    position: relative;
    z-index: 2;
}

.pilares p {
    margin: 0 auto;
    width: 38vw;
    font-size: 1.3vw;
    line-height: 1.1;
    font-weight: 500;
    text-align: center;
    color: #a1bdf8;
    position: relative;
    z-index: 2;
}

.pilares p span {
    font-weight: bold;
}

.pilares-circle {
    max-width: 192rem;
    margin: -7vw auto 0;
    position: relative;
}

.pilares-circle-img img {
    width: 100%;
}

.pilares-item {
    width: 20vw;
    margin: 0 auto;
    position: absolute;
}

.pilares-item.item-1 {
    top: 18%;
    left: 13%;
    width: 19.5vw;
}

.pilares-item.item-2 {
    top: 18%;
    right: 13%;
    width: 17vw;
}

.pilares-item.item-3 {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.pilares-item img {
    display: none;
}

.pilares-circle h3 {
    font-size: 4.6rem;
    font-size: clamp(3rem, 2.4vw, 4rem);
    font-weight: 600;
    line-height: 1.2;
    padding: 0 0 1.6rem;
    padding: 0 0 clamp(0.8rem, 1vw, 1rem);
    color: #fff;
}

.pilares-circle p {
    width: 100%;
    font-size: 1vw;
    font-weight: normal;
    line-height: 1.3;
    text-align: left;
    margin: 0;
}

.escola {
    background-color: #f5f5f7;
}

.escola-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: min(160rem, 90%);
    margin: 0 auto;
    padding: 9.4rem 0 2rem;
    padding: clamp(5rem, 9vw, 9.4rem) 0 6rem;
    background-color: #fff;
    border-radius: 2rem;
    transform: translateY(-8rem);
}

.escola h2 {
    width: min(40rem, 90%);
    margin: 0 auto;
    font-size: 3.6rem;
    font-size: clamp(2.6rem, 3.6vw, 3.6rem);
    font-weight: 600;
    letter-spacing: -0.04em;
    line-height: 1.3;
    text-align: center;
}

.escola h5 {
    width: min(61rem, 90%);
    margin: 0 auto;
    padding: 2.4rem 0 0;
    font-size: 2.2rem;
    font-size: clamp(1.6rem, 2vw, 2.2rem);
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
}

.escola p {
    width: min(76rem, 90%);
    margin: 0 auto;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    padding: clamp(2rem, 4vw, 5rem) 0px clamp(5rem, 6vw, 6rem);
    color: rgb(108, 108, 108);
}

.escola-row {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 2rem;
    padding: 2.4rem 2rem;
    border-radius: 1rem;
}

.escola-col {
    display: flex;
    align-items: center;
    gap: 2rem;
    gap: clamp(1rem, 2vw, 2rem);
    position: relative;
}

.escola-col-1 {
    flex: 1 1 14rem;
    min-width: 14rem;
    max-width: 24rem;
    padding-right: 6rem;
    align-self: center;
}

.escola-col-2 {
    flex: 1 1 24rem;
    min-width: 24rem;
    max-width: 48rem;
    padding-right: 10rem;
    position: relative;
}

.escola-col-2::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 250%;
    top: 2rem;
    left: 94%;
    background-color: #d9d9d9;
}

.escola-row:last-of-type .escola-col-2::before {
    height: 80%;
}

.escola-col-3 {
    flex: 1 1 24rem;
    min-width: 24rem;
    max-width: 48rem;
    padding-right: 10rem;
}

.escola-col img {
    width: 3rem !important;
    width: clamp(1.8rem, 3vw, 2.6rem) !important;
}

.escola-row p {
    display: flex;
    padding: 0;
    margin: 0;
    text-align: left;
    font-size: 1.6rem;
    color: #232323;
}

.escola h3 {
    font-size: 3.6rem;
    font-size: clamp(2rem, 3.6vw, 3.6rem);
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: -0.04em;
}

.escola h3.pink {
    background: linear-gradient(120deg, #f33977, #dd004a);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.escola h3.blue {
    background: linear-gradient(120deg, #5390d8, #011e41);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.escola h4 {
    font-size: 2rem;
    font-size: clamp(1.8rem, 1.7vw, 2rem);
    font-weight: bold;
}

.dep {
    min-height: 60vh;
}

.dep-intro {
    width: min(106rem, 90%);
    margin: 0 auto;
    padding: 0 0 4rem;
}

.dep-intro h2 {
    font-size: 4.6rem;
    font-size: clamp(4.6rem, 4.6vw, 4.6rem);
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 1.6rem;
    background: linear-gradient(120deg, #5390d8, #1c4473);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.dep-intro p {
    font-size: 2.2rem;
    font-size: clamp(1.8rem, 1.7vw, 2.2rem);
    font-weight: 600;
}

.dep-wrap {
    width: min(106rem, 90%);
    margin: 0 auto;
    padding: 0 0 4rem;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
}

.dep-card {
    width: min(25rem, 100%);
    padding: 0 0 2.8rem;
}

.dep-card img {
    border-radius: 3rem;
}

.dep-card h2 {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 2rem 0 0.8rem;
    color: #000;
}

.dep-card p {
    min-height: 6.2rem;
    font-size: 1.4rem;
    padding: 0 0 2rem;
    color: #000;
}

.dep-card button {
    font-size: 1.2rem;
    padding: 0.4rem 1.2rem;
    border-radius: 2rem;
    border: 1px solid #000;
    background-color: transparent;
}

.dep-btn {
    width: min(106rem, 90%);
    margin: 0 auto;
    padding: 0 0 12rem;
    display: flex;
    justify-content: flex-end;
}

.dep-btn a {
    font-size: 2rem;
    background: linear-gradient(135deg, #5390d8, #153a66);
    text-decoration: none;
    padding: 2rem 4rem;
    transition: background 0.3s, color 0.3s;
    color: transparent;
    background-clip: text;
    -webkit-background-clip: text;
    border: 1px solid #5390d8;
}

.dep-btn .onm-btn::before {
    box-shadow: -2px 0px 8px 4px #5390d8;
}

.dep-btn .onm-btn:hover,
.dep-btn .onm-btn:active,
.dep-btn .onm-btn:focus {
    color: transparent;
}

.dep-btn .onm-btn:hover::before {
    opacity: 0.6;
}

.dep-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 100vh;
    background: rgba(0, 0, 0, 0.2);
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    display: none;
}

.dep-modal-wrap {
    width: min(85rem, 90%);
    margin: 0 auto;
    padding: 3.2rem;
    border-radius: 1.6rem;
    background: #fff;
    position: relative;
}

.dep-modal-close {
    position: absolute;
    top: 2.2rem;
    right: 1.4rem;
    font-size: 3rem;
    line-height: 1;
    padding: 0.4rem 1rem;
    border: none;
    background: transparent;
}

.dep-modal-header {
    display: flex;
    align-items: center;
    gap: clamp(1.2rem, 3vw, 3.2rem);
    padding: 0 0 3.2rem;
}

.dep-modal-header img {
    width: 9.2rem;
    height: 9.2rem;
    border-radius: 1.1rem;
}

.dep-modal-header h2 {
    font-size: 2.2rem;
}

.dep-modal-header h3 {
    font-size: 1.6rem;
    opacity: 0.6;
}

.dep-modal-text {
    max-height: 42rem;
    padding: 0 1rem 0 0;
    overflow-y: auto;
}

.dep-modal-text p + p {
    padding: 2rem 0 0;
}

.hist {
    margin: -1px 0 0;
    background-color: #f5f5f7;
}

.hist-wrap {
    width: min(110rem, 76%);
    margin: 0 auto;
    padding: 6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.hist-info {
    flex: 1 1 30rem;
    min-width: 30rem;
    max-width: 40rem;
}

.hist h2 {
    font-size: 4.6rem;
    font-size: clamp(4.6rem, 4.6vw, 4.6rem);
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 1.6rem;
    background: linear-gradient(120deg, #5390d8, #1c4473);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.hist h2 ~ p {
    font-size: 2.2rem;
    font-size: clamp(1.8rem, 1.7vw, 2.2rem);
    font-weight: 600;
}

.hist-row {
    flex: 1 1 30rem;
    min-width: 30rem;
    max-width: 66rem;
    height: 100rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 1.2rem;
}

.hist-item {
    width: min(32rem, 100%);
    padding: 4.4rem 3.4rem 3.6rem;
    margin: 0 auto 1rem;
    border-radius: 2rem;
    background-color: #fff;
}

.hist-item p {
    font-size: 1.6rem;
    font-size: clamp(1.5rem, 1.6vw, 1.6rem);
    font-weight: 600;
}

.hist-pessoa {
    display: flex;
    align-items: center;
    gap: 1.4rem;
    gap: clamp(1rem, 1.4vw, 1.4rem);
    padding: 2.6rem 0 0;
}

.hist-pessoa img {
    width: 5rem !important;
    border-radius: 50%;
}

.hist-nome p {
    font-size: clamp(1.4rem, 1.6vw, 1.6rem);
    font-weight: 600;
    color: #474747;
}

.hist-nome p:last-of-type {
    font-weight: 500;
}

.mudar {
    margin: -1px 0 0;
    padding: 0 0 10rem;
    background-color: #f5f5f7;
}

.mudar-wrap {
    width: min(160rem, 90%);
    margin: 0 auto;
    padding: 28rem 14rem 20rem;
    padding: clamp(2rem, 10vw, 28rem) clamp(2rem, 10vw, 18rem)
    clamp(6rem, 10vw, 20rem);
    border-radius: 2rem;
    background-color: #fff;
    overflow: hidden;
}

.mudar-info {
    width: min(43rem, 100%);
    position: relative;
}

.mudar-img {
    position: absolute;
    top: 50%;
    left: 110%;
    transform: translateY(-50%);
    width: 50vw;
}

.mudar-img img {
    width: 100%;
}

.mudar h2 {
    font-size: 4.6rem;
    font-size: clamp(3.4rem, 5vw, 5.4rem);
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 1.6rem;
    background: linear-gradient(120deg, #5390d8, #1c4473);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.mudar p {
    font-size: 2.2rem;
    font-size: clamp(1.8rem, 1.7vw, 2rem);
    font-weight: 600;
    padding: 0 0 4rem;
    padding: 0 0 clamp(1rem, 4vw, 4rem);
}

.mudar .onm-btn {
    width: min(32rem, 100%);
    font-size: clamp(1.6rem, 2vw, 2rem);
    padding: 1.2rem 2rem 1.1rem;
}

.portal {
    margin: 8rem 0 0;
}

.portal-wrap {
    width: min(132rem, 90%);
    margin: 0 auto;
}

.portal h2 {
    font-size: 4.6rem;
    font-size: clamp(3.4rem, 4.6vw, 4.6rem);
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    padding: 0 0 1.6rem;
    background: linear-gradient(120deg, #5390d8, #1c4473);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.portal p {
    width: min(52rem, 100%);
    margin: 0 auto;
    font-size: 2.2rem;
    font-size: clamp(1.8rem, 1.7vw, 2.2rem);
    font-weight: 600;
    text-align: center;
    padding: 0 0 4rem;
    padding: 0 0 clamp(1rem, 4vw, 4rem);
}

.portal-cat {
    width: min(92rem, 100%);
    margin: 0 auto;
    padding: 0 0 4rem;
    display: flex;
    justify-content: center;
    gap: 1rem;
    gap: clamp(0.8rem, 1.2vw, 1.2rem);
    flex-wrap: wrap;
}

.portal button {
    font-size: 1.6rem;
    font-size: clamp(1.2rem, 1vw, 1.6rem);
    padding: 1rem 3.2rem;
    padding: clamp(0.6rem, 1vw, 1rem) clamp(2rem, 3vw, 3.2rem);
    border-radius: 20rem;
    border: 2px solid #9d9d9d;
    background: transparent;
    color: #9d9d9d;
    transition: all 0.3s;
}

.portal button.active,
.portal button:hover {
    color: #fff;
    background-color: #e7004c;
    border: 2px solid #e7004c;
}

.portal-row {
    display: none;
    opacity: 0;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1.2rem;
    transition: all 0.3s;
}

.portal-row.active {
    display: flex;
}

.portal-row.opacity {
    opacity: 1;
}

.portal-row img {
    flex: 1 1 34rem;
    min-width: min(28rem, 100%);
    max-width: min(43rem, 100%);
    border-radius: 1rem;
}

.cursos {
    margin: -1px 0 0;
    padding: 12rem 0;
    padding: clamp(6rem, 10vw, 16rem) 0;
    background-color: #f5f5f7;
    overflow: hidden;
}

.cursos h2 {
    width: min(106rem, 90%);
    margin: 0 auto;
    font-size: 4.6rem;
    font-size: clamp(3.4rem, 4.6vw, 4.6rem);
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    padding: 0 0 1.6rem;
    background: linear-gradient(120deg, #5390d8, #1c4473);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.cursos p {
    width: min(50rem, 90%);
    margin: 0 auto;
    font-size: 2.2rem;
    font-size: clamp(1.8rem, 1.7vw, 2.2rem);
    font-weight: 600;
    text-align: center;
    padding: 0 0 6rem;
    padding: 0 0 clamp(3.4rem, 6vw, 6rem);
}

.cursos .item {
    margin: 0 0 0 1rem;
}

.cursos .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    border-radius: 1rem;
}

.trailer {
    margin: -1px 0 0;
    background-color: #f5f5f7;
}

.trailer-wrap {
    width: min(132rem, 90%);
    margin: 0 auto;
    padding: 8rem 0;
    padding: clamp(8rem, 10vw, 15rem) 0 clamp(8rem, 20vw, 20rem);
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2rem;
}

.trailer-info {
    flex: 1 1 30rem;
    min-width: 30rem;
    max-width: 44rem;
}

.trailer h2 {
    font-size: 4.6rem;
    font-size: clamp(3.4rem, 5vw, 5.4rem);
    font-weight: bold;
    line-height: 1.2;
    padding: 0 0 1.6rem;
    background: linear-gradient(120deg, #5390d8, #1c4473);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.trailer-player {
    flex: 1 1 30rem;
    min-width: 30rem;
    max-width: 78rem;
    margin: 0 auto;
}

.trailer-video {
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 6px;
}

.trailer-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 2px;
}

.sfooter {
    color: #d1cfc7;
    background: #1a1919;
}

.sfooter-wrap {
    width: min(142rem, 90%);
    margin-inline: auto;
    padding: 2rem 0;
    font-size: 1.3rem;
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
}

.sfooter img {
    width: 10rem;
}

.sfooter a {
    font-weight: 600;
    text-decoration: none;
    color: #d1cfc7;
}

.onm-whatsapp {
    position: fixed;
    right: 0;
    transform: translateX(-2rem);
    bottom: 1.4rem;
    background: #1faf38;
    padding: 0.6rem 1.2rem;
    border-radius: 10rem;
    transition: all 0.3s;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5rem;
}

.onm-whatsapp:hover {
    /*box-shadow: 0 0 15px 0 #0bd600;*/
    transform: translateX(-2rem) scale(1.05);
}

.onm-whatsapp img {
    width: 1.8rem;
}

.onm-whatsapp-text {
    font-size: 15px;
    font-weight: 600;
    text-align: center;
    color: #fff;
}

.hide-desktop {
    display: none;
}

@media screen and (max-width: 1600px) {
    .s01-header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 4rem 0 28rem;
        padding: 4rem 0 clamp(16rem, 20vw, 20rem);
    }
}

@media screen and (max-width: 700px) {
    .nav {
        padding: 3.2rem 0;
    }
    .s01-bg {
        position: relative;
    }
    .s01-cta {
        text-align: center;
        width: 90%;
        margin: auto;
    }
    .s01 picture img{
        width: 100%;
    }
    .s01-cta .onm-btn {
        width: 95%;
    }
    .s01-views {
        position: relative;
        transform: none;
    }
    .s01-img {
        width: 100vw;
        margin: 0 0 -6rem;
    }
    .s02-header {
        width: min(30rem, 90%);
    }
    .s02-header h2,
    .s02-header p,
    .escola h2,
    .escola h5,
    .escola p {
        width: min(29rem, 90%);
        text-align: left;
        color: #232323;
    }
    .escola h5 {
        line-height: 1.5;
    }
    .escola p {
        font-size: 1.6rem;
    }
    .pilares {
        padding: clamp(8rem, 12vw, 12rem) 0 6rem;
        width: 100%;
    }
    .pilares h2{
        width: min(29rem, 90%);
        text-align: left;
        font-size: 5vw;
    }
    .pilares p {
        width: min(29rem, 90%);
        text-align: left;
        font-size: 3vw;
    }
    .pilares-circle {
        margin: -14rem auto 0;
    }
    .pilares-circle-img {
        margin: 0 0 -6rem;
    }
    .pilares-item,
    .pilares-item.item-1,
    .pilares-item.item-2,
    .pilares-item.item-3 {
        position: relative;
        width: min(26rem, 80%);
        inset: initial !important;
        transform: none !important;
        padding: 0 0 4.6rem;
    }
    .pilares-item img {
        display: block;
        position: absolute;
        top: 0.6rem;
        left: -3.5rem;
    }
    .pilares-item::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 100%;
        background-color: #fff;
        top: 1rem;
        left: -2.4rem;
    }
    .pilares-item.item-3::before {
        display: none;
    }
    .dep-intro {
        padding: 6rem 0 4rem;
    }
    .dep-wrap {
        padding: 0 0 2rem;
        justify-content: center;
    }
    .dep-card {
        width: min(33rem, 100%);
    }
    .dep-card img {
        width: 100%;
    }
    .dep-card h2,
    .dep-card p {
        font-size: 1.85rem;
    }
    .dep-btn {
        justify-content: center;
    }
    .dep-card button {
        font-size: 1.6rem;
    }
    .hist-wrap {
        padding: 6rem 0 7rem;
    }
    .hist-row {
        height: initial;
    }
    .hist-item {
        width: 100%;
    }
    .portal {
        padding: 6rem 0 8rem;
        background-color: #fff;
    }
    .escola {
        background-color: #fff;
    }
    .escola-wrap {
        width: 100%;
        transform: none;
        padding: clamp(6rem, 9vw, 9.4rem) 0 7.6rem;
    }
    .escola-row {
        min-height: 34rem;
        margin-left: 3.2rem;
        padding: 1.5rem 2rem 2rem 3rem;
        background-color: #efefef;
    }
    .escola-col {
        flex-wrap: wrap;
    }
    .escola-col-2,
    .escola-col-3 {
        padding-right: 0;
    }
    .escola-col-2::before {
        display: none;
    }
    .escola-col img {
        position: absolute;
        top: 0;
        left: -1.3rem;
        transform: translate(-140%, 12%);
    }
    .cursos .owl-carousel {
        margin-left: 1rem;
    }
    .mudar {
        padding: 0 0 16rem;
    }
    .mudar-wrap {
        overflow: initial;
    }
    .mudar-img {
        position: relative;
        transform: translate(-50%, -50%);
        top: 0;
        left: 50%;
        width: 114vw;
        margin: 0 0 -10rem;
    }
    .mudar .onm-btn {
        position: absolute;
        width: 100%;
        bottom: 0;
        transform: translateY(300%);
    }
    .sfooter-wrap {
        padding: 4rem 0;
        flex-direction: column;
        gap: 2rem;
    }
    .sfooter p:first-of-type {
        width: 100%;
        position: relative;
        padding: 2rem 0;
    }
    .sfooter p:first-of-type::before,
    .sfooter p:first-of-type::after {
        position: absolute;
        content: "";
        width: 100%;
        height: 1px;
        left: 0;
        background: rgb(255 255 255 / 25%);
    }
    .sfooter p:first-of-type:before {
        top: 0;
    }
    .sfooter p:first-of-type:after {
        bottom: 0;
    }
    .hide-desktop {
        display: block;
    }
    .hide-mobile {
        display: none;
    }
}

/* Roger's code */
.w-layout-hflex {
    flex-direction: row;
    align-items: flex-start;
    display: flex;
}

.how-to-work {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-right: 0;
}

.entenda {
    width: 83%;
    max-width: 1600px;
    grid-column-gap: 0px;
    grid-row-gap: 16px;
    -webkit-text-fill-color: inherit;
    background-color: #00022b;
    background-image: radial-gradient(circle, #1f236f, #00022b);
    background-clip: border-box;
    border-radius: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 2.5fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    margin-bottom: 10rem;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10rem;
    padding-bottom: 10rem;
    padding-left: 13rem;
    display: grid;
    position: relative;
    background-image: url("https://onovomercado.com/wp-content/uploads/Frame-259-1.jpg");
    background-size: cover;
}

.how-to-work-image {
    justify-content: flex-end;
    display: flex;
}

.section-title {
    text-align: left;
    letter-spacing: -2px;
    font-family: Gilroy, sans-serif;
    font-size: 3.8vw;
    font-weight: bold;
    line-height: 1.2;
    background: linear-gradient(271deg, #5390D8 3.2%, #0A57B1 98.05%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 4vw;
}

.section-title.black.cmn {
    margin-top: 3.2rem;
}

.section-title.fluxo-compra {
    margin-top: 0;
    padding-top: 0;
}

.section-title.fc {
    line-height: 1.2;
    background-image: linear-gradient(67deg, #599ac2, #07324c);
}

.section-title.acs {
    background-image: linear-gradient(67deg, #fff, #599ac2);
}

.section-title.hd {
    margin-bottom: 2.4rem;
    background: linear-gradient(82deg, #5390D8 0%, #FFF 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section-description {
    font-size: 2rem;
    font-weight: 600;
}

.section-description.white {
    color: #fff;
}

.section-description.black {
    width: min(68rem, 100%);
    text-align: center;
    font-size: 2.2rem;
    font-size: clamp(1.6rem, 1.7vw, 2.2rem);
    font-weight: 500;
}

.section-description.black.small {
    width: min(58rem, 100%);
}

.entenda-line {
    width: 33vw;
    position: absolute;
    top: 52rem;
    left: 14rem;
}

.aa {
    width: 100%;
    grid-column-gap: 0rem;
    grid-row-gap: 2.4rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 128px;
    display: flex;
}

.button {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 60px;
}

.htw-item {
    grid-row-gap: 2.4rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
}

.htw-item.pc {
    width: 83%;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 140px;
}

.htw-item.resultados {
    margin-top: 15px;
    display: none;
}

.swiper-wrapper {
    grid-column-gap: 12px;
    grid-row-gap: 12px;
    object-fit: fill;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: stretch;
    display: flex;
    overflow: visible;
}

.slide-item.swiper-slide {
    max-width: 320px;
    background-color: #fff;
    border-radius: 28px;
    flex: 0 auto;
    align-self: stretch;
    padding: 4rem 3.2rem 3.2rem;
}

.htw-slide-description {
    font-family: Gilroy, sans-serif;
    font-size: 18px;
    font-weight: 600;
}

.htw-slide-infos {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    justify-content: flex-start;
    align-items: center;
    margin-top: 8px;
    display: flex;
}

.htw-slide-photo {
    width: 50px;
    height: 50px;
    background-color: #ececec;
    border: 0 #000;
    border-radius: 200px;
}

.heading {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Gilroy, sans-serif;
    font-size: 16px;
}

.acesso {
    background-image: linear-gradient(#f5f5f7, #f5f5f7);
    margin-top: 0;
    padding-top: 20rem;
    padding-top: clamp(6rem, 10vw, 20rem);
}

.acesso-container {
    width: 83%;
    max-width: 1600px;
    grid-column-gap: 0rem;
    grid-row-gap: 0px;
    background-image: linear-gradient(#f5f5f7, #f5f5f7);
    border-radius: 20px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.1fr;
    grid-auto-columns: 1fr;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    overflow: hidden;
}

.acesso-infos {
    background-image: radial-gradient(circle at 0 0, #1f236f 14%, #0f1144);
    background: radial-gradient(81% 84% at 6% 22%, #1f236f, #00022b);
    padding: 6rem 10rem 6rem 6rem;
    padding: clamp(3rem, 3vw, 6rem) clamp(5rem, 4vw, 10rem) clamp(3rem, 4vw, 6rem)
    clamp(3rem, 3vw, 6rem);
}

.acesso-features {
    grid-column-gap: 3.2rem;
    grid-row-gap: 16px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    margin-top: 4rem;
    display: grid;
}

.acesso-features img {
    height: 3.5rem;
}

.acesso-item {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2.8rem;
    margin-bottom: clamp(2rem, 1.6vw, 2.8rem);
    display: flex;
    gap: 0.8rem;
}

.acesso-item-title {
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Gilroy, sans-serif;
    font-size: 2.2rem;
}

.acesso-item-text {
    color: #a1bdf8;
    margin-bottom: 0;
    font-family: Gilroy, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.acesso-container .onm-btn {
    width: min(32rem, 100%);
    padding: clamp(1rem, 1.2vw, 1.4rem) 1rem;
    margin-top: clamp(2rem, 2vw, 4rem);
    font-size: clamp(1.6rem, 1.6vw, 1.8rem);
}

.link {
    color: #fff;
    -webkit-text-fill-color: inherit;
    background-color: #dd004a;
    background-clip: border-box;
    border-radius: 150px;
    margin-top: 4rem;
    margin-left: 0;
    padding: 20px 10rem;
    font-family: Gilroy, sans-serif;
    font-size: 2.2rem;
    text-decoration: none;
    display: inline-block;
}

.link:hover {
    color: #fff;
}

.acesso-thumb {
    background-image: url("../img/acesso-thumb.webp");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: scroll;
}

.fluxo-compra {
    background-image: linear-gradient(#f5f5f7, #f5f5f7);
    padding-top: 14rem;
    padding-bottom: 8rem;
}

.fluxo-compra-container {
    width: 83%;
    max-width: 1366px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
}

.fluxo-compra-items {
    justify-content: center;
    align-items: flex-start;
    margin-top: 4rem;
    display: flex;
}

.fluxo-compra-item {
    max-width: 33%;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    display: flex;
}

.fluxo-compra-titulo {
    color: #dd004a;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0.8rem;
    font-family: Gilroy, sans-serif;
    font-size: 1.8rem;
    font-weight: bold;
}

.fluxo-compra-text {
    width: 70%;
    text-align: center;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    font-family: Gilroy, sans-serif;
    font-size: 16px;
    font-weight: 600;
}

.atendimento {
    background-color: #f5f5f7;
    padding: 10rem 0;
    padding: clamp(4rem, 6vw, 10rem) 0 10rem;
}

.atendimento-contianer {
    width: 83%;
    max-width: 1600px;
    grid-row-gap: 2.4rem;
    background-color: #fff;
    border-radius: 20px;
    flex-direction: column;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    padding-top: 8rem;
    padding-bottom: 8rem;
    display: flex;
}

.atendimento-btn {
    gap: 0rem 2.4rem;
    background-color: rgb(37, 211, 102);
    border-radius: 200px;
    align-items: center;
    text-decoration: none;
    display: flex;
    padding: clamp(1rem, 1.2vw, 1.4rem) 3rem;
    margin-top: clamp(2rem, 2vw, 4rem);
    font-size: clamp(1.6rem, 1.6vw, 1.8rem);
}

.text-block {
    color: #fff;
    font-family: Gilroy, sans-serif;
    font-size: 2.2rem;
    font-size: clamp(1.6rem, 2vw, 2.2rem);
    font-weight: 700;
    text-decoration: none;
    text-align: center;
}

.faq {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding-top: 8rem;
    padding-bottom: 14rem;
    display: flex;
}

.asks {
    width: 80%;
    max-width: 870px;
    margin-top: 10rem;
    margin-left: auto;
    margin-right: auto;
}

.ask {
    width: 100%;
    cursor: pointer;
    border-bottom: 2px solid #b7b7b7;
    margin-bottom: 2.8rem;
    padding-bottom: 2.2rem;
}

.ask-title-wrapper {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.ask-title {
    margin-top: 0;
    margin-bottom: 0;
    font-family: Gilroy, sans-serif;
}

.ask-aswer {
    color: #202020;
    margin-bottom: 0;
    font-family: Gilroy, sans-serif;
    font-size: 16px;
    font-weight: 400;
}

.ask.active .ask-aswer {
    padding: 2rem 0 0;
}

.entenda-line-reto,
.image-3 {
    display: none;
}

.p-link {
    color: #202020;
    font-weight: 500;
}

@media screen and (min-width: 1920px) {
    .how-to-work {
        grid-column-gap: 40px;
        grid-row-gap: 40px;
    }

    .entenda {
        grid-column-gap: 40px;
        grid-row-gap: 0px;
        background-image: radial-gradient(circle, #1f236f 49%, #00022b);
        align-content: center;
        justify-content: center;
        align-items: start;
        justify-items: center;
        position: relative;
    }

    .infos {
        padding-top: 60px;
    }

    .section-title {
        line-height: 1.2;
    }

    .section-description.black.teste {
        font-size: 6rem;
    }

    .entenda-line {
        width: 30vw;
        top: initial;
        bottom: -14vw;
        left: 11%;
    }

    .titulo-teste {
        color: #e21111;
        font-size: 60px;
    }

    .htw-item.pc {
        margin-top: 0;
        padding-top: 139px;
    }

    .acesso-item {
        grid-row-gap: 16px;
    }

    .acesso-thumb {
        background-image: url("../img/acesso-thumb.webp");
        background-position: 0 0;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .ask-title {
        font-size: 2rem;
    }
}

@media screen and (max-width: 991px) {
    .entenda {
        flex-direction: column;
        grid-template-columns: 1fr;
        padding-top: 0;
        padding-bottom: 0;
        padding-left: 0;
        display: flex;
    }

    .infos {
        padding: 4rem;
    }

    .section-title.fc {
        text-align: center;
        margin-top: 0;
        font-size: 4.6rem;
        font-size: clamp(2rem, 4vw, 4.6rem);
    }

    .section-description.black {
        margin-bottom: 0;
    }

    .entenda-line {
        display: none;
    }

    .htw-slide {
        flex-wrap: wrap;
        display: flex;
    }

    .swiper-wrapper {
        flex-wrap: wrap;
        justify-content: center;
    }

    .acesso {
        padding-bottom: 7rem;
    }

    .acesso-container {
        grid-template-columns: 1fr;
    }

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

    .link {
        width: 80%;
        text-align: center;
    }

    .acesso-thumb {
        min-height: 650px;
    }

    .fluxo-compra {
        background-image: linear-gradient(#fff, #fff);
        padding-top: 7rem;
    }

    .fluxo-compra-items {
        flex-direction: column;
    }

    .fluxo-compra-item {
        max-width: 100%;
        padding-bottom: 2.4rem;
    }

    .atendimento {
        background-color: #fff;
    }

    .atendimento-contianer {
        background-color: #f5f5f7;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
    }

    .image-2 {
        order: -1;
    }
}

@media screen and (max-width: 767px) {
    .acesso-container {
        width: 100%;
    }

    .acesso-thumb {
        min-height: 600px;
    }
}

@media screen and (max-width: 479px) {
    .entenda {
        width: 100%;
        border-radius: 0;
        flex-direction: column;
        display: flex;
    }

    .infos {
        flex-direction: column;
        align-items: flex-start;
        padding-top: 0;
        display: flex;
    }

    .section-title {
        font-size: 3.8rem;
        line-height: 4rem;
    }

    .section-title.black.pc {
        margin-top: -22px;
        font-size: 3.6rem;
    }

    .section-title.black.cmn,
    .section-title.black.mt,
    .section-title.black.resultados {
        font-size: 3.6rem;
    }

    .section-title.fc {
        margin-top: 0;
        font-size: 3.6rem;
    }

    .section-description {
        font-size: 16px;
    }

    .section-description.black {
        width: 100%;
        padding-left: 2.4rem;
        padding-right: 2.4rem;
        font-size: 16px;
        display: block;
    }

    .entenda-line {
        width: 80vw;
        display: none;
    }

    .htw-item.pc {
        width: 100%;
        padding-top: 60px;
    }

    .htw-item.cmn {
        margin-top: 27px;
    }

    .htw-item.mt {
        margin-top: 18px;
    }

    .htw-item.resultados {
        display: none;
    }

    .acesso {
        width: 100%;
        max-width: 1005px;
        padding-top: 10rem;
        padding-bottom: 0;
    }

    .acesso-container {
        border-radius: 0;
    }

    .acesso-infos {
        width: 100%;
        max-width: 100%;
        background-image: radial-gradient(circle at 0%, #1f236f 14%, #0f1144);
        flex-flow: column;
        justify-content: flex-start;
        align-items: flex-start;
        padding: 6.4rem 3.2rem 6.4rem;
        display: flex;
    }

    .acesso-features {
        width: 100%;
        max-width: 100%;
        flex-direction: column;
        display: flex;
    }

    .link {
        width: 100%;
        text-align: center;
        padding-left: 1rem;
        padding-right: 1rem;
        font-size: 18px;
        font-weight: 500;
    }

    .acesso-thumb {
        min-height: 500px;
    }

    .fluxo-compra {
        padding: 8rem 0 0;
    }

    .fluxo-compra-container {
        width: 100%;
    }

    .fluxo-compra-item {
        max-width: 100%;
        padding-bottom: 6rem;
    }

    .fluxo-compra-text {
        width: 100%;
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .atendimento {
        padding-top: 0;
        padding-bottom: 10rem;
    }

    .atendimento-contianer {
        width: 83%;
        padding: 4rem 2.4rem;
    }

    .atendimento-btn {
        width: 100%;
        grid-column-gap: 12px;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .faq {
        padding-top: 5rem;
    }

    .asks {
        margin-top: 6rem;
    }

    .entenda-line-reto {
        align-self: center;
        margin-top: 40px;
        margin-bottom: -173px;
        display: block;
    }

    .image-3 {
        display: none;
    }
}

#w-node-aafc9725-353d-6f28-a57a-9077f86fa598-d8734438 {
    grid-area: span 1 / span 1 / span 1 / span 1;
    align-self: stretch;
    justify-self: end;
}

@media screen and (max-width: 991px) {
    #w-node-aafc9725-353d-6f28-a57a-9077f86fa598-d8734438 {
        grid-area: 2 / 1 / 3 / 2;
    }
}

/* Nav */
.nav .onm-btn.hollow {
    margin: 0 -1.4vw 0 -0.4vw;
}

.sa-menu,
.hb-menu {
    width: 100%;
    position: fixed;
    background: #00022b;
    z-index: 1500;
    display: none;
    transform: translate3d(0, -110%, 0);
    transition: 0.5s;
    z-index: 4;
}

.sa-menu.active,
.hb-menu.active {
    display: inherit;
    transform: translate3d(0, 0, 0);
}

.hb-menu.active::before {
    position: absolute;
    content: "";
    width: 100vw;
    height: 100vh;
    background-color: #02032763;
    box-shadow: 0px 20px 50px 0px rgba(3, 5, 27, 0.47);
    backdrop-filter: blur(4px);
    z-index: -2;
    transition: all 0.1s;
    transform: none;
}

.sa-wrap h2 {
    font-size: 2rem;
    color: #6097d8;
    margin-bottom: 2.4rem;
}

.sa-wrap a,
.hb-wrap a {
    font-size: 2.4rem;
    color: #fff;
    margin-bottom: 2.4rem;
}

.sa-wrap,
.hb-wrap {
    width: clamp(30rem, 70vw, 132rem);
    margin: 0 auto;
    padding-top: 10rem;
    padding-bottom: 2.4rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.hamburguer-wrapper {
    width: 2.4rem;
    height: 1.2rem;
    cursor: pointer;
    position: relative;
    display: none;
}

.hamburguer-wrapper span {
    width: 100%;
    height: 3px;
    background: #fff;
    transition: 0.5s;
    position: absolute;
}

.nav-color.light .hamburguer-wrapper span {
    background: #333;
}

.hamburguer-wrapper span:first-child {
    top: 0;
}

.hamburguer-wrapper span:last-child {
    bottom: 0;
}

.hamburguer-wrapper.active span {
    top: 50%;
    bottom: initial;
    background: #dd004a;
    transform: rotate(45deg);
}

.hamburguer-wrapper.active span:last-child {
    transform: rotate(-45deg);
}

.sl-sub-menu {
    display: none;
    flex-direction: column;
    padding-left: 2.4rem;
    margin-bottom: 16px;
}

.sl-sub-menu.active {
    display: flex;
}

.sl-sub-menu h2 {
    font-size: 2rem;
    color: #6097d8;
    margin-bottom: 2.4rem;
}

.sl-sub-menu a {
    font-size: 2rem;
    color: #fff;
    margin-bottom: 16px;
}

@media screen and (max-width: 969px) {
    .s01 .nav .nav-wrap .nav-menu {
        display: none;
    }
    .hamburguer-wrapper {
        display: flex;
    }
}


/* ESTILO PLANO PERFEITO */


.s03 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4.9vw 0 0;
}

.s03 h2 {
    width: 34.38vw;
    margin: 0 0 2.19vw;
    text-align: center;
    font-size: 1.67vw;
    font-weight: 500;
}

.s03 h2 span {
    font-weight: 700;
    color: #FF0053;
    background: linear-gradient(90deg, #F50052 -6.56%, #CA1ECC 54.53%, #6500FE 110.65%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s03-row {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.67vw;
}

.s03-row + .s03-row {
    padding: 2.08vw 0 0;
}

.s03-info {
    width: 15.63vw;
}

.s03 h3 {
    padding: 0;
    margin: 0 0 0.42vw;
    line-height: 1;
    position: relative;
    font-size: 2.8rem;
    display: inline-block;
    background: linear-gradient(90deg, #F50052 -6.56%, #CA1ECC 54.53%, #6500FE 110.65%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s03 h3::before {
    content: 'Cursos de';
    display: block;
    color: #FFF;
    font-size: 1.4rem;
    background: #FFF;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s03 p {
    font-size: 0.83vw;
    line-height: 1.3;
}

.s03-cards {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.78vw;
}

.s03-cards img {
    border-radius: 0.31vw;
}

.s03-plus {
    display: flex;
    align-items: center;
    gap: 0.57vw;
}

.s03-plus p {
    text-align: center;
    font-size: 1.15vw;
    font-weight: 700;
    line-height: 1;
}

.s03-row.reverse {
    flex-direction: row-reverse;
}

.s03-row.reverse .s03-plus {
    flex-direction: row-reverse;
    order: -1;
}


.s05 {
    /*display: flex;*/
    flex-direction: column;
    align-items: center;
    padding: 5rem 0 0;
    text-align: center;
}

.s05 h2 {
    padding: 0 0 1.25vw;
    font-size: 2.08vw;
    font-weight: 700;
    display: inline-block;
    background: linear-gradient(72deg, #FFF -2.79%, #69ABF8 107.29%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.s05 p {
    width: 40.83vw;
    font-size: 1.67vw;
    font-weight: 500;
    line-height: 1.3;
    padding: 0 0 5.52vw;
}

.s05 h3 {
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 4.06vw 0 2.08vw;
}

.s05 .onm-btn {
    width: 15vw;
    font-size: 1.04vw;
}

.s09 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 0 8.13vw;
}

.s09 h2 {
    font-size: 2.08vw;
    font-weight: 700;
    padding: 0 0 2.71vw;
}

.s09-row {
    width: 56.25vw;
    display: flex;
    flex-wrap: wrap;
    gap: 1.04vw;
}

.s09-card {
    color: #FFF;
    width: 17.71vw;
    padding: 1.04vw;
    border-radius: 0.83vw;
    border: 0.05vw solid #171330;
    background: radial-gradient(290.32% 196.97% at 63.85% -13.31%, #000461 0%, #00022B 67.17%, #00022B 100%);
    display: grid;
}

.s09 p {
    font-size: 0.83vw;
    line-height: 1.3;
}

.s09 p span {
    font-weight: bold;
}

.s09-person {
    display: flex;
    align-items: center;
    gap: 0.73vw;
}

.s09-card img {
    border-radius: 50%;
}

.s09-person {
    padding: 0.83vw 0 0;
}

.scarrousel {
    position: relative;
    height: 26vw;
    width: 100%;
}

.scarrousel-row {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    user-select: none;
}

.scarrousel-item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(.7);
    width: 38vw;
    overflow: hidden;
    transition: all 300ms ease-in-out;
    z-index: -1;
    opacity: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 1.51vw;
}

#carousel2 {
    margin: 0;
}

#carousel1{
    height: 35vw;
}

#carousel1 .scarrousel-item {
    width: 25vw;
}

#carousel2 .scarrousel-item {
    padding: 0;
    border-radius: 0;
}

.scarrousel .s01-player {
    width: 100%;
    margin: 0;
}

.scarrousel h3 {
    padding: 0 0 0.83vw;
    font-size: 2.08vw;
    font-weight: 700;
    background: linear-gradient(72deg, #FFF -2.79%, #69ABF8 107.29%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.scarrousel p {
    color: #BABABA;
    font-size: 0.94vw;
    font-weight: 400;
    line-height: 1.3;
}

.scarrousel p span {
    color: #fff;
    font-weight: 600;
}

.scarrousel-item.active {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    z-index: 99;
}

#carousel2 .scarrousel-item.active {
    z-index: 101;
}

.scarrousel-item.prev {
    z-index: 2;
    opacity: 0.6;
    transform: translate(-125%, -50%) scale(.7);
}

.scarrousel-item.next {
    z-index: 2;
    opacity: 0.6;
    transform: translate(25%, -50%) scale(.7);
}

#carousel1 .scarrousel-item.prev{
    transform: translate(-105%, -50%) scale(.7) rotate(-10deg);
    filter: brightness(.5);
    opacity: 1;
}

#carousel1 .scarrousel-item.next{
    transform: translate(5%, -50%) scale(.7) rotate(10deg);
    filter: brightness(.5);
    opacity: 1;
}

#carousel1 .scarrousel .button-container{
    width: 60vw;
}

.scarrousel-info {
    width: 16.88vw;
}

.scarrousel-img {
    width: 100%;
}

.scarrousel-img img{
    width: 100%;
}

.scarrousel .button-container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 54.17vw;
    z-index: 100;
}

.button-container .button {
    color: #fff;
    font-size: 1.67vw;
    cursor: pointer;
    position: relative;
    transition: all 300ms ease-in-out;
}

.button-container .button:hover {
    opacity: 1;
}

.button-container .button:before {
    /*content: "";*/
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 2.6vw;
    height: 2.6vw;
    background-color: #FF377D;
    border-radius: 50%;
    z-index: -99;
}

.button-container .button:nth-child(1) {
    float: left;
}

.button-container .button:nth-child(2) {
    float: right;
    transform: rotate(180deg);
}












.mcarrousel {
    position: relative;
}

.mcarrousel-row {
    display: flex;
    gap: 20px;
}

.mcarrousel-item:not(.active) {
    position: absolute;
    z-index: -1;
}

.mcarrousel-row img {
    width: 7vw;
}

.mcarrousel .button-container {
    position: absolute;
    width: calc(100% + 4vw);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
}

.button-container .mbutton {
    color: #fff;
    cursor: pointer;
    position: relative;
    transition: all 300ms ease-in-out;
    padding: 1vw;
}

.button-container .mbutton:nth-child(1) {
    float: left;
}

.button-container .mbutton:nth-child(2) {
    float: right;
    transform: scaleX(-1);
}

@media screen and (max-width: 600px) {
    .scarrousel {
        height: 150vw;
    }
    .scarrousel-item {
        width: 87.69vw;
        flex-direction: column;
        gap: 6.15vw;
    }
    .scarrousel-info {
        width: 76.92vw;
        text-align: center;
    }
    .scarrousel h3 {
        font-size: 7.18vw;
        padding: 0 0 2.82vw;
    }
    .scarrousel p {
        font-size: 3.59vw;
    }
    .scarrousel .button-container {
        transform: translate(-50%, 58.97vw);
    }
    .s03 {
        padding: 13.59vw 0 0;
    }
    .s03 h2 {
        width: 87.18vw;
        font-size: 8.21vw;
        margin: 0 0 10.26vw;
    }
    .s03-row, .s03-row.reverse {
        width: 87.18vw;
        flex-direction: column;
        align-items: flex-start;
        gap: 8.21vw;
    }
    .s03-row + .s03-row {
        padding: 12vw 0 0;
    }
    .s03-info {
        width: 100%;
    }
    .s03 h3 {
        padding: 0;
        margin: 0 0 2.05vw;
    }
    .s03 h3::before {
        border-radius: 11.54vw;
    }
    .s03 p {
        font-size: 4.62vw;
    }
    .s03-cards {
        width: 100%;
    }
    .s03-cards img {
        width: 24.36vw;
        border-radius: 1.28vw;
    }
    .s03-row.reverse .s03-plus {
        order: initial;
    }
    .s03-plus img {
        width: 8.72vw;
    }
    .s05 h2 {
        font-size: 8.72vw;
        padding: 15.38vw 0 6.15vw;
    }
    .s05 p {
        width: 92.31vw;
        font-size: 5.13vw;
    }
    .s05 h3 {
        width: 69.74vw;
        font-size: 6.15vw;
        padding: 19.49vw 0 6.15vw;
    }
    .s05 .onm-btn {
        width: 83.08vw;
        font-size: 5.13vw;
    }
    #carousel1 {
         height: 100vw;
         overflow: hidden;
     }
    #carousel1 .scarrousel-item{
        width: 80vw;
    }
    #carousel2 {
         height: 82vw;
         overflow: hidden;
     }
    #carousel2 .button-container {
        transform: translate(-50%, 24.62vw);
    }
    .s09 {
        padding: 10vw 0 8.13vw;
    }
    .s09-person {
        padding: 4vw 0 0;
        gap: 4vw;
    }
    .s09 h2 {
        width: 90vw;
        font-size: 8vw;
        text-align: center;
        padding: 0 0 8vw;
    }
    .s09 h3 {
        font-size: 4vw;
    }
    .s09-row {
        width: 90vw;
        flex-direction: column;
        gap: 4vw;
    }
    .s09-card {
        width: 100%;
        padding: 20px;
    }
    .s09 p {
        font-size: 16px;
    }
}

/* Novos */

.s01 picture{
    display: block;
    width: min(130rem, 80%);
    margin: clamp(4rem, 2vw, 8rem) auto 0;
}

#pre-cards {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 4.9vw 0 0;
}

#pre-cards p {
    width: min(84rem, 100%);
    margin: 0 auto;
    font-size: 2.2rem;
    font-size: clamp(1.8rem, 1.7vw, 2.2rem);
    font-weight: 600;
    text-align: center;
    padding: 0 0 4rem;
    padding: 0 0 clamp(1rem, 4vw, 4rem);
    color: #303030;
}
#pre-cards p span{
    font-weight: 700;
    background: linear-gradient(90deg, #F50052 -6.56%, #CA1ECC 54.53%, #6500FE 110.65%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#conteudos-assinatura{
    background: #00022B;
    color: #FFF;
    padding-top: 35vh;
    margin-top: -20vw;
}

.h2-default{
    font-size: 4.6rem;
    font-size: clamp(2.4rem, 4.6vw, 4.6rem);
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    padding: 0 0 1.6rem;
}

.font-red{
    background: linear-gradient(90deg, #F50052 -6.56%, #CA1ECC 54.53%, #6500FE 110.65%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.font-blue{
    background: linear-gradient(271deg, #5390D8 3.2%, #0A57B1 98.05%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#conteudos-assinatura{
    background-image: url("https://onovomercado.com/wp-content/uploads/section-3.jpg");
    background-size: cover;
}

#conteudos-assinatura .btn-sql{
    margin: 6rem auto;
}

@media screen and (max-width: 700px) {
    #pre-cards{
        padding: 5rem 2.4rem;
    }
    #conteudos-assinatura{
        padding-top: 80vw;
        margin-top: -70vw;
        background-image: url("https://onovomercado.com/wp-content/uploads/Frame-258-scaled.jpg");
        background-size: cover;
    }
    #conteudos-assinatura .h2-default{
        display: none;
    }
    #carousel1.scarrousel .button-container {
        transform: translate(-50%, -15vw) scale(.6);
        width: 150vw;
    }
}


#d8{
    text-align: left;
    padding: 5vw;
    border-bottom: 1px solid #CE18CF;
}

#d8 h3{
    font-size: 8vw;
    font-weight: 700;
    letter-spacing: -.3vw;
    background: linear-gradient(271deg, #5390D8 3.2%, #0A57B1 98.05%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

#p8{
    font-size: 4.5vw;
    line-height: 5.7vw;
    font-weight: 400;
    color: #484848;
}

#d8-flex svg{
    margin-top: 10vw;
}

#venda-assinatura{
    background-image: url("https://onovomercado.com/wp-content/uploads/Frame-252-1-1.jpg");
    background-size: cover;
    padding: 5.2rem 2.4rem 8rem;
    margin-top: 6rem;
}

#venda-flex{
    display: flex;
    gap: 4.7rem;
    flex-direction: column;
    margin-top: 4.2rem;
}

#venda-assinatura img, #venda-assinatura svg{
    width: 100%;
}

#venda-assinatura h2{
    color: #FFF;
}

#valor{
    padding: 8rem 0 6.5rem;
    border-radius: 19.964px;
    border: 0.791px solid #191B51;
    background: radial-gradient(225.36% 152.53% at 82.73% -37.22%, #000461 0%, #00022B 67.17%, #00022B 100%);
    box-shadow: 5.538px 5.538px 17.406px 0px rgba(19, 6, 63, 0.83), 22.153px 22.944px 31.647px 0px rgba(19, 6, 63, 0.72), 49.845px 51.427px 43.515px 0px rgba(19, 6, 63, 0.43), 89.404px 91.777px 51.427px 0px rgba(19, 6, 63, 0.13), 139.248px 143.204px 56.174px 0px rgba(19, 6, 63, 0.02);
    backdrop-filter: blur(8.267865180969238px);
}

#venda-assinatura .btn-sql{
    margin: 5.5rem auto 0;
    padding: 1.5rem 3.3rem;
    font-size: 1.6rem;
    width: fit-content;
}

.btn-sql{
    padding: 1.5rem 3.3rem;
    font-size: 1.6rem;
    width: fit-content;
}

#duvidas-assinatura{
    background-image: url("https://onovomercado.com/wp-content/uploads/Frame-240-2.png");
    background-size: cover;
    padding: 8rem 3rem 6rem;
    width: 90%;
    border-radius: 2rem;
    margin: 8rem auto 10rem;
}

#duvidas-assinatura h2.h2-default{
    padding-bottom: 0;
}

#duvidas-assinatura p{
    font-size: 1.6rem;
    line-height: 2rem;
    color: #FFF;
    margin: 1.6rem 0;
}

#duvidas-assinatura .onm-btn{
    background: #25D366;
    color: #01032C;
    font-size: 1.8rem;
    padding: 1.5rem 0;
}

#duvidas-conteudo{
    text-align: center;
}

.pilares .onm-btn{
    padding: 2rem 8rem;
    font-size: 1.6rem;
    width: fit-content;
    margin: auto;
}

@media screen and (min-width: 700px){
    #d8{
        padding: 0;
        border-bottom: unset;
    }

    #d8 h3{
        font-size: 2vw;
        letter-spacing: -.1vw;
    }

    #p8{
        font-size: 1vw;
        line-height: 1.3vw;
        width: 29vw;
    }

    #d8-flex{
        display: flex;
        justify-content: center;
        gap: 4vw;
    }

    #d8-flex svg{
        margin-top: 0;
        width: 30vw;
    }

    #venda-assinatura{
        background-image: url("https://onovomercado.com/wp-content/uploads/Dobra-14-1-1.jpg");
        background-size: cover;
        padding: 7rem 0;
    }

    #venda-flex{
        flex-direction: row;
        justify-content: center;
        gap: 0;
        margin: 3rem auto 4.5rem;
    }

    #venda-assinatura #detalhes {
        width: 73vw;
    }

    #venda-assinatura #valor{
        width: 22vw;
    }

    #venda-assinatura .btn-sql{
        padding: 1.5rem 4.5rem;
    }

    #venda-assinatura h2{
        width: max(55vw, 110rem);
        margin: auto;
    }

    #duvidas-assinatura{
        background-image: url(https://onovomercado.com/wp-content/uploads/Frame-240-1-1.png);
        background-size: cover;
        padding: 8rem 7rem 7rem;
        width: 62vw;
    }

    #duvidas-assinatura p{
        font-size: 2rem;
        line-height: 2.6rem;
        margin: 1.6rem 0 4rem;
    }

    #duvidas-conteudo{
        width: max(40%, 48rem);
        margin-right: auto;
        text-align: left;
    }

    #duvidas-conteudo h2{
        text-align: left;
    }

    #duvidas-conteudo .onm-btn{
        width: fit-content;
    }

    #duvidas-assinatura .onm-btn{
        padding: 1.5rem 4.5rem;
    }

    .pilares .onm-btn{
        margin: 4vw auto 0;
    }

    .how-to-work {
        margin-top: 16rem;
    }

}

.s09-person h3{
    font-weight: 600;
}