/********

    CSS RESETss

*********/
#page-rb {
  max-width: 890px;
  margin: 0 auto;
}

#page-rb body,
#page-rb div,
#page-rb span,
#page-rb object,
#page-rb iframe,
#page-rb h1,
#page-rb h2,
#page-rb h3,
#page-rb h4,
#page-rb h5,
#page-rb h6,
#page-rb p,
#page-rb blockquote,
#page-rb pre,
#page-rb abbr,
#page-rb address,
#page-rb cite,
#page-rb code,
#page-rb del,
#page-rb dfn,
#page-rb em,
#page-rb img,
#page-rb ins,
#page-rb kbd,
#page-rb q,
#page-rb samp,
#page-rb small,
#page-rb strong,
#page-rb sub,
#page-rb sup,
#page-rb var,
#page-rb b,
#page-rb i,
#page-rb dl,
#page-rb dt,
#page-rb dd,
#page-rb ol,
#page-rb ul,
#page-rb li,
#page-rb fieldset,
#page-rb form,
#page-rb label,
#page-rb legend,
#page-rb table,
#page-rb caption,
#page-rb tbody,
#page-rb tfoot,
#page-rb thead,
#page-rb tr,
#page-rb th,
#page-rb td,
#page-rb article,
#page-rb aside,
#page-rb canvas,
#page-rb details,
#page-rb figcaption,
#page-rb figure,
#page-rb footer,
#page-rb header,
#page-rb hgroup,
#page-rb menu,
#page-rb nav,
#page-rb section,
#page-rb summary,
#page-rb time,
#page-rb mark,
#page-rb audio,
#page-rb video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

#page-rb html {
  overflow-x: hidden;
}

#page-rb body {
  line-height: 1;
}

#page-rb article,
#page-rb aside,
#page-rb details,
#page-rb figcaption,
#page-rb figure,
#page-rb footer,
#page-rb header,
#page-rb hgroup,
#page-rb menu,
#page-rb nav,
#page-rb section {
  display: block;
}

#page-rb nav ul {
  list-style: none;
}

#page-rb blockquote,
#page-rb q {
  quotes: none;
}

#page-rb blockquote:before,
#page-rb blockquote:after,
#page-rb q:before,
#page-rb q:after {
  content: "";
  content: none;
}

#page-rb a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
  outline: none;
}

#page-rb del {
  text-decoration: line-through;
}

#page-rb abbr[title],
#page-rb dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

#page-rb table {
  border-collapse: collapse;
  border-spacing: 0;
}

#page-rb hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

#page-rb input,
#page-rb select {
  vertical-align: middle;
}

#page-rb ul {
  list-style: none;
}

.pg-rb {
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 800px) {
  br {
    display: none !important;
  }

  p br {
    display: none !important;
  }
}

.pg-rb {
  max-width: 1920px;
  margin: 0 auto;
}

#page-rb * {
  font-family: "Montserrat", sans-serif;
}

#page-rb .controle {
  max-width: 1320px;
  margin: 0 auto;
}

#page-rb .yes-mobile {
  display: none;
}

#page-rb .yes-mobile img {
  display: block;
}

#page-rb img {
  max-width: 100%;
}

#page-rb .ilustra-bg img {
  display: block;
  width: 100%;
}

#page-rb p {
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
}

@media screen and (max-width: 1334px) {
  #page-rb .controle {
    width: 90%;
  }
}

#page-rb section {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

#page-rb #secao1 {
  padding: 40px 0 0 !important;
  background: #000 url("../images/bg1.jpg") center bottom / cover no-repeat;
  text-align: center;
  position: relative;
  overflow: hidden;
  container-type: inline-size;
}

#page-rb #secao1 .logo img {
  display: block;
  width: 205px;
  margin: 0 auto;
}

#page-rb #secao1 .hero-conteudo {
  position: relative;
  margin-top: 40px;
}

#page-rb #secao1 .no-mobile img {
  display: block;
  width: 106.818182%;
  max-width: none;
}

#page-rb #secao1 .info-bottom {
  position: absolute;
  left: 0;
  bottom: 110px;
  width: 620px;
  max-width: 48%;
  text-align: left;
  z-index: 1;
}

#page-rb #secao1 h1 {
  font-size: clamp(20px, 2.083333cqw, 40px);
  line-height: 1.25;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase;
  text-align: left;
}

#page-rb #secao1 h2 {
  font-size: clamp(36px, 3.75cqw, 72px);
  line-height: 1;
  font-weight: 700;
  background: linear-gradient(90deg, #cf0975 37.01%, #591fb9 93.27%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  text-transform: uppercase;
  text-align: left;
  margin: 0;
}

#page-rb #secao1 h2 span {
  display: block;
}

  #page-rb #secao1 {
    background-image: url("../images/bg1mob.jpg");
  }

  #page-rb #secao1 .logo img {
    width: 23.033708cqw;
    max-width: 205px;
  }

  #page-rb #secao1 .main .controle {
    width: 90%;
  }

  #page-rb #secao1 .info-cima {
    margin: 36px auto 0;
  }

  #page-rb #secao1 .info-cima img {
    display: block;
    width: 100%;
    margin: 0 auto;
  }

  #page-rb #secao1 .yes-mobile {
    display: block;
  }

  #page-rb #secao1 .no-mobile {
    display: none;
  }

  #page-rb #secao1 .hero-conteudo {
    width: 100%;
    max-width: 100%;
    margin-top: 40px;
  }

  #page-rb #secao1 .hero-produto {
    width: 60%;
    margin-left: auto;
  }

  #page-rb #secao1 .hero-produto img {
    display: block;
    width: 100%;
    margin: 0;
  }

  #page-rb #secao1 .info-bottom {
    left: 4.5%;
    top: 12%;
    bottom: auto;
    width: 47%;
    max-width: none;
  }

  #page-rb #secao1 h1 {
    font-size: 2.696629cqw;
    line-height: 1.4;
  }

  #page-rb #secao1 h2 {
    font-size: 5.168539cqw !important;
    line-height: 1.12 !important;
  }

#page-rb #secao2 {
  background: #ffffff;
  padding: 90px 0 80px;
}

#page-rb #secao2 .linha-quads {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: end;
}

#page-rb #secao2 .item {
  margin-bottom: 15px;
  box-sizing: border-box;
}

#page-rb #secao2 .item p {
  font-style: normal;
  font-weight: 600;
  font-size: 25px;
  line-height: 27px;
  text-transform: uppercase;
  color: #591fb9;
}

#page-rb #secao2 .item.item-q1 {
  background: url("../images/q1.png");
  background-size: cover;
  width: 540px;
  height: 350px;
  padding: 30px;
  color: #fff;
}

#page-rb #secao2 .item.item-q2 {
  background: url("../images/q2.png");
  background-size: cover;
  width: 428px;
  height: 320px;
  gap: 10px;
  margin: 0 10px 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

