/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

h6 {
  font-weight: 400;
  font-size: 18px;
}
select {
  padding-right: 70px !important;
  padding-left: 30px !important;
}
.selectajustar3 {
  border-radius: 40px;
  border-color: #9e2cff;
  background-color: #fff;
  color: #1d1749;
  background-image: url("https://compare.helyo.com.br/wp-content/uploads/2024/08/Group-101-1.svg");
  background-size: 20px 20px; /* Define o tamanho da imagem */
  background-position: calc(100% - 10px) center; /* Ajusta a posição da imagem com um "padding" visual de 10px */
  background-repeat: no-repeat; /* Impede a repetição da imagem */
}
.selectajustar3 {
  /* for Firefox */
  -moz-appearance: none;
  /* for Safari, Chrome, Opera */
  -webkit-appearance: none;
}
.selectajustar3::-ms-expand {
  display: none;
}

.zoomimagem:active {
  transform: scale(1.1); /* Aumenta o tamanho da imagem em 10% quando clicada */
  transition: transform 0.3s; /* Adiciona uma transição suave */
}
.zoomimagem:hover {
  transform: scale(1.4);
  transition: transform 0.3s;
}
input[type="radio"]:checked + label.zoomimagem {
  transform: scale(1.4);
  transition: transform 0.3s;
}

.corfundodiretoria {
  background-color: #4e4aff;
  border-radius: 190px;
}
.corfundofinanceiro {
  background-color: #1d1749;
  border-radius: 190px;
}
.corfundocompras {
  background-color: #00dec3;
  border-radius: 190px;
}
.corfundoti {
  background-color: #9e2cff;
  border-radius: 190px;
}

.titulobonecos {
  color: #fff;
  font-size: 14px;
  text-align: center;
}

.radioform input {
  width: 100%; /* Define a largura dos inputs para 100% do contêiner pai */
  max-width: 400px; /* Define um tamanho máximo para os inputs */
  margin-bottom: 10px; /* Adiciona espaço entre os inputs */
  box-sizing: border-box; /* Garante que o padding e bordas sejam incluídos na largura total */
  font-size: 16px;
  border-radius: 90px;
  border-color: #9e2cff;
}

.radioform {
  display: flex;
  justify-content: center;
  align-items: start;
  align-content: center;
}
.imagembolinha {
  height: 35px;
  width: 35px;
  padding-top: 10px;
}
.selectajustar select {
  border-radius: 40px;
  border-color: #9e2cff;
  background-color: #fff;
  margin-top: 15px;
  color: #1d1749;
  background-image: url("https://compare.helyo.com.br/wp-content/uploads/2024/08/Group-101-1.svg");
  background-size: 20px 20px; /* Define o tamanho da imagem */
  background-position: calc(100% - 10px) center; /* Ajusta a posição da imagem com um "padding" visual de 10px */
  background-repeat: no-repeat; /* Impede a repetição da imagem */
  padding: 10px;
}

#qtd_computadores {
  width: 100%; /* Define a largura dos inputs para 100% do contêiner pai */
  padding: 10px; /* Adiciona preenchimento interno para conforto visual */
  margin-bottom: 15px; /* Adiciona espaço entre os inputs */
  margin-top: 15px; /* Adiciona espaço entre os inputs */
  box-sizing: border-box; /* Garante que o padding e bordas sejam incluídos na largura total */
  font-size: 16px;
  border-radius: 40px;
  border-color: #9e2cff;
}
#qtd_notebooks {
  width: 100%; /* Define a largura dos inputs para 100% do contêiner pai */
  padding: 10px; /* Adiciona preenchimento interno para conforto visual */
  box-sizing: border-box; /* Garante que o padding e bordas sejam incluídos na largura total */
  font-size: 16px;
  border-radius: 40px;
  border-color: #9e2cff;
  margin-bottom: 60px; /* Adiciona espaço entre os inputs */
}
.formcentralizar {
  display: flex;
  max-width: 1200px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-bottom: 40px;
}

input[type="submit"] {
  background-color: #fff; /* Cor de fundo azul */
  color: #1d1749; /* Cor do texto branca */
  border: none; /* Remove a borda padrão */
  border-radius: 5px; /* Bordas arredondadas */
  padding: 10px 20px; /* Espaçamento interno */
  font-size: 16px; /* Tamanho da fonte */
  cursor: pointer; /* Cursor de ponteiro ao passar o mouse */
  transition: background-color 0.3s;
  text-decoration: underline;
  text-decoration-color: #00dec3;
  text-decoration-thickness: 5px;
  border-bottom: 3px;
  border-color: #00dec3;
}
input[type="submit"]:hover {
  transform: scale(1.1);
  transition: transform 0.3s;
  background-color: #fff;
  color: #1d1749;
  border-bottom: 3px;
  border-color: #00dec3;
  text-decoration: underline;
  text-decoration-color: #00dec3;
  text-decoration-thickness: 5px;
  border-bottom: 3px;
  border-color: #00dec3;
}
.btnmandar {
  border-bottom: 3px;
  border-color: #00dec3;
  font-weight: 700;
}
.selectajustar select {
  /* for Firefox */
  -moz-appearance: none;
  /* for Safari, Chrome, Opera */
  -webkit-appearance: none;
}
.selectajustar select::-ms-expand {
  display: none;
}
.selectajustar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  align-content: center;
}

input::placeholder {
  color: #1d1749; /* Cor do texto do placeholder */
  opacity: 1; /* Garante que a cor seja aplicada (opcional) */
}
.numerosinput {
  padding-bottom: 15px;
  padding-left: 15px;
}
.camposdetexto {
  margin-top: 40px;
  margin-bottom: 40px;
  max-width: 500px;
}

.frame {
  background-color: #4245b3;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.frame .overlap-group-wrapper {
  background-image: url(http://localhost:8080/wp-content/uploads/2024/08/PONTILHADO.png);
  background-size: 100% 100%;
  width: 100%;
  height: 1240px;
}

.frame .overlap-group {
  position: relative;
  display: flex;
  justify-content: center;
  height: 1240px;
  top: 9px;
  background-image: url(http://localhost:8080/wp-content/uploads/2024/08/PONTILHADO.png);
  background-size: cover;
  background-position: 50% 50%;
}

.frame .overlap {
  position: absolute;
  width: 1020px;
  height: 1098px;
  top: 65px;
}

.frame .rectangle {
  position: absolute;
  width: 624px;
  height: 43px;
  top: 845px;
  left: 0;
  background-color: #0000004f;
}

.frame .div {
  position: absolute;
  width: 624px;
  height: 43px;
  top: 1006px;
  left: 0;
  background-color: #0000004f;
}

.frame .pre-o-do-equipamento {
  position: absolute;
  width: 869px;
  top: 366px;
  left: 9px;
  font-family: "Exo-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 40px;
}

.frame .text-wrapper {
  font-family: "Exo-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 40px;
}

.frame .span {
  font-size: 12px;
}

.frame .text-wrapper-2 {
  position: absolute;
  width: 57px;
  top: 805px;
  left: 482px;
  font-family: "Exo-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 40px;
  white-space: nowrap;
}

.frame .text-wrapper-3 {
  position: absolute;
  width: 108px;
  top: 847px;
  left: 482px;
  font-family: "Exo-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 40px;
  white-space: nowrap;
}

.frame .text-wrapper-4 {
  position: absolute;
  width: 108px;
  top: 1009px;
  left: 482px;
  font-family: "Exo-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 40px;
  white-space: nowrap;
}

.frame .text-wrapper-5 {
  position: absolute;
  width: 198px;
  top: 1065px;
  left: 618px;
  font-family: "Exo-Bold", Helvetica;
  font-weight: 700;
  color: #00dec3;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .text-wrapper-6 {
  position: absolute;
  width: 534px;
  top: 95px;
  left: 9px;
  font-family: "Exo-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 50px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .text-wrapper-7 {
  position: absolute;
  width: 534px;
  top: 148px;
  left: 9px;
  font-family: "Exo-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 50px;
  letter-spacing: 0;
  line-height: normal;
  white-space: nowrap;
}

.frame .rectangle-2 {
  position: absolute;
  width: 221px;
  height: 798px;
  top: 251px;
  left: 613px;
  background-color: #9e2cff;
  border-radius: 20px;
}

.frame .rectangle-3 {
  position: absolute;
  width: 221px;
  height: 798px;
  top: 251px;
  left: 846px;
  background-color: #4e4aff;
  border-radius: 20px;
}

.frame .r-meses {
  position: absolute;
  width: 147px;
  top: 366px;
  left: 649px;
  font-family: "Exo-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 40px;
}

.frame .r {
  position: absolute;
  width: 147px;
  top: 366px;
  left: 884px;
  font-family: "Exo-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: 40px;
}

.frame .rectangle-4 {
  position: absolute;
  width: 139px;
  height: 45px;
  top: 300px;
  left: 654px;
  border-radius: 100px;
  border: 2px solid;
  border-color: #00dec3;
}

.frame .rectangle-5 {
  position: absolute;
  width: 139px;
  height: 45px;
  top: 300px;
  left: 884px;
  border-radius: 100px;
  border: 2px solid;
  border-color: #00dec3;
}

.frame .text-wrapper-8 {
  position: absolute;
  width: 170px;
  top: 311px;
  left: 639px;
  font-family: "Exo-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .text-wrapper-9 {
  position: absolute;
  width: 170px;
  top: 311px;
  left: 869px;
  font-family: "Exo-Bold", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.frame .group {
  width: 340px;
  height: 293px;
  left: 525px;
  background-image: url(./img/note-1.png);
  position: absolute;
  top: 0;
  background-size: cover;
  background-position: 50% 50%;
}

.frame .vector {
  position: absolute;
  width: 121px;
  height: 87px;
  top: 30px;
  left: 175px;
}

.frame .rectangle-6 {
  position: absolute;
  width: 48px;
  height: 3px;
  top: 165px;
  left: 213px;
  background-color: #1d1749;
  transform: rotate(-28.32deg);
}

.frame .rectangle-7 {
  position: absolute;
  width: 33px;
  height: 10px;
  top: 127px;
  left: 191px;
  background-color: #1d1749;
  transform: rotate(3.98deg);
}

.frame .rectangle-8 {
  position: absolute;
  width: 33px;
  height: 10px;
  top: 122px;
  left: 238px;
  background-color: #1d1749;
  transform: rotate(-17.8deg);
}

.frame .img {
  position: absolute;
  width: 8px;
  height: 10px;
  top: 169px;
  left: 211px;
}

.frame .group-2 {
  width: 355px;
  height: 300px;
  left: 786px;
  background-image: url(./img/note-2.png);
  position: absolute;
  top: 0;
  background-size: cover;
  background-position: 50% 50%;
}

.frame .rectangle-9 {
  position: absolute;
  width: 26px;
  height: 8px;
  top: 139px;
  left: 93px;
  background-color: #1d1749;
  transform: rotate(35.94deg);
}

.frame .rectangle-10 {
  position: absolute;
  width: 38px;
  height: 2px;
  top: 186px;
  left: 103px;
  background-color: #1d1749;
  transform: rotate(2.17deg);
}

.frame .rectangle-11 {
  position: absolute;
  width: 26px;
  height: 8px;
  top: 144px;
  left: 128px;
  background-color: #1d1749;
  transform: rotate(161.51deg);
}

.frame .rectangle-12 {
  position: absolute;
  width: 17px;
  height: 3px;
  top: 162px;
  left: 81px;
  background-color: #d9d9d9;
}

.frame .rectangle-13 {
  position: absolute;
  width: 17px;
  height: 3px;
  top: 162px;
  left: 144px;
  background-color: #d9d9d9;
}

.frame .vector-2 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 407px;
  left: 10px;
}

.frame .vector-3 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 485px;
  left: 10px;
}

.frame .vector-4 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 568px;
  left: 10px;
}

.frame .vector-5 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 646px;
  left: 10px;
}

.frame .vector-6 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 728px;
  left: 10px;
}

.frame .vector-7 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 888px;
  left: 10px;
}

.frame .vector-8 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 806px;
  left: 10px;
}

.frame .vector-9 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 966px;
  left: 10px;
}

.frame .vector-10 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 446px;
  left: 10px;
}

.frame .vector-11 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 524px;
  left: 10px;
}

.frame .vector-12 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 607px;
  left: 10px;
}

.frame .vector-13 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 767px;
  left: 10px;
}

.frame .vector-14 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 927px;
  left: 10px;
}

.frame .vector-15 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 685px;
  left: 10px;
}

.frame .vector-16 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 845px;
  left: 10px;
}

.frame .vector-17 {
  position: absolute;
  width: 1057px;
  height: 1px;
  top: 1005px;
  left: 10px;
}

.frame .p {
  font-family: "Exo-Regular", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 25px;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 200px;
  margin-bottom: 20px;
  padding-left: 10px;
}

.frame .div-wrapper {
  border-radius: 100px;
  border: 3px solid;
  border-color: #00dec3;
}

.frame .text-wrapper-10 {
  border-radius: 100px;
  border: 3px solid;
  border-color: #00dec3;
  max-width: 100px;
  padding-top: 15px;
  padding-bottom: 10px;
  left: 30px;
  font-family: "Exo-Medium", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  text-align: center;
  letter-spacing: 2px;
  line-height: normal;
  white-space: nowrap;
  margin-left: 10px;
}
.elementor-shortcode {
  width: 100%;
}
.elementor-widget-container {
  width: 100%;
}
.elementor-element
  .elementor-element-9202be6
  .elementor-widget
  .elementor-widget-shortcode {
  width: 100%;
}
@media (max-width: 500px) {
  .frame {
    background-color: transparent;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    background-color: #1d1749;
  }

  .frame .overlap-wrapper {
    overflow-x: hidden;
    width: 438px;
    height: 1267px;
  }

  .frame .overlap {
    position: relative;
    width: 776px;
    height: 1794px;
    top: -634px;
    left: -219px;
  }

  .frame .overlap-group {
    position: absolute;
    width: 776px;
    height: 1794px;
    top: 0;
    left: 0;
  }

  .frame .vector {
    position: absolute;
    width: 438px;
    height: 1222px;
    top: 0;
    left: 0;
  }

  .frame .pre-o-do-equipamento {
    position: absolute;
    width: 295px;
    top: 1072px;
    left: 234px;
    font-family: "Exo-Medium", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 40px;
  }

  .frame .text-wrapper {
    font-weight: 500;
  }

  .frame .span {
    font-family: "Exo-Black", Helvetica;
    font-weight: 900;
  }

  .frame .div {
    position: absolute;
    width: 90px;
    top: 1778px;
    left: 420px;
    font-family: "Exo-Bold", Helvetica;
    font-weight: 700;
    color: #00dec3;
    font-size: 16px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }

  .frame .text-wrapper-2 {
    position: absolute;
    width: 534px;
    top: 808px;
    left: 242px;
    font-family: "Exo-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }

  .frame .text-wrapper-3 {
    position: absolute;
    width: 534px;
    top: 852px;
    left: 242px;
    font-family: "Exo-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 50px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }

  .frame .p {
    position: absolute;
    width: 379px;
    top: 920px;
    left: 236px;
    font-family: "Exo-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 25px;
    letter-spacing: 0;
    line-height: 30px;
  }

  .frame .r-meses {
    position: absolute;
    width: 107px;
    top: 1074px;
    left: 411px;
    font-family: "Exo-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 40px;
  }

  .frame .r {
    position: absolute;
    width: 123px;
    top: 1074px;
    left: 518px;
    font-family: "Exo-Regular", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 40px;
  }

  .frame .rectangle {
    width: 103px;
    height: 45px;
    top: 1014px;
    left: 411px;
    border: 2px solid;
    position: absolute;
    border-radius: 100px;
    border-color: #00dec3;
  }

  .frame .text-wrapper-4 {
    position: absolute;
    width: 104px;
    top: 1024px;
    left: 415px;
    font-family: "Exo-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }

  .frame .img {
    top: 481px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-2 {
    top: 559px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-3 {
    top: 642px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-4 {
    top: 720px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-5 {
    top: 802px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-6 {
    top: 962px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-7 {
    top: 880px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-8 {
    top: 1040px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-9 {
    top: 520px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-10 {
    top: 598px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-11 {
    top: 681px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-12 {
    top: 841px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-13 {
    top: 1001px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-14 {
    top: 759px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-15 {
    top: 919px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .vector-16 {
    top: 1079px;
    position: absolute;
    width: 396px;
    height: 1px;
    left: 11px;
  }

  .frame .rectangle-2 {
    width: 160px;
    height: 53px;
    top: 738px;
    left: 267px;
    border: 3px solid;
    position: absolute;
    border-radius: 100px;
    border-color: #00dec3;
  }

  .frame .text-wrapper-5 {
    position: absolute;
    width: 131px;
    top: 750px;
    left: 278px;
    font-family: "Exo-Medium", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 2px;
    line-height: normal;
    white-space: nowrap;
  }

  .frame .overlap-2 {
    position: absolute;
    width: 102px;
    height: 46px;
    top: 1014px;
    left: 524px;
  }

  .frame .rectangle-3 {
    width: 93px;
    height: 45px;
    top: 0;
    left: 4px;
    border: 2px solid;
    position: absolute;
    border-radius: 100px;
    border-color: #00dec3;
  }

  .frame .text-wrapper-6 {
    position: absolute;
    width: 102px;
    top: 11px;
    left: 0;
    font-family: "Exo-Bold", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
}
.formcompartillhe {
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  align-content: center;
}

input#email_usuario.formcompartillheee {
  border-radius: 40px !important;
  border-color: #9e2cff !important;
  background-color: #fff !important;
  margin-top: 0px !important;
  color: #1d1749 !important;
  padding: 10px !important;
  padding-right: 10px !important;
  padding-left: 10px !important;
}

@media (max-width: 500px) {
  .radioform {
    flex-direction: column;
    width: 100%;
    gap: 10px !important;
    padding-bottom: 10px !important;
    padding-top: 0px !important;
  }
  .bonecos {
    flex-direction: row !important;
  }
  .camposdetexto {
    flex-direction: row;
  }
  .titulobonecos {
    font-size: 12px;
  }
}