:root {
  --untitled-ui-primary600: #7f56d9;
  --untitled-ui-white: white;
  --untitled-ui-primary700: #6941c6;
  --untitled-ui-primary100: #f4ebff;
  --untitled-ui-gray600: #475467;
  --untitled-ui-gray900: #101828;
  --untitled-ui-gray50: #f9fafb;
  --untitled-ui-gray400: #98a2b3;
  --untitled-ui-gray200: #eaecf0;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

.body {
  background-color: #f2f2f2;
  font-family: Ubuntu, Helvetica, sans-serif;
}

._1-hero {
  background-image: url('../../img/vivo-valoriza-exitlag/jogos-bg-exitlag-srgdr5h5h.png');
  background-position: 90% 0;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  position: relative;
  z-index: 8;
}

.container--1220w {
  max-width: 1220px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.navbar-wf {
  height: 90px;
  background-color: #fff;
  padding-left: 22px;
  padding-right: 22px;
}

.navbar-wf.purple {
  background-color: #660099;
}

.columns {
  padding: 70px 40px 0;
}

.cta {
  height: 44px;
  color: #000;
  background-color: #000;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px 12px 23px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.cta.white {
  background-color: #fff;
}

.cta:hover {
  background-color: #609;
}

.cta.white:hover {
  background-color: #8f8f8f;
}

.brand {
  position: relative;
}

.brand:hover {
  opacity: .76;
}

.div-block {
  height: 90px;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.heading {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 400;
  line-height: 17px;
}

.heading.black {
  color: #000;
  font-weight: 500;
  line-height: 20px;
}

.image {
  margin-left: 10px;
}

.cell2 {
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0 20px 40px;
  display: block;
}

.form-hero--wrapper {
  z-index: 1;
  color: #fff;
  background-color: #5e008b;
  background-image: url('../../img/vivo-valoriza-exitlag/vivo-bg.png');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  border-radius: 20px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 35px 50px;
  display: flex;
  position: relative;
}

.form-hero--wrapper > .image-4 {
  top: 93%;
  left: 7%;
  right: unset;
}

.cell1 {
  background-image: url('../../img/vivo-valoriza-exitlag/red-blur-bg7.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 370px;
  display: block;
}

.heading-2 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 32px;
  font-weight: 400;
  line-height: 32px;
}

.wf-form-field {
  display: flex;
  flex-direction: column;
  padding-bottom: 1.2rem;
  margin-bottom: 1rem;
  position: relative;
  gap: .4rem;
}

.field-label {
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 700;
  line-height: 13.55px; /* 112.917% */
  letter-spacing: 1.8px;
  text-transform: uppercase;
  padding-left: .4rem;
}

.color-red {
  color: #F00;
}

.error-msg {
  color: #FFF;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 13.55px;
  padding-left: .4rem;
}

.error-msg .label-error {
  color: #FF5353;
  font-weight: 700;
}

.wf-form-field > * {
  margin: 0;
}


.wf-form-field > .error-msg {
  position: absolute;
  bottom: 0;
}

.form {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  display: flex;
}

.submit-button {
  color: #bd2887;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #fff;
  border-radius: 10px;
  margin-top: 19px;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 16px;
  font-weight: 700;
}

.submit-button:hover {
  background-color: #000;
}

.submit-button:active {
  background-color: #181818;
}

.text-field {
  height: 43px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #a334e0;
  border-radius: 10px;
}

.text-field:hover {
  border-color: #c263f7;
}

.text-field:focus {
  background-color: #6a0c97;
  border-color: #d892ff;
}

.text-field::-ms-input-placeholder {
  color: #a778bd;
}

.text-field::placeholder {
  color: #a778bd;
}

.bold-text {
  font-weight: 400;
}

.text-block {
  opacity: .64;
  text-align: center;
  margin-top: 0;
  margin-bottom: 23px;
  padding-left: 46px;
  padding-right: 66px;
  font-size: 12px;
  font-weight: 300;
  line-height: 19px;
}

.link, .link-2 {
  color: #fff;
}

.link.underscore, .link-2.underscore {
  text-decoration: underline;
}

.link:hover, .link-2:hover {
  color: #fff;
}

.heading-3 {
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 300;
}

.link-3 {
  color: #fff;
  text-align: center;
  text-decoration: none;
}

.bold-text-2 {
  font-size: 17px;
}

.text-block-2 {
  text-align: center;
  margin-bottom: 3px;
  font-size: 16px;
  font-weight: 500;
}

.text-block-3 {
  text-align: center;
  font-weight: 300;
}

.div-block-2 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
  display: flex;
}

.div-block-3 {
  width: 10px;
  height: 10px;
  background-color: #ec3f46;
  border-radius: 15px;
  margin-right: 6px;
}

.div-block-4 {
  width: 12px;
  height: 12px;
  background-color: #02ea40;
  border-radius: 15px;
  margin-right: 6px;
  box-shadow: 0 0 20px #03ff47;
}

.image-2 {
  margin-left: 12px;
  margin-right: 12px;
}

.text-block-4 {
  color: #333;
  font-size: 15px;
  font-weight: 700;
}

.heading-4 {
  margin-bottom: 0;
  font-weight: 300;
}

.heading-5 {
  color: #609;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 50px;
  line-height: 50px;
}

.heading-6 {
  text-transform: uppercase;
  margin-bottom: 50px;
  font-size: 20px;
  font-weight: 300;
  line-height: 20px;
}

.text-block-5 {
  text-transform: uppercase;
}

.paragraph {
  color: #797979;
  margin-bottom: 23px;
}

.text-span {
  color: #609;
  font-weight: 700;
}

.paragraph-2 {
  color: #797979;
  font-weight: 500;
}

.list {
  margin-top: 40px;
}

.list-item {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.text-block-6 {
  color: #797979;
  font-size: 17px;
  font-weight: 400;
}

.image-3 {
  margin-right: 9px;
}

._2-confirme-telefone {
  padding: 210px 18px 0;
  position: relative;
  z-index: 8;
}

.confirme-telefone--wrapper {
  z-index: 1;
  background-color: #609;
  border-radius: 20px;
  padding: 70px 40px 0 70px;
  position: relative;
}

.image-4 {
  z-index: 0;
  position: absolute;
  top: 735px;
  right: 29%;
}

.red-blur-img {
  z-index: 0;
  position: absolute;
}

.image-6 {
  z-index: 2;
  position: absolute;
  top: 43px;
  left: 47px;
}

.heading-7 {
  color: #fff;
  margin-bottom: 21px;
}

.paragraph-3 {
  color: #fff;
  margin-bottom: 50px;
  padding-right: 100px;
  font-size: 15px;
  font-weight: 300;
}

.div-block-5 {
  flex-direction: column;
  align-items: flex-start;
}

.heading-8 {
  color: #fff;
  letter-spacing: 1px;
  font-size: 14px;
}

.quick-stack {
  padding-bottom: 0;
}

.image-7 {
  clear: both;
  position: relative;
  left: 154px;
}

.image-8 {
  clear: left;
  position: relative;
}

.cell {
  flex-direction: row;
  justify-content: flex-end;
  align-items: center;
}

.image-9 {
  position: absolute;
  top: -30px;
  right: 129px;
}

.image-10 {
  margin-top: -40px;
}

.form-block {
  color: #fff;
  flex-direction: row;
  align-items: center;
}

.invalid-code {
  color: #FFF;
  font-family: Ubuntu;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 13.55px; /* 112.917% */
}

.form-2 {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  display: flex;
  margin-bottom: 56px;
}

.text-field-2 {
  width: 190px;
  height: 50px;
  color: #fff;
  text-align: center;
  letter-spacing: 5px;
  background-color: rgba(0, 0, 0, 0);
  border: 2px solid #bd49ff;
  border-radius: 10px;
  margin-right: 15px;
  margin-bottom: 0;
  font-size: 21px;
}

.text-field-2:hover {
  border-color: #cd76ff;
}

.text-field-2:focus {
  background-color: #760eaa;
  border-color: #db9cff;
}

.submit-button-2 {
  height: 50px;
  color: #bd2887;
  letter-spacing: 2px;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px 40px;
  font-size: 16px;
  font-weight: 700;
}

.submit-button-2:hover {
  background-color: #000;
}

.block-code-messages {
  gap: 6px;
  display: flex;
  flex-direction: column;
}

.send-code-success {
  color: #87EF98;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 20.94px; /* 130.875% */
  letter-spacing: 0.48px;
}

.text-block-7 {
  color: #fff;
  font-size: 15px;
}

.link-4 {
  color: #fff;
}

.link-4:hover {
  opacity: .69;
}

._3-sucesso {
  margin-top: 200px;
  padding: 57px;
  padding-bottom: 60px;
  background-color: white;
  position: relative;
  z-index: 1;
}

.quick-stack-2 {
  margin-bottom: 40px;
  padding: 0;
}

.image-11 {
  position: absolute;
}

.heading-9 {
  margin-bottom: 42px;
  font-size: 29px;
}

.cell-2 {
  padding-top: 12px;
  padding-left: 79px;
  padding-right: 0;
}

.paragraph-4 {
  color: #818181;
  margin-bottom: 24px;
  padding-right: 89px;
  line-height: 24px;
}

.div-block-6 {
  align-items: stretch;
  margin-top: 25px;
  margin-bottom: 35px;
  display: flex;
}

.link-block {
  height: 66px;
  background-color: #609;
  border-radius: 12px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-right: 12px;
  padding: 10px 28px;
  text-decoration: none;
  display: flex;
}

.link-block:hover {
  background-color: #2e2e2e;
}

.heading-10 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
}

.image-12 {
  margin-right: 15px;
}

.heading-10-copy {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: 300;
  line-height: 20px;
}

.image-13 {
  position: absolute;
  left: 25%;
}

.cell-3 {
  justify-content: flex-start;
  align-items: center;
}

.success-message {
  background-color: #a82ae5;
  border-radius: 12px;
}

.text-block-8 {
  font-size: 20px;
}

.text-block-9 {
  text-align: center;
}

.error-message {
  background-color: #e46060;
  border-radius: 9px;
}

.success-message-2 {
  background-color: #aa35e6;
  border-radius: 11px;
  padding-left: 37px;
  padding-right: 37px;
}

.text-block-10 {
  font-size: 24px;
}

.text-block-11 {
  text-align: center;
}

.error-message-2 {
  background-color: #e26969;
  border-radius: 8px;
}

.image-15 {
  position: absolute;
  top: 328px;
  left: -91px;
}

.exitlag-on {
  width: 100%;
  height: 330px;
  border-radius: 20px;
  display: block;
}

.exitlag-off {
  width: 100%;
  height: 330px;
  border-radius: 20px;
  display: none;
}

.text-block-12 {
  color: #b0aeae;
  margin-right: 10px;
  text-decoration: underline;
}

.div-block-7 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.quick-stack-3 {
  padding-top: 51px;
}

.cell-5 {
  background-color: #e6e6e6;
  border-radius: 15px;
  padding: 25px;
}

.text-block-13 {
  color: #fff;
  background-color: #609;
  border-radius: 8px;
  padding: 20px;
  font-size: 19px;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 39px;
  height: 39px;
}

.heading-11 {
  font-weight: 500;
}

.text-block-14 {
  color: #797979;
}

.cell-6 {
  padding: 25px;
}

._4-games {
  padding-top: 0;
  padding-bottom: 40px;
  background-color: white;
}

.quick-stack-4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #31133f;
  padding: 0;
}

.div-block-8 {
  background-color: #609;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 30px 50px;
  display: flex;
}

.link-block-2 {
  background-color: #f2f2f2;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 15px 20px;
  text-decoration: none;
  display: flex;
}

.link-block-2:hover {
  color: #fff;
  background-color: #b075ce;
  text-decoration: none;
}

.heading-12 {
  color: #fff;
  letter-spacing: 1px;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

.text-block-15 {
  color: #000;
  margin-right: 10px;
  font-weight: 500;
}

._5-faq {
  padding-top: 50px;
  padding-bottom: 85px;
  background-color: white;
}

.quick-stack-5 {
  padding: 0 40px;
}

.text-block-16 {
  color: #8b8b8b;
  margin-bottom: 10px;
}

.link-5 {
  color: #609;
}

.link-6 {
  color: #660199;
}

.text-block-17 {
  color: #8d8d8d;
}

.heading-13 {
  margin-bottom: 40px;
}

.uui-button {
  grid-column-gap: .5rem;
  border: 1px solid var(--untitled-ui-primary600);
  background-color: var(--untitled-ui-primary600);
  color: var(--untitled-ui-white);
  text-align: center;
  white-space: nowrap;
  border-radius: .5rem;
  justify-content: center;
  align-items: center;
  padding: .625rem 1.125rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-decoration: none;
  transition: all .3s;
  display: flex;
  box-shadow: 0 1px 2px rgba(16, 24, 40, .05);
}

.uui-button:hover {
  border-color: var(--untitled-ui-primary700);
  background-color: var(--untitled-ui-primary700);
}

.uui-button:focus {
  background-color: var(--untitled-ui-primary600);
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 4px var(--untitled-ui-primary100);
}

.uui-button-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-wrap: wrap;
  align-items: center;
  display: flex;
}

.uui-button-row.button-row-center {
  justify-content: center;
}

.uui-space-small {
  width: 100%;
  min-height: 1.5rem;
}

.uui-text-size-large {
  color: var(--untitled-ui-gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5;
}

.uui-space-xxsmall {
  width: 100%;
  min-height: .5rem;
}

.uui-heading-xxsmall {
  color: var(--untitled-ui-gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-avatar-group_item, .uui-avatar-stack_item {
  width: 2.75rem;
  height: 2.75rem;
  border: 2px solid var(--untitled-ui-white);
  background-color: var(--untitled-ui-white);
  border-radius: 50%;
  margin-right: -1rem;
}

.uui-avatar-stack_item.featured {
  width: 3.5rem;
  height: 3.5rem;
  position: relative;
}

.avatar-stack_component {
  width: auto;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 2rem;
  margin-right: 1rem;
  display: flex;
}

.uui-text-align-center {
  text-align: center;
}

.uui-faq04_cta {
  background-color: var(--untitled-ui-gray50);
  border-radius: 1rem;
  margin-top: 4rem;
  padding: 2rem;
}

.uui-space-medium {
  width: 100%;
  min-height: 2rem;
}

.uui-text-size-medium {
  color: var(--untitled-ui-gray600);
  letter-spacing: normal;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}

.uui-faq04_answer {
  overflow: hidden;
}

.accordion-icon_vertical-line {
  width: 2px;
  height: .75rem;
  background-color: var(--untitled-ui-gray400);
  border-radius: 1px;
  position: absolute;
}

.accordion-icon_horizontal-line {
  width: .75rem;
  height: 2px;
  background-color: var(--untitled-ui-gray400);
  border-radius: 1px;
  position: absolute;
}

.accordion-icon_component {
  width: 1.5rem;
  height: 1.5rem;
  border: 2px solid var(--untitled-ui-gray400);
  color: var(--untitled-ui-gray400);
  border-radius: 50%;
  justify-content: center;
  align-self: flex-start;
  align-items: center;
  display: flex;
  position: relative;
}

.uui-faq04_icon-wrapper {
  color: var(--untitled-ui-primary600);
}

.uui-faq04_heading {
  color: var(--untitled-ui-gray900);
  letter-spacing: normal;
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1.125rem;
  font-weight: 500;
}

.uui-faq04_question {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
}

.uui-faq04_accordion {
  border-bottom: 1px solid var(--untitled-ui-gray200);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.uui-faq04_accordion.last-item {
  border-bottom-color: rgba(0, 0, 0, 0);
}

.uui-faq04_layout {
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: start;
  display: grid;
}

.uui-faq04_component {
  margin-top: 4rem;
}

.uui-space-xsmall {
  width: 100%;
  min-height: 1rem;
}

.uui-heading-medium {
  color: var(--untitled-ui-gray900);
  margin-top: 0;
  margin-bottom: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 1.3;
}

.uui-heading-subheading {
  color: var(--untitled-ui-primary600);
  margin-bottom: .75rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Oxygen, Fira Sans, Droid Sans, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.5;
}

.uui-max-width-large {
  width: 100%;
  max-width: 48rem;
}

.uui-max-width-large.align-center, .align-center {
  margin-left: auto;
  margin-right: auto;
}

.uui-padding-vertical-xhuge {
  padding-top: 7rem;
  padding-bottom: 7rem;
}

.uui-container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.uui-page-padding {
  padding-left: 2rem;
  padding-right: 2rem;
}

.footer {
  background-color: #ececec;
  padding-top: 60px;
  padding-bottom: 40px;
}

.quick-stack-6 {
  padding: 0 0 40px;
}

.link-7 {
  color: #949494;
  margin-bottom: 6px;
  text-decoration: none;
  display: block;
}

.heading-14 {
  color: #797979;
  margin-bottom: 18px;
}

.div-block-9 {
  border-top: 1px solid #8c20ac;
  justify-content: space-between;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 0;
  display: flex;
}

.div-block-10 {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.link-block-3 {
  margin-right: 13px;
}

.cell-7 {
  padding-top: 18px;
}

.text-block-18 {
  color: #797979;
}

.container--1320w {
  max-width: 1320px;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}

.heading-15 {
  cursor: pointer;
  color: #fff;
  background-color: #212630;
  border-radius: 7px;
  margin-top: 0;
  margin-bottom: -15px;
  padding: 5px 14px;
  display: block;
  z-index: 99;
}

.whatsapp {
  margin-right: 13px;
  display: none;
}

.bold-text-3 {
  color: #22eba3;
  text-shadow: 0 0 9px #22eba3;
}

.bold-text-4 {
  color: #ec4046;
  text-shadow: 0 0 9px #ec4046;
}

.games-thumb:hover {
  filter: brightness(141%);
}

._1-hero-b {
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
}

.cell1-copy {
  background-image: url('../../img/vivo-valoriza-exitlag/red-blur-bg7.svg');
  background-position: 100% 0;
  background-repeat: no-repeat;
  background-size: 370px;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.columns-copy {
  padding: 70px 40px 0;
}

.paragraph-copy {
  max-width: 55ch;
  color: #797979;
  margin-bottom: 23px;
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: justify;
}

.know-vivo-valoriza {
  font-size: 20px;
  font-weight: 400;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: left;
  color: #ACACAC;
  margin-top: 24px;
}

.know-vivo-valoriza:hover {
  color: #660099;
}

.div-block-11 {
  justify-content: center;
  align-items: center;
  margin-bottom: 26px;
  padding-top: 24px;
  display: flex;
}

.button {
  height: 44px;
  background-color: #660199;
  border-radius: 6px;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 12px 20px 12px 23px;
  text-decoration: none;
  display: flex;
  position: relative;
}

.text-block-5-copy {
  text-transform: uppercase;
  font-size: 18px;
}

.heading-5-copy {
  color: #609;
  text-transform: uppercase;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 50px;
  line-height: 50px;
}

.loader {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: flex;
  background-color: rgb(0 0 0 / 80%);
  align-items: center;
  justify-content: center;
  z-index: 9;
}

.vivo-modal {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  width: 600px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #111317;
  /* Light/elevation.shadow.overlay */
  box-shadow: 0px 8px 12px 0px rgba(9, 30, 66, 0.15), 0px 0px 1px 0px rgba(9, 30, 66, 0.31);
}

.vivo-modal button {
  outline: none;
}

.vivo-modal .vivo-modal-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
  border-radius: 8px 8px 0px 0px;
  background: #0B0C0F;
  padding: 24px 24px 16px 24px;
  justify-content: flex-end;
}

.modal-success > .vivo-modal .vivo-modal-body {
  border-top: 1px solid #87EF98;
  border-bottom: 1px solid #87EF98;
}

.modal-error > .vivo-modal .vivo-modal-body {
  border-top: 1px solid #931919;
  border-bottom: 1px solid #931919;
}

.vivo-modal .vivo-modal-body {
  display: flex;
  width: 600px;
  padding: 24px 72px 24px 72px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  color: #ffffff;
}

.vivo-modal .vivo-modal-body .title{
  color: var(--white-100, #FFF);
  font-family: Ubuntu;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 32.5px; /* 135.417% */
  display: flex;
  align-items: center;
  gap: 1rem;
}

.vivo-modal .vivo-modal-body .text {
  color: #D0D0D0;
  text-align: center;
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px; /* 175% */
}

.vivo-modal .vivo-modal-bottom {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: 0px 0px 8px 8px;
  background: #0B0C0F;
  padding: 24px;
}

.vivo-modal .vivo-modal-bottom .btn{
  display: flex;
  width: 200px;
  padding: 14px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  color: #FFF;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  /* text md/medium */
  font-family: Ubuntu;
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px; /* 125% */
  border-color: transparent;
}

.vivo-modal .vivo-modal-bottom .btn.btn-primary.btn-success{
  background-color: #148D62;
}

.media-desktop{
  display: block;
}

.media-mobile {
  display: none;
}

@media screen and (max-width: 991px) {
  ._1-hero {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .columns, .div-block {
    padding-left: 30px;
    padding-right: 30px;
  }

  .cell2 {
    padding-left: 10px;
  }

  .form-hero--wrapper {
    padding-left: 32px;
    padding-right: 32px;
  }

  .cell1 {
    background-position: 100% 0;
  }

  .heading-6 {
    line-height: 22px;
  }

  .paragraph {
    padding-right: 81px;
  }

  ._2-confirme-telefone {
    padding-left: 70px;
    padding-right: 70px;
  }

  .paragraph-3 {
    margin-bottom: 34px;
    padding-right: 230px;
  }

  .cell {
    justify-content: center;
    padding-top: 64px;
  }

  .image-9 {
    top: -43px;
  }

  .cell-3, .image-15 {
    display: none;
  }

  .heading-11 {
    font-size: 22px;
  }

  .uui-faq04_heading {
    font-size: 1rem;
  }

  .uui-faq04_layout {
    grid-column-gap: 3rem;
    grid-row-gap: 4rem;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 6rem;
    padding-bottom: 6rem;
  }

  .footer {
    padding-left: 35px;
    padding-right: 35px;
  }

  ._1-hero-b {
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
  }

  .cell1-copy {
    background-position: 100% 0;
  }

  .columns-copy {
    padding-left: 30px;
    padding-right: 30px;
  }

  .paragraph-copy {
    padding-right: 81px;
  }
}

@media screen and (max-width: 767px) {
  .div-block {
    padding-left: 23px;
    padding-right: 23px;
  }

  .heading {
    font-size: 12px;
    line-height: 13px;
  }

  .image {
    margin-left: 4px;
  }

  .cell1 {
    align-items: center;
    display: flex;
  }

  .paragraph {
    text-align: center;
    padding-right: 0;
  }

  .list {
    display: none;
  }

  ._2-confirme-telefone {
    padding-top: 90px;
    padding-left: 35px;
    padding-right: 35px;
  }

  .confirme-telefone--wrapper {
    padding: 82px 40px 43px;
  }

  .image-6 {
    left: 25px;
  }

  .paragraph-3 {
    padding-right: 64px;
  }

  .quick-stack {
    padding-left: 0;
    padding-right: 0;
  }

  .cell {
    display: none;
  }

  .image-9 {
    right: 101px;
  }

  .form-2 {
    flex-direction: column;
    align-items: stretch;
  }

  .text-field-2 {
    width: 100%;
    flex: 0 auto;
    margin-bottom: 19px;
    margin-right: 0;
  }

  .text-block-7 {
    text-align: center;
  }

  .image-11 {
    left: 15px;
  }

  .cell-2 {
    align-items: center;
    padding-left: 54px;
    padding-right: 54px;
  }

  .paragraph-4 {
    padding-right: 0;
  }

  .div-block-6 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .link-block {
    margin-bottom: 26px;
    margin-right: 0;
  }

  .cell-4 {
    align-items: stretch;
  }

  .image-14 {
    max-width: 85%;
  }

  .cell-5, .cell-6 {
    align-items: center;
  }

  .link-block-2 {
    padding: 10px 31px;
  }

  .text-block-15 {
    flex: none;
  }

  .uui-button {
    font-size: 1rem;
  }

  .uui-button:hover {
    border-color: var(--untitled-ui-primary600);
    background-color: var(--untitled-ui-primary600);
  }

  .uui-button-row {
    align-self: stretch;
  }

  .uui-button-row.button-row-center.is-reverse-mobile-landscape, .uui-button-row.is-reverse-mobile-landscape {
    flex-direction: column-reverse;
  }

  .uui-space-small {
    min-height: 1.25rem;
  }

  .uui-text-size-large {
    font-size: 1rem;
  }

  .uui-heading-xxsmall {
    font-size: 1.125rem;
  }

  .avatar-stack_component {
    margin-bottom: 1.5rem;
  }

  .uui-faq04_cta {
    margin-top: 3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .uui-space-medium {
    min-height: 1.5rem;
  }

  .uui-text-size-medium {
    font-size: .9rem;
    line-height: 1.3;
  }

  .uui-faq04_question {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .uui-faq04_list.first-col {
    border-bottom: 1px solid var(--untitled-ui-gray200);
  }

  .uui-faq04_layout {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    grid-template-columns: 1fr;
  }

  .uui-faq04_component {
    margin-top: 3rem;
  }

  .uui-space-xsmall {
    min-height: .75rem;
  }

  .uui-heading-medium {
    font-size: 1.75rem;
    line-height: 1.4;
  }

  .uui-padding-vertical-xhuge {
    padding-top: 4rem;
    padding-bottom: 4rem;
  }

  .uui-page-padding {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .footer {
    padding-left: 44px;
    padding-right: 44px;
  }

  .div-block-10 {
    flex: none;
    align-items: flex-start;
  }

  .text-block-18 {
    padding-left: 13px;
    font-size: 11px;
    line-height: 14px;
  }

  .cell-8 {
    padding-right: 19px;
  }

  .cell-9 {
    display: none;
  }

  .cell1-copy {
    align-items: center;
    display: flex;
  }

  .paragraph-copy {
    max-width: 330px;
    padding-left: 2px;
    padding-right: 2px;
  }

  .div-block-11 {
    flex-direction: column;
  }

  .image-16 {
    order: -1;
    margin-bottom: 31px;
  }

  .div-block-12 {
    order: 1;
  }

  .media-desktop{
    display: none;
  }

  .media-mobile {
    display: block;
  }

  .form-hero--wrapper > .image-4{
    left: 20%
  }
}

@media screen and (max-width: 479px) {
  .cta {
    padding-left: 20px;
    padding-right: 20px;
    display: none;
  }

  .brand {
    padding-left: 0;
  }

  .div-block {
    justify-content: center;
    align-items: center;
    padding-left: 29px;
    padding-right: 29px;
  }

  .heading {
    font-size: 11px;
    line-height: 11px;
  }

  .image {
    display: none;
  }

  .cell1 {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-5, .heading-6, .paragraph-2 {
    text-align: center;
  }

  .w-layout-layout{
    padding-left: 17px;
    padding-right: 17px;
  }

  ._2-confirme-telefone {
    padding-left: 17px;
    padding-right: 17px;
  }

  .image-4 {
    display: none;
  }

  .heading-7 {
    font-size: 31px;
    line-height: 34px;
  }

  .image-9 {
    right: 23px;
  }

  ._3-sucesso {
    padding-top: 94px;
    padding-bottom: 68px;
  }

  .cell-2 {
    padding-top: 104px;
    padding-left: 36px;
    padding-right: 36px;
  }

  .image-13 {
    display: none;
  }

  .image-14 {
    max-width: 100%;
  }

  .div-block-8 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .heading-12 {
    font-size: 16px;
    line-height: 19px;
  }

  .quick-stack-5 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .uui-faq04_heading {
    padding-right: 10px;
  }

  .uui-faq04_layout {
    grid-template-columns: 1fr;
  }

  .footer {
    padding-bottom: 69px;
    padding-left: 32px;
    padding-right: 32px;
  }

  .div-block-9 {
    flex-direction: column;
    align-items: center;
  }

  .cell-7 {
    align-items: flex-start;
    padding-bottom: 26px;
  }

  .text-block-18 {
    margin-top: 36px;
    padding-left: 0;
  }

  .cell-8 {
    padding-bottom: 51px;
    padding-right: 0;
  }

  .cell-10, .cell-11, .cell-12 {
    align-items: flex-start;
  }

  .cell1-copy {
    align-items: center;
    padding-left: 20px;
    padding-right: 20px;
  }

  .columns-copy {
    padding-bottom: 69px;
  }

  .button {
    padding-left: 30px;
    padding-right: 30px;
    display: block;
  }

  .text-block-5-copy {
    margin-bottom: 19px;
  }

  .heading-5-copy {
    text-align: center;
  }
}

#w-node-_0c7fd86f-02f3-9bf3-a0df-26c2bcf383ef-6ee4e998, #w-node-_19499fae-0e0f-9cd6-9bff-520e5b961dfd-6ee4e998 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-ccdddc81-6dc6-b799-5f67-bcba943b2c02-6ee4e998 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
}

#w-node-_3d7a61b5-d49f-9614-4932-d47affb3d88e-6ee4e998 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

#w-node-_7b88aae5-ddac-18b6-e57e-f1ce65f6f5d1-6ee4e998 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_3654586f-79d5-e42b-5f42-2bc6f8552764-6ee4e998 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

#w-node-_5f7cdb0b-03b4-a55f-28d2-27dd419fb8e5-6ee4e998 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

#w-node-_0c7fd86f-02f3-9bf3-a0df-26c2bcf383ef-a13f536f {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_19499fae-0e0f-9cd6-9bff-520e5b961dfd-6ee4e998 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-ccdddc81-6dc6-b799-5f67-bcba943b2c02-6ee4e998 {
    grid-template-rows: auto;
    grid-template-columns: 1.5fr;
  }

  #w-node-ccdddc81-6dc6-b799-5f67-bcba943b2c04-6ee4e998 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_0c7fd86f-02f3-9bf3-a0df-26c2bcf383ef-6ee4e998, #w-node-_3d7a61b5-d49f-9614-4932-d47affb3d88e-6ee4e998 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  #w-node-_7b88aae5-ddac-18b6-e57e-f1ce65f6f5d1-6ee4e998 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-f027260c-bd0f-264f-a391-9378c76bd89d-6ee4e998 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_5f7cdb0b-03b4-a55f-28d2-27dd419fb8e5-6ee4e998 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_0c7fd86f-02f3-9bf3-a0df-26c2bcf383ef-a13f536f {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3d7a61b5-d49f-9614-4932-d47affb3d88e-6ee4e998, #w-node-_3654586f-79d5-e42b-5f42-2bc6f8552764-6ee4e998, #w-node-_5f7cdb0b-03b4-a55f-28d2-27dd419fb8e5-6ee4e998 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .vivo-modal {
    width: auto;
    left: .5rem;
    right: .5rem;
    transform: translateY(-50%);
  }

  .vivo-modal .vivo-modal-body{
    width: auto;
    padding: 24px 1rem 24px 1rem;
  }
}