#page-rb #secao2 .item.item-q3 {
  background: url("../images/q3.png");
  background-size: cover;
  width: 316px;
  height: 378px;
  text-align: center;
  display: flex;
  padding-top: 40px;
  justify-content: center;
}

#page-rb #secao2 .item-q4-group {
  display: flex;
  align-items: flex-end;
  gap: 18px;
  margin: 0 10px 15px;
}

#page-rb #secao2 .item-video {
  width: 290px;
  height: 370px;
  border: 2px solid #cf0975;
  border-radius: 20px;
  overflow: hidden;
  flex-shrink: 0;
  background: #000;
}

#page-rb #secao2 .item-video-mobile {
  display: none;
}

#page-rb #secao2 .item-video video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page-rb #secao2 .item.item-q4 {
  background: url("../images/q4.png");
  background-size: cover;
  width: 679px;
  height: 370px;
  padding: 70px 40px;
}

#page-rb #secao2 .item.item-q4 p {
  margin-bottom: 5px;
}

#page-rb #secao2 .item.item-q5 {
  background: url("../images/q5.png");
  background-size: cover;
  width: 306px;
  height: 330px;
  align-self: center;
  text-align: center;
  padding: 85px 10px 0 10px;
}

#page-rb #secao2 .item.item-q5 p {
  margin-bottom: 10px;
}

#page-rb #secao2 .item.item-q5 .thumb-txt {
  display: flex;
}

#page-rb #secao2 .item.item-q5 .thumb-txt span {
  margin-right: 10px;
}

@media screen and (min-width: 0px) {
  #page-rb #secao2 .linha-quads {
    justify-content: center;
  }

  #page-rb #secao2 .item p {
    line-height: 105%;
    font-size: 18px;
  }

  #page-rb #secao2 .item.item-q1 {
    padding: 17px 0 0 25px;
    width: 400px;
    height: 259px;
  }

  #page-rb #secao2 .item.item-q2 {
    width: 300px;
    height: 224px;
    text-align: center;
  }

  #page-rb #secao2 .item.item-q2 img {
    width: 70%;
  }

  #page-rb #secao2 .item.item-q3 {
    width: 220px;
    padding-top: 30px;
    height: 263px;
    text-align: center;
  }

  #page-rb #secao2 .item-q4-group {
    gap: 12px;
    margin: 0 10px 15px;
  }

  #page-rb #secao2 .item-video {
            width: 150px;
        height: 260px;
  }

  #page-rb #secao2 .item.item-q4 {
    width: 500px;
    height: 272px;
    padding: 60px 30px;
  }

  #page-rb #secao2 .item.item-q4 img {
    width: 150px;
  }

  #page-rb #secao2 .item.item-q5 {
    width: 230px;
    padding-top: 70px;
    height: 248px;
  }

  #page-rb #secao2 .item.item-q5 img {
    width: 100px;
  }
}

@media screen and (max-width: 800px) {
  #page-rb #secao2 br {
    display: block !important;
  }
}

@media screen and (max-width: 991px) {
  #page-rb #secao2 .item-video-mobile {
    width: 260px;
    margin: 18px auto 0;
  }
}

@media screen and (max-width: 620px) {
  #page-rb #secao2 .linha-quads {
    display: none;
  }

  #page-rb #secao2 .yes-mobile {
    display: block;
    text-align: center;
  }

  #page-rb #secao2 .yes-mobile img {
    display: inline-block;
  }

  #page-rb #secao2 .item-video-mobile {
    display: block;
    width: 260px;
    height: 240px;
    margin: 18px auto 0;
  }
}

#page-rb #secao3 {
  position: relative;
  container-type: inline-size;
  aspect-ratio: 1920 / 917;
  padding: 0 !important;
  background: url("../images/bg3.jpg") center / 100% 100% no-repeat;
  color: #000;
}

#page-rb #secao3 .controle {
  width: 68.75%;
  max-width: 1320px;
  padding-top: 5.989583%;
}

#page-rb #secao3 .info {
  text-align: left;
}

#page-rb #secao3 h2 {
  font-size: 2.604167cqw !important;
  line-height: 1 !important;
  font-weight: 700;
  color: #000;
  margin: 0 0 2.1875cqw;
}

#page-rb #secao3 p {
  font-size: 1.041667cqw;
  line-height: 1.3;
  font-weight: 400;
  color: #000;
  margin: 0;
}

#page-rb #secao3 p span,
#page-rb #secao3 .quebra-desktop {
  display: block;
}

#page-rb #secao3 .quebra-mobile,
#page-rb #secao3 .yes-mobile {
  display: none;
}

  #page-rb #secao3 {
    aspect-ratio: 890 / 980;
    background-image: url("../images/bg3mob.jpg");
  }

  #page-rb #secao3 .controle {
    width: 90%;
    max-width: none;
    padding-top: 8.426966%;
  }

  #page-rb #secao3 .info {
    text-align: center;
  }

  #page-rb #secao3 h2 {
    font-size: 4.494382cqw !important;
    line-height: 1.15 !important;
    margin-bottom: 2.921348cqw;
  }

  #page-rb #secao3 p {
    font-size: 2.022472cqw;
    line-height: 1.3;
  }

  #page-rb #secao3 .quebra-desktop,
  #page-rb #secao3 .no-mobile {
    display: none;
  }

  #page-rb #secao3 .quebra-mobile,
  #page-rb #secao3 .yes-mobile {
    display: block;
  }

/* Produto independente, proporcional ao enquadramento do Figma. */
#page-rb #secao3 .produto-secao3 {
  position: absolute;
  display: block;
  left: 50%;
  top: 51.472192%;
  width: 34.947917%;
  height: auto;
  transform: translateX(-50%);
}

  #page-rb #secao3 .produto-secao3 {
    top: 50.714286%;
    width: 75.393258%;
  }

#page-rb #secao4 {
  padding: 0 !important;
  background: #fff;
  container-type: inline-size;
}

#page-rb #secao4 .controle {
  width: 90%;
  padding: 90px 0 86px;
  text-align: center;
}

#page-rb #secao4 h2 {
  font-size: clamp(40px, 3.75cqw, 72px) !important;
  line-height: 1.15 !important;
  font-weight: 700;
  text-transform: none;
  margin: 0 auto 40px;
  background: linear-gradient(90deg, #b41e8e 27.57%, #2e3192 93.91%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  width: fit-content;
}

#page-rb #secao4 .texto {
  max-width: 850px;
  margin: 0 auto;
}

#page-rb #secao4 .texto p {
  color: #050607;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  margin: 0;
}

#page-rb #secao4 .texto p span {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
  color: #CF0975;
}

#page-rb #secao4 .video-secao4 {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background: #000;
  margin: 0;
}

  #page-rb #secao4 .controle {
    padding: clamp(40px, 8.988764cqw, 80px) 0 clamp(40px, 7.865169cqw, 70px);
  }

  #page-rb #secao4 h2 {
    font-size: clamp(24px, 5.617978cqw, 50px) !important;
    margin-bottom: clamp(24px, 4.494382cqw, 40px);
  }

  #page-rb #secao4 .texto {
    max-width: 710px;
  }

  #page-rb #secao4 .texto p {
    font-size: clamp(16px, 2.247191cqw, 20px);
    line-height: 1.2;
  }

/* Quebras editoriais da referência, independentes do reset global de br. */
#page-rb #secao4 .texto p {
  white-space: nowrap;
}

#page-rb #secao4 .texto p br {
  display: block !important;
}

#page-rb #secao4 .texto-mobile {
  display: none;
}

  #page-rb #secao4 .texto-desktop {
    display: none;
  }

  #page-rb #secao4 .texto-mobile {
    display: block;
  }

  #page-rb #secao4 .texto p {
    font-size: min(2.247191cqw, 20px);
  }

#page-rb #secao5 {
  padding: 40px 0;
  background-color: #e2e4e4;
}

#page-rb #secao5 .info {
  display: flex;
  overflow: hidden;
  gap: 50px;
  justify-content: space-between;
  align-items: center;
}

#page-rb #secao5 .info video {
  transform: scale(1.04);
  max-width: 501px;
}

#page-rb #secao5 .info .text {
  max-width: 420px;
  margin-left: auto;
  margin-right: 50px;
}

#page-rb #secao5 .info .text h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 35px;
  background: linear-gradient(106deg, #cf0975 21.88%, #591fb9 79.17%);
  background-clip: text;
  padding: 3px 0px;
  -webkit-background-clip: text;
  color: transparent;
}

#page-rb #secao5 .info .text p {
  color: #000;

  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

#page-rb #secao5 .info .text .icone {
  margin-bottom: 30px;
}

@media screen and (min-width: 0px) {
  #page-rb #secao5 .info {
    flex-direction: column;
  }

  #page-rb #secao5 .info video {
    transform: scale(1.05);
  }

  #page-rb #secao5 .info .text {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
    order: 1;
  }

  #page-rb #secao5 .info .text h2 {
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;
  }

  #page-rb #secao5 .info .text p {
    color: #000;

    text-align: center;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
  }

  #page-rb #secao5 .info .ilustra {
    text-align: center;
    padding: 0;
    order: 2;
  }
}

#page-rb #secao6 {
  padding: 80px 0 48px !important;
  background: #000;
  color: #fff;
  text-align: center;
  container-type: inline-size;
}

#page-rb #secao6 .controle {
  width: 90%;
  max-width: 1320px;
}

#page-rb #secao6 .power-plus {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  margin-bottom: 30px;
}

#page-rb #secao6 .power-plus img {
  display: block;
  width: 55px;
  height: 55px;
  flex-shrink: 0;
  margin: 0;
}

#page-rb #secao6 .power-plus p {
  color: #CF0975;
  font-size: 38px;
  line-height: 1;
  font-weight: 700;
  margin: 0;
  white-space: nowrap;
}

#page-rb #secao6 h2 {
  color: #fff;
  font-size: clamp(30px, 2.604167cqw, 50px) !important;
  line-height: 1.2 !important;
  font-weight: 700;
  margin: 0 auto 42px;
}

#page-rb #secao6 .quebra-mobile {
  display: none;
}

#page-rb #secao6 .descricao {
  color: #fff;
  font-size: 20px;
  line-height: 26px;
  font-weight: 400;
  margin: 0 auto;
  white-space: nowrap;
}

#page-rb #secao6 .descricao br {
  display: block !important;
}

#page-rb #secao6 .descricao span {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
  color: #CF0975;
}

#page-rb #secao6 .bateria-animacao {
  position: relative;
  width: 100%;
  margin: 80px auto 60px;
}

#page-rb #secao6 .video-bateria {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

#page-rb #secao6 .bateria-label {
  position: absolute;
  z-index: 1;
  color: #fff;
  leading-trim: both;
  text-edge: cap;
  font-family: Montserrat, sans-serif;
  font-size: 50px;
  font-style: italic;
  font-weight: 700;
  line-height: 50px;
  text-transform: uppercase;
  white-space: nowrap;
}

#page-rb #secao6 .bateria-label-ate {
  top: 10%;
  left: 4.5%;
}

#page-rb #secao6 .bateria-label-horas {
  bottom: 12%;
  left: 21.4%;
}

#page-rb #secao6 .small {
  color: #fff;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  margin: 0 auto;
}

  #page-rb #secao6 {
    padding: 70px 0 60px !important;
  }

  #page-rb #secao6 .power-plus {
    margin-bottom: 30px;
  }

  #page-rb #secao6 h2 {
    font-size: min(4.494382cqw, 40px) !important;
    margin-bottom: 45px;
  }

  #page-rb #secao6 .quebra-mobile {
    display: block;
  }

  #page-rb #secao6 .descricao {
    font-size: min(2.022472cqw, 18px);
    line-height: 1.3;
  }

  #page-rb #secao6 .bateria-animacao {
    margin: 90px auto 70px;
  }

  #page-rb #secao6 .small {
    font-size: min(1.573034cqw, 14px);
    line-height: 1.3;
  }

#page-rb #secao7 {
  background: url("../images/bg-secao7.jpg") no-repeat top center;
  padding: 110px 0 80px;
}

#page-rb #secao7 h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 100%;
  text-transform: uppercase;
  color: #000;
}

#page-rb #secao7 .box-controle {
  display: flex;
  margin-bottom: 120px;
}

#page-rb #secao7 .box-controle .text {
  margin: 50px 0 0 50px;
}

#page-rb #secao7 .box-controle .text h2 {
  margin: 30px 0 75px 0;
}

#page-rb #secao7 .box-casa h2 {
  margin-bottom: 30px;
}

#page-rb #secao7 .box-casa .icone {
  margin-top: 30px;
}

@media screen and (max-width: 1220px) {
  #page-rb #secao7 .icone {
    margin-top: 30px;
  }

  #page-rb #secao7 .icone img {
    max-width: 70%;
  }

  #page-rb #secao7 h2 {
    font-size: 4vw;
    margin-bottom: 20%;
  }

  #page-rb #secao7 p {
    line-height: 140%;
  }

  #page-rb #secao7 .box-controle .text h2 {
    font-size: 4vw;
    margin-bottom: 8%;
  }

  #page-rb #secao7 p {
    font-size: 1.6vw;
  }
}

@media screen and (max-width: 860px) {
  #page-rb #secao7 {
    background: #fbf5e5;
    text-align: center;
    padding: 50px 0 0;
  }

  #page-rb #secao7 .yes-mobile {
    display: block;
  }

  #page-rb #secao7 p {
    font-size: 2.6vw;
  }

  #page-rb #secao7 .icone {
    margin-top: 30px;
  }

  #page-rb #secao7 .icone img {
    max-width: 190px;
  }

  #page-rb #secao7 .box-casa {
    margin-top: 60px;
  }

  #page-rb #secao7 .box-controle {
    display: block;
    margin-bottom: 40px;
  }

  #page-rb #secao7 .box-controle .text {
    margin: 0;
  }

  #page-rb #secao7 .box-controle .produto {
    display: none;
  }
}

@media screen and (max-width: 540px) {
  #page-rb #secao7 br {
    display: none;
  }

  #page-rb #secao7 p {
    font-size: 4vw;
  }

  #page-rb #secao7 h2 {
    font-size: 8vw;
  }

  #page-rb #secao7 .box-controle .text h2 {
    font-size: 8vw;
    margin-bottom: 8%;
  }
}

@media screen and (max-width: 468px) {
  #page-rb #secao7 p {
    font-size: 18px;
  }
}

#page-rb #secao-video6 {
  padding: 0 !important;
  background: #000;
}

#page-rb #secao-video6 .controle {
  width: 100%;
  max-width: none;
  margin: 0;
}

#page-rb #secao-video6 video {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

#page-rb #secao8 {
  background: url("../images/bg-secao7.jpg") no-repeat top center;
  background-size: cover;
  padding: 108px 0 50px 0;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

#page-rb #secao8 h2 {
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 43px;
  margin-bottom: 10px;
  /* or 108% */
  color: #000000;
}

#page-rb #secao8 .icone {
  margin-bottom: 10px;
}

#page-rb #secao8 .info {
  max-width: 463px;
}

#page-rb #secao8 p {
  color: #000;
  max-width: 430px;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
}

#page-rb #secao8 .info .bold {
  color: #000;
  max-width: 100%;
  margin: 48px 0;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 26px;
}

#page-rb #secao8 .produto img {
  position: absolute;
  left: 48%;
  bottom: 17%;
  width: 43%;
}

#page-rb #secao8 .small {
  color: #000;
  margin-top: 85px;
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 18px;
}

@media screen and (max-width: 1200px) {
  #page-rb #secao8 br {
    display: none;
  }

  #page-rb #secao8 .info {
    max-width: 380px;
  }
}

@media screen and (min-width: 0px) {
  #page-rb #secao8 {
    background-position: top;
    text-align: center;
    padding: 70px 0 73px 0 !important;
    height: auto;
  }

  #page-rb #secao8 .small.no-mobile {
    display: none;
  }

  #page-rb #secao8 .info .bold {
    margin: 38px 0;
  }

  #page-rb #secao8 .yes-mobile.small {
    text-align: center;
    margin: 0 auto;
    padding: 0 15px;
    display: block;
  }

  #page-rb #secao8 .produto img {
    position: static;
    max-width: 420px;
    width: 90%;
    text-align: center;
    margin: 85px auto;
    display: block;
  }

  #page-rb #secao8 .yes-mobile img {
    margin: 0 0 0 auto;
    max-width: 472px;
    margin: 0 auto;
    width: 93%;
  }

  #page-rb #secao8 .info {
    text-align: center;
    max-width: 380px;
    margin: 0 auto;
  }

  #page-rb #secao8 p {
    font-size: 20px;
    margin: 0 auto;
    line-height: 26px;
  }

  #page-rb #secao8 .icone {
    text-align: center;
    margin: 15px auto;
  }

  #page-rb #secao8 .icone img {
    max-width: 269px;
  }

  #page-rb #secao8 h2 {
    color: #000;
    max-width: 327px;
    margin: 0 auto;

    text-align: center;
    font-family: Montserrat;
    font-size: 30px;
    font-style: normal;
    font-weight: 400;
    line-height: 35px;
  }
}

#page-rb #secao9 {
  background: #fff;
  padding: 66px 0 112px !important;
}

#page-rb #secao9 .controle {
  position: relative;
  container-type: inline-size;
  width: 82%;
  max-width: 1320px;
  aspect-ratio: 1324 / 779;
  background: url("../images/bgtws.png") center / 100% 100% no-repeat;
  overflow: visible;
}

#page-rb #secao9 .info {
  padding-top: 8.3%;
  text-align: center;
  color: #fff;
}

#page-rb #secao9 h2 {
  color: #fff;
  font-size: min(3.787879cqw, 50px) !important;
  font-weight: 700;
  line-height: 1.06 !important;
  margin: 0 auto 3.030303cqw;
}

#page-rb #secao9 p {
  color: #fff;
  font-size: min(1.515152cqw, 20px);
  font-weight: 400;
  line-height: 1.3;
  margin: 0 auto;
}

#page-rb #secao9 p br {
  display: block !important;
}

#page-rb #secao9 .produto-tws {
  position: absolute;
  left: 50%;
  bottom: 6%;
  transform: translateX(-50%);
  display: block;
  width: 108%;
  max-width: none;
  height: auto;
}

  #page-rb #secao9 {
    padding: 5.6% 0 !important;
  }

  #page-rb #secao9 .controle {
    width: 89.438202%;
    max-width: none;
    aspect-ratio: 796 / 515;
    background-image: url("../images/bgtws-mob.png");
  }

  #page-rb #secao9 .info {
    padding-top: 6.3%;
  }

  #page-rb #secao9 h2 {
    font-size: 5.025126cqw !important;
    margin-bottom: 3.015075cqw;
  }

  #page-rb #secao9 p {
    font-size: 2.261307cqw;
    line-height: 1.3;
  }

  #page-rb #secao9 .produto-tws {
    width: 106%;
    bottom: 5%;
  }

#page-rb #secao10 {
  background: #dedede;
  padding-top: 70px;
}

#page-rb #secao10 .topo-info {
  display: flex;
  justify-content: center;
  align-items: center;
}

#page-rb #secao10 .topo-info div {
  margin: 0 20px;
}

#page-rb #secao10 .tv-compare {
  text-align: center;
  margin: 80px auto 40px;
  background: url("../images/tv-compare.jpg") top center no-repeat;
  width: 1138px;
  height: 762px;
  background-size: 100%;
}

#page-rb #secao10 #comparacao {
  height: 100%;
  margin-left: 0px;
  margin: 0 auto;
  top: 28px;
  width: 1092px;
  left: 3px;
}

@media screen and (max-width: 1220px) {
  #page-rb #secao10 .tv-compare {
    width: 600px;
    height: 402px;
  }

  #page-rb #secao10 #comparacao {
    width: 576px;
    top: 10px;
  }
}

@media screen and (max-width: 995px) {
  #page-rb #secao10 p {
    font-size: 1.6vw;
    line-height: 140%;
  }
}

@media screen and (max-width: 768px) {
  #page-rb #secao10 {
    text-align: center;
    padding: 40px 0;
  }

  #page-rb #secao10 p {
    font-size: 2.6vw;
    line-height: 140%;
  }

  #page-rb #secao10 .topo-info {
    flex-direction: column;
  }

  #page-rb #secao10 .topo-info .text {
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  #page-rb #secao10 {
    background: #fff;
    padding-top: 80px;
  }

  #page-rb #secao10 .tv-compare {
    display: none;
  }

  #page-rb #secao10 .yes-mobile {
    display: block;
    text-align: center;
    margin-top: 60px;
  }

  #page-rb #secao10 .yes-mobile img {
    display: inline-block;
  }
}

@media screen and (max-width: 540px) {
  #page-rb #secao10 br {
    display: none;
  }

  #page-rb #secao10 p {
    font-size: 4vw;
  }

  #page-rb #secao10 h2 {
    font-size: 8vw;
  }
}

@media screen and (max-width: 468px) {
  #page-rb #secao10 p {
    font-size: 18px;
  }

  #page-rb #secao10 .icone img {
    width: 80%;
  }
}

#page-rb #secao10-a {
  padding: 72px 0 88px !important;
  background: #000;
  color: #fff;
  container-type: inline-size;
}

#page-rb #secao10-a .controle {
  width: 90%;
  max-width: 1320px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 672px);
  align-items: center;
  gap: 100px;
}

#page-rb #secao10-a h2 {
  color: #fff;
  font-size: 50px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 53px !important;
  margin: 0 0 50px;
}

#page-rb #secao10-a .quebra-desktop {
  display: block;
}

#page-rb #secao10-a p {
  color: #fff;
  font-family: Montserrat, sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
}

#page-rb #secao10-a p br {
  display: block !important;
}

#page-rb #secao10-a video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 20px;
}

#page-rb #secao10-b {
  padding: 0 !important;
}

#page-rb #secao10-b .controle {
  width: 100%;
  max-width: none;
  margin: 0;
}

#page-rb #secao10-b img {
  display: block;
  width: 100%;
  height: auto;
}

  #page-rb #secao10-a {
    padding: 8.089888% 0 9.438202% !important;
  }

  #page-rb #secao10-a .controle {
    display: flex;
    flex-direction: column;
    gap: 8.988764cqw;
    text-align: center;
  }

  #page-rb #secao10-a h2 {
    font-size: min(4.494382cqw, 40px) !important;
    line-height: 1.06 !important;
    margin-bottom: 3.820225cqw;
  }

  #page-rb #secao10-a .quebra-desktop {
    display: none;
  }

  #page-rb #secao10-a p {
    font-size: min(2.247191cqw, 20px);
    line-height: 1.3;
  }

  #page-rb #secao10-a video {
    width: 85.4%;
    max-width: 684px;
    border-radius: 2.247191cqw;
  }

  #page-rb #secao10-b img {
    aspect-ratio: 890 / 470;
    height: auto;
    object-fit: cover;
    object-position: center;
  }

#page-rb #secao11 {
  background: #fff;
  text-align: center;
  box-sizing: border-box;
  padding: 100px 0 0 !important;
  container-type: inline-size;
}

#page-rb #secao11 .controle {
  width: 82%;
  max-width: 1324px;
  min-height: 523px;
  box-sizing: border-box;
  border: 2px solid transparent;
  border-radius: 20px;
  background: linear-gradient(#fff, #fff) padding-box,
    linear-gradient(115deg, #cf0975 0%, #591fb9 52%, #cf0975 100%) border-box;
  padding: 0 24px 70px;
}

/* The white heading surface opens the border without covering its text. */
#page-rb #secao11 h2 {
  position: relative;
  width: fit-content;
  max-width: 100%;
  margin: -36px auto 8px;
  padding: 0 30px;
  box-sizing: border-box;
  background: #fff;
  font-size: min(72px, 4.5cqw) !important;
  font-style: normal;
  font-weight: 700;
  line-height: 1 !important;
}

#page-rb #secao11 h2 span {
  background: linear-gradient(106deg, #cf0975 21.88%, #591fb9 79.17%);
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  font: inherit;
}

#page-rb #secao11 h3 {
  color: #591fb9;
  margin: 0 auto 72px;
  font-family: Montserrat, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 27px;
}

#page-rb #secao11 br { display: block !important; }

#page-rb #secao11 .bluetooth {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  margin: 0 auto 58px;
}

#page-rb #secao11 .bluetooth .icon {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}

#page-rb #secao11 .bluetooth .icon img { width: 234px; height: auto; display: block; }
#page-rb #secao11 .bluetooth .versao { color: #000; font: 700 46px/1 'Arial Narrow', sans-serif; letter-spacing: -3px; }
#page-rb #secao11 .bluetooth p { color: #000; font-size: 20px; line-height: 26px; text-align: left; }

#page-rb #secao11 .diveces {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 590px;
  max-width: 100%;
  margin: 0 auto;
}

#page-rb #secao11 .diveces .item { text-align: center; }
#page-rb #secao11 .diveces .icon { height: 82px; display: flex; align-items: center; justify-content: center; }
#page-rb #secao11 .diveces img { display: block; height: 80px; width: auto; }
#page-rb #secao11 .diveces .label { margin-top: 10px; color: #000; font-size: 18px; line-height: 24px; }

@media screen and (min-width: 0px) {
  #page-rb #secao11 { padding-top: 9cqw !important; }
  #page-rb #secao11 .controle { width: 89.4382%; min-height: 0; padding: 0 3cqw 9cqw; }
  #page-rb #secao11 h2 { font-size: 4.269663cqw !important; margin-top: -2.134832cqw; padding: 0 2.5cqw; margin-bottom: 1.5cqw; }
  #page-rb #secao11 h3 { font-size: 2.247191cqw; line-height: 1.227273; margin-bottom: 7cqw; }
  #page-rb #secao11 .bluetooth { gap: 2.5cqw; margin-bottom: 6cqw; }
  #page-rb #secao11 .bluetooth .icon { gap: 1cqw; }
  #page-rb #secao11 .bluetooth .icon img { width: 23cqw; }
  #page-rb #secao11 .bluetooth .versao { font-size: 4.5cqw; letter-spacing: -.3cqw; }
  #page-rb #secao11 .bluetooth p { font-size: 2.247191cqw; line-height: 1.3; }
  #page-rb #secao11 .diveces { width: 55cqw; }
  #page-rb #secao11 .diveces .icon { height: 8.2cqw; }
  #page-rb #secao11 .diveces img { height: 8cqw; }
  #page-rb #secao11 .diveces .label { font-size: 2.022472cqw; line-height: 1.3; margin-top: 1cqw; }
}

#page-rb #secao12 {
  background: url("../images/bg-secao12.jpg") no-repeat top center;
  background-position: 37%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding: 138px 0;
  box-sizing: border-box;
  height: 1181px;
}

#page-rb #secao12 .info .title {
  display: flex;
  margin-bottom: 50px;
  gap: 28px;
  align-items: start;
}

#page-rb #secao12 h2 {
  font-size: 50px;
  font-style: normal;
  font-weight: 700;
  line-height: 53px;
  /* 106% */
  background: linear-gradient(106deg, #cf0975 21.88%, #591fb9 79.17%);
  background-clip: text;
  padding: 3px 0px;
  -webkit-background-clip: text;
  color: transparent;
}

#page-rb #secao12 p {
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  /* or 130% */
  color: #ffffff;
}

#page-rb #secao12 .info {
  margin-bottom: 90px;
  max-width: 572px;
}

#page-rb #secao12 .info p {
  color: #000;
  max-width: 439px;
  font-family: Montserrat;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  /* 130% */
}

@media screen and (min-width: 0px) {
  #page-rb #secao12 {
    height: auto;
    text-align: center;
    padding: 80px 0 0 0;
    background: #fff;
  }

  #page-rb #secao12 .info {
    margin: 0 auto 50px auto;
  }

  #page-rb #secao12 .info .title {
    display: block;
  }

  #page-rb #secao12 .info .title img {
    margin: 0 auto;
  }

  #page-rb #secao12 img {
    margin: 0 auto 50px auto;
  }

  #page-rb #secao12 .info .title h2 {
    margin: 24px auto 0 auto;
    max-width: 340px;
    font-size: 38px;
    font-style: normal;
    font-weight: 700;
    line-height: 41px;
    /* 107.895% */
  }

  #page-rb #secao12 .info p {
    margin: 0 auto 50px auto;
  }

  #page-rb #secao12 .yes-mobile {
    display: block;
  }

  #page-rb #secao12 .yes-mobile img {
    height: 100%;
    width: 100%;
  }

  #page-rb #secao12 .prod1 {
    width: 70%;
    margin: 0 auto;
  }

  #page-rb #secao12 .prod2 {
    position: static;
    margin: 0 auto;
  }

  #page-rb #secao12 .prod2 img {
    margin: 70px auto;
  }

  #page-rb #secao12 .prod3 {
    position: static;
    margin: 0 auto;
  }

  #page-rb #secao12 .yes-mobile img {
    margin: 0 auto;
  }

  #page-rb #secao12 .prod3 img {
    margin: 50px auto 0 auto;
  }
}

@media screen and (max-width: 390px) {
  #page-rb #secao12 h2 {
    font-size: 11vw !important;
    line-height: 110%;
  }

  #page-rb #secao12 .small {
    font-size: 12px !important;
  }
}

#page-rb #secao13 {
  padding: 90px 0 50px !important;
  background: #000;
  color: #fff;
  text-align: center;
  container-type: inline-size;
}

#page-rb #secao13 .controle {
  width: 90%;
  max-width: 1320px;
}

#page-rb #secao13 h2 {
  color: #fff;
  font-size: 50px !important;
  font-style: normal;
  font-weight: 700;
  line-height: 53px !important;
  margin: 0 auto 40px;
}

#page-rb #secao13 p {
  color: #fff;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin: 0 auto;
}

#page-rb #secao13 p span {
  font-size: inherit;
  line-height: inherit;
  font-weight: 700;
  color: #CF0975;
}

#page-rb #secao13 p br {
  display: block !important;
}

#page-rb #secao13 .texto-mobile,
#page-rb #secao13 .quebra-mobile {
  display: none;
}

#page-rb #secao13 .demonstracao-app {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 189px;
  gap: 40px;
  align-items: center;
  margin: 90px auto 60px;
}

#page-rb #secao13 .demonstracao-app video {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

#page-rb #secao13 .box-apps {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 34px;
}

#page-rb #secao13 .box-apps img {
  display: block;
  height: auto;
}

#page-rb #secao13 .dj-effects h2 {
  margin-bottom: 35px;
}

#page-rb #secao13 .small {
  margin-top: 100px;
  font-size: 14px;
  line-height: 22px;
}

  #page-rb #secao13 {
    padding: 9% 0 6% !important;
  }

  #page-rb #secao13 h2 {
    font-size: min(4.494382cqw, 40px) !important;
    line-height: 1.06 !important;
    margin-bottom: 5.617978cqw;
  }

  #page-rb #secao13 p {
    font-size: min(2.022472cqw, 18px);
    line-height: 1.3;
  }

  #page-rb #secao13 .texto-desktop {
    display: none;
  }

  #page-rb #secao13 .texto-mobile,
  #page-rb #secao13 .quebra-mobile {
    display: block;
  }

  #page-rb #secao13 .demonstracao-app {
    display: flex;
    flex-direction: column;
    gap: 7.865169cqw;
    margin: 8.988764cqw auto 11.235955cqw;
  }

  #page-rb #secao13 .box-apps {
    flex-direction: row;
    justify-content: center;
    gap: 3.820225cqw;
  }

  #page-rb #secao13 .box-apps img:first-child {
    width: 18.876404cqw;
    max-width: 168px;
  }

  #page-rb #secao13 .box-apps img:last-child {
    width: 21.235955cqw;
    max-width: 189px;
  }

  #page-rb #secao13 .dj-effects p {
    max-width: 85%;
  }

  #page-rb #secao13 .small {
    margin-top: 10cqw;
    font-size: min(1.573034cqw, 14px);
    line-height: 1.5;
  }

#page-rb #video-full {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#page-rb #video-full .video-container {
  overflow: hidden;
  position: relative;
  width: 100%;
}

#page-rb #video-full .video-container::after {
  padding-top: 56.25%;
  display: block;
  content: "";
}

#page-rb #video-full .video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#page-rb #medidas {
  background: #fff;
  padding: 80px 0;
}

#page-rb #medidas h2 {
  font-style: normal;
  font-weight: 700;
  font-size: 50px;
  line-height: 50px;
  margin-bottom: 30px;
  text-transform: uppercase;
  background: linear-gradient(106deg, #cf0975 21.88%, #591fb9 79.17%);
  background-clip: text;
  padding: 3px 0px;
  -webkit-background-clip: text;
  color: transparent;
}

#page-rb #medidas ul {
  padding-left: 25px;
}

#page-rb #medidas li {
  list-style: disc;
  color: #cf0975;
  font-size: 26px;
  line-height: 115%;
}

#page-rb #medidas li span {
  font-size: 20px;
  color: #000;
}

#page-rb #medidas .topo-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#page-rb #medidas .bottom-info {
  margin-top: 80px;
  display: flex;
  justify-content: space-between;
}

#page-rb #medidas .bottom-info .produto {
  max-width: 751px;
  position: relative;
}

#page-rb #medidas .bottom-info .produto .imggif {
  position: absolute;
  top: 0;
  left: 10px;
}

#page-rb #medidas .bottom-info .descricao {
  margin-right: 0%;
  padding-top: 30px;
}

#page-rb #medidas .small {
  color: #000;
  margin-top: 70px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
}

@media screen and (max-width: 1320px) {
  #page-rb #medidas h2 {
    line-height: 110%;
    font-size: 3.6vw;
  }

  #page-rb #medidas li {
    font-size: 2.3vw;
  }

  #page-rb #medidas li span {
    font-size: 2vw;
  }

  #page-rb #medidas .topo-info .produto {
    padding-left: 50px;
  }

  #page-rb #medidas .bottom-info .produto {
    padding-right: 50px;
  }

  #page-rb #medidas .bottom-info .produto .imggif {
    width: 40%;
    position: absolute;
    top: -3px;
    left: 10px;
  }

  #page-rb #medidas .bottom-info h2 br {
    display: none;
  }

  #page-rb #medidas .bottom-info .descricao {
    margin-bottom: 50px;
    margin-right: 0;
  }
}

@media screen and (max-width: 1200px) {
  #page-rb #medidas .small {
    margin-top: 5%;
    font-size: 1.2vw;
    line-height: 140%;
  }
}

@media screen and (max-width: 1000px) {
  #page-rb #medidas .small {
    font-size: 1.8vw;
  }
}

@media screen and (max-width: 540px) {
  #page-rb #medidas .small {
    font-size: 2.8vw;
  }
}

@media screen and (max-width: 468px) {
  #page-rb #medidas .topo-info {
    display: block;
  }

  #page-rb #medidas h2 {
    line-height: 110% !important;
    font-size: 11vw !important;
  }

  #page-rb #medidas .yes-mobile img {
    width: 100%;
  }

  #page-rb #medidas .small {
    font-size: 12px;
  }
}

@media screen and (max-width: 700px) {
  #page-rb #medidas .bottom-info {
    flex-direction: column;
  }

  #page-rb #medidas .produto {
    display: none;
    padding: 0;
    margin: 0;
  }

  #page-rb #medidas .yes-mobile {
    margin-top: 40px;
    display: block;
    position: relative;
  }

  #page-rb #medidas h2 {
    font-size: 40px;
    line-height: 40px;
  }

  #page-rb #medidas .yes-mobile img {
    display: initial;
    margin-right: auto;
    max-width: 454px;
  }

  #page-rb #medidas .item2 {
    margin-bottom: 50px;
  }

  #page-rb #medidas .yes-mobile .imggif {
    width: 70%;
    position: absolute;
    left: 50%;
    margin-left: -35%;
    top: 3%;
  }

  #page-rb #medidas li {
    font-size: 18px;
  }

  #page-rb #medidas li span {
    font-size: 16px;
  }

  #page-rb #medidas br {
    display: none;
  }
}

#page-rb .twentytwenty-horizontal .twentytwenty-handle:before,
#page-rb .twentytwenty-horizontal .twentytwenty-handle:after,
#page-rb .twentytwenty-vertical .twentytwenty-handle:before,
#page-rb .twentytwenty-vertical .twentytwenty-handle:after {
  content: " ";
  display: block;
  background: white;
  position: absolute;
  z-index: 30;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
}

#page-rb .twentytwenty-horizontal .twentytwenty-handle:before,
#page-rb .twentytwenty-horizontal .twentytwenty-handle:after {
  width: 3px;
  height: 9999px;
  left: 50%;
  margin-left: -1.5px;
}

#page-rb .twentytwenty-vertical .twentytwenty-handle:before,
#page-rb .twentytwenty-vertical .twentytwenty-handle:after {
  width: 9999px;
  height: 3px;
  top: 50%;
  margin-top: -1.5px;
}

#page-rb .twentytwenty-before-label,
#page-rb .twentytwenty-after-label,
#page-rb .twentytwenty-overlay {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

#page-rb .twentytwenty-before-label,
#page-rb .twentytwenty-after-label,
#page-rb .twentytwenty-overlay {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  transition-duration: 0.5s;
}

#page-rb .twentytwenty-before-label,
#page-rb .twentytwenty-after-label {
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  transition-property: opacity;
}

#page-rb .twentytwenty-before-label:before,
#page-rb .twentytwenty-after-label:before {
  color: white;
  font-size: 13px;
  letter-spacing: 0.1em;
}

#page-rb .twentytwenty-before-label:before,
#page-rb .twentytwenty-after-label:before {
  position: absolute;
  background: rgba(255, 255, 255, 0.2);
  line-height: 38px;
  padding: 0 20px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#page-rb .twentytwenty-horizontal .twentytwenty-before-label:before,
#page-rb .twentytwenty-horizontal .twentytwenty-after-label:before {
  top: 50%;
  margin-top: -19px;
}

#page-rb .twentytwenty-vertical .twentytwenty-before-label:before,
#page-rb .twentytwenty-vertical .twentytwenty-after-label:before {
  left: 50%;
  margin-left: -45px;
  text-align: center;
  width: 90px;
}

#page-rb .twentytwenty-left-arrow,
#page-rb .twentytwenty-right-arrow,
#page-rb .twentytwenty-up-arrow,
#page-rb .twentytwenty-down-arrow {
  width: 0;
  height: 0;
  border: 6px inset transparent;
  position: absolute;
}

#page-rb .twentytwenty-left-arrow,
#page-rb .twentytwenty-right-arrow {
  top: 50%;
  margin-top: -6px;
}

#page-rb .twentytwenty-up-arrow,
#page-rb .twentytwenty-down-arrow {
  left: 50%;
  margin-left: -6px;
}

#page-rb .twentytwenty-container {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  z-index: 0;
  overflow: hidden;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
}

#page-rb .twentytwenty-container img {
  max-width: 100%;
  position: absolute;
  top: 0;
  display: block;
}

#page-rb .twentytwenty-container.active .twentytwenty-overlay,
#page-rb .twentytwenty-container.active :hover.twentytwenty-overlay {
  background: rgba(0, 0, 0, 0);
}

#page-rb
  .twentytwenty-container.active
  .twentytwenty-overlay
  .twentytwenty-before-label,
#page-rb
  .twentytwenty-container.active
  .twentytwenty-overlay
  .twentytwenty-after-label,
#page-rb
  .twentytwenty-container.active:hover.twentytwenty-overlay
  .twentytwenty-before-label,
#page-rb
  .twentytwenty-container.active:hover.twentytwenty-overlay
  .twentytwenty-after-label {
  opacity: 0;
}

#page-rb .twentytwenty-container * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

#page-rb .twentytwenty-before-label {
  opacity: 0;
}

#page-rb .twentytwenty-before-label:before {
  content: "";
}

#page-rb .twentytwenty-after-label {
  opacity: 0;
}

#page-rb .twentytwenty-after-label:before {
  content: "";
}

#page-rb .twentytwenty-horizontal .twentytwenty-before-label:before {
  left: 10px;
}

#page-rb .twentytwenty-horizontal .twentytwenty-after-label:before {
  right: 10px;
}

#page-rb .twentytwenty-vertical .twentytwenty-before-label:before {
  top: 10px;
}

#page-rb .twentytwenty-vertical .twentytwenty-after-label:before {
  bottom: 10px;
}

#page-rb .twentytwenty-overlay {
  -webkit-transition-property: background;
  -moz-transition-property: background;
  transition-property: background;
  background: rgba(0, 0, 0, 0);
  z-index: 25;
}

#page-rb .twentytwenty-overlay:hover {
  background: rgba(0, 0, 0, 0.5);
}

#page-rb .twentytwenty-overlay:hover .twentytwenty-after-label {
  opacity: 1;
}

#page-rb .twentytwenty-overlay:hover .twentytwenty-before-label {
  opacity: 1;
}

#page-rb .twentytwenty-before {
  z-index: 20;
}

#page-rb .twentytwenty-after {
  z-index: 10;
}

#page-rb .twentytwenty-handle {
  height: 38px;
  width: 38px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -22px;
  margin-top: -22px;
  border: 3px solid white;
  -webkit-border-radius: 1000px;
  -moz-border-radius: 1000px;
  border-radius: 1000px;
  -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
  z-index: 40;
  cursor: pointer;
}

#page-rb .twentytwenty-handle .cd-single-point {
  height: 38px;
  width: 38px;
  margin-left: -19px;
  margin-top: -19px;
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 42;
  display: block;
}

#page-rb .twentytwenty-handle .cd-single-point > a {
  background: transparent;
  opacity: 0;
  border: none;
}

#page-rb .twentytwenty-handle .cd-single-point > a::after,
#page-rb .twentytwenty-handle .cd-single-point > a:before {
  display: none;
}

#page-rb .twentytwenty-horizontal .twentytwenty-handle:before {
  bottom: 50%;
  margin-bottom: 22px;
  -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

#page-rb .twentytwenty-horizontal .twentytwenty-handle:after {
  top: 50%;
  margin-top: 22px;
  -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

#page-rb .twentytwenty-vertical .twentytwenty-handle:before {
  left: 50%;
  margin-left: 22px;
  -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

#page-rb .twentytwenty-vertical .twentytwenty-handle:after {
  right: 50%;
  margin-right: 22px;
  -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
  box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5);
}

#page-rb .twentytwenty-left-arrow {
  border-right: 6px solid white;
  left: 50%;
  margin-left: -17px;
}

#page-rb .twentytwenty-right-arrow {
  border-left: 6px solid white;
  right: 50%;
  margin-right: -17px;
}

#page-rb .twentytwenty-up-arrow {
  border-bottom: 6px solid white;
  top: 50%;
  margin-top: -17px;
}

#page-rb .twentytwenty-down-arrow {
  border-top: 6px solid white;
  bottom: 50%;
  margin-bottom: -17px;
}

#page-rb #footer-bottom {
  background: url("../images/bg-footer.jpg") no-repeat top center;
  padding: 70px 0;
  color: #fff;
}

#page-rb #footer-bottom .info {
  padding: 0 15px;
}

#page-rb #footer-bottom p {
  margin-bottom: 30px;
}

#page-rb #footer-bottom .logo-footer {
  margin-bottom: 60px;
}

#page-rb #footer-bottom .small {
  font-size: 16px;
  line-height: 25px;
  margin-top: 90px;
}

@media screen and (max-width: 920px) {
  #page-rb #footer-bottom {
    background: #dd3e23;
  }

  #page-rb #footer-bottom .logo-footer {
    text-align: center;
  }

  #page-rb #footer-bottom p {
    font-size: 16px;
  }
}

@media screen and (max-width: 390px) {
  #page-rb h2 {
    font-size: 9vw !important;
    line-height: 110% !important;
  }
}

#page-rb #secao2 .controle {
  width: 100%;
  max-width: 100%;
}

#page-rb #secao2 .item.item-q1 {
  padding: 15px 0 0 20px;
  width: 330px;
  height: 214px;
}

#page-rb #secao2 .item.item-q2 {
  width: 260px;
  height: 194px;
  text-align: center;
}

#page-rb #secao2 .item.item-q3 {
  width: 200px;
  padding-top: 20px;
  height: 240px;
  text-align: center;
}

#page-rb #secao2 .item.item-q4 {
  width: 460px;
  height: 251px;
  padding: 50px 30px;
}

#page-rb #secao2 .item.item-q5 {
  width: 211px;
  padding-top: 50px;
  height: 228px;
}

#page-rb #secao2 .item p {
  line-height: 105%;
  font-size: 16px;
}

#page-rb #secao2 .item.item-q4 img {
  width: 130px;
}


#page-rb .secao.secao-video {
  padding: 0 !important;
  background: #000;
  margin: 0;
}

#page-rb .secao.secao-video .controle {
  position: relative;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#page-rb .secao.secao-video .controle::after {
  content: "";
  display: block;
  padding-top: 56.25%;
}

#page-rb .secao.secao-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}

#page-rb #secao4.dois{
  background: #000 !important;
  margin-top: -1px;
}

#page-rb #secao4.dois h2{
  color: #FFF;
text-align: center;
leading-trim: both;
text-edge: cap;
-webkit-text-stroke-width: 0.69px;
-webkit-text-stroke-color: #FFF;
font-family: Montserrat;
font-size: min(3.494382cqw, 20px) !important;
font-style: normal;
font-weight: 700;
line-height: 30px; /* 100% */
margin-bottom: 0;
border-radius: 20px;
border: 2px solid #FFF;
padding: 20px;
}

@media screen and (max-width: 500px){
  #page-rb #secao4.dois h2{
    font-size: min(3cqw, 16px) !important;
    padding: 10px;
  }
}

/* Escala os rótulos da animação e preserva o alinhamento com o numeral. */
#page-rb #secao6 .bateria-label-horas {
  left: 29.3%;
  transform: translateX(-50%);
}

@media screen and (max-width: 750px) {
  #page-rb #secao6 .bateria-label {
    font-size: clamp(22px, 4.266667vw, 32px);
    line-height: 1;
  }

  #page-rb #secao6 .bateria-label-ate {
    top: 6%;
    left: 4.5%;
  }

  #page-rb #secao6 .bateria-label-horas {
    bottom: 12%;
  }

  #page-rb #secao3 .info p,
  #page-rb #secao4 .texto p,
  #page-rb #secao5 .text p,
  #page-rb #secao6 .descricao,
  #page-rb #secao6 .small,
  #page-rb #secao10-a .info p,
  #page-rb #secao11 .bluetooth p,
  #page-rb #secao9 .info p,
  #page-rb #secao13 p,
  #page-rb #medidas li span,
  #page-rb #medidas .small {
    font-size: 16px !important;
    line-height: 1.3;
    white-space: normal;
  }

  #page-rb #secao3 .info p br,
  #page-rb #secao4 .texto p br,
  #page-rb #secao5 .text p br,
  #page-rb #secao6 .descricao br,
  #page-rb #secao10-a .info p br,
  #page-rb #secao11 .bluetooth p br,
  #page-rb #secao9 .info p br,
  #page-rb #secao13 p br {
    display: none !important;
  }

  #page-rb #secao6 .descricao {
    max-width: 92%;
  }
}

@media screen and (max-width: 500px) {
  #page-rb #secao6 .bateria-label {
    font-size: clamp(18px, 4.4vw, 22px);
  }

  #page-rb #secao6 .bateria-label-ate {
    top: 7%;
  }

  #page-rb #secao3 .info p,
  #page-rb #secao4 .texto p,
  #page-rb #secao5 .text p,
  #page-rb #secao6 .descricao,
  #page-rb #secao6 .small,
  #page-rb #secao10-a .info p,
  #page-rb #secao11 .bluetooth p,
  #page-rb #secao9 .info p,
  #page-rb #secao13 p,
  #page-rb #medidas li span,
  #page-rb #medidas .small {
    font-size: 12px !important;
  }
}