@charset "UTF-8";
form p:not(:last-of-type) {
  margin-bottom: 0;
}

form label, form span, form p {
  font-weight: 400;
}
form br {
  display: none;
}

::placeholder {
  color: #808080;
  font-size: var(--text-small);
}

input:is([type=text], [type=email], [type=tel]), textarea, select {
  background: #fff;
  border-radius: 3px;
  height: 50px;
  padding: 10px;
  font-size: var(--text-small);
  width: 100%;
  color: var(--tertriary-color);
  border: 1px solid var(--primary-color);
}

textarea {
  height: 115px;
}

input[type=radio], input[type=checkbox] {
  visibility: hidden;
}

label:has(input[type=radio]), label:has(input[type=checkbox]) {
  position: relative;
  display: flex;
  margin-bottom: 15px;
}

label:has(input[type=radio])::before, label:has(input[type=checkbox])::before {
  content: "";
  width: 16px;
  height: 16px;
  min-width: 16px;
  border: 1px solid #ccc;
  display: inline-block;
  background: #f8f8f8;
  border-radius: 2px;
  margin-right: 5px;
}

label:has(input[type=radio])::after, label:has(input[type=checkbox])::after {
  content: "";
  width: 10px;
  height: 10px;
  background: var(--primary-color);
  visibility: hidden;
  border-radius: 2px;
  position: absolute;
  top: 4px;
  left: 4px;
}

label:has(input[type=radio]:checked)::after, label:has(input[type=checkbox]:checked)::after {
  visibility: visible;
}

label:has(input[type=radio])::before {
  border-radius: 50%;
}

label:has(input[type=radio])::after {
  border-radius: 50%;
}

select {
  background-image: var(--chevron-down);
  background-size: 14px;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px);
  padding-right: 24px;
}

label:has(input[type=file]) {
  position: relative;
  background: #F8F8F8;
  border: none;
  border-radius: 2.5px;
  height: 40px;
  padding: 10px;
  width: 100%;
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  justify-content: flex-end;
}
label:has(input[type=file]) span {
  font-size: var(--text-small);
}
label:has(input[type=file]) .wpcf7-form-control-wrap {
  position: absolute;
}
label:has(input[type=file]) input {
  visibility: hidden;
}
label:has(input[type=file]) i {
  background-color: #aaa;
}

.wpcf7-form-control-wrap {
  position: relative;
  display: inline-block;
  width: 100%;
}

.wpcf7-not-valid-tip {
  position: absolute;
  font-size: var(--text-small);
  bottom: 4px;
}

.wpcf7-list-item {
  margin: 0;
}

.wpcf7-radio span, .wpcf7-checkbox span {
  line-height: 16px;
}

.wpcf7-radio, .wpcf7-checkbox {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}

.box-round {
  position: relative;
  background: #FFFFFF;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  padding: 15px 15px 50px;
  height: 100%;
  width: 100%;
  background: linear-gradient(180deg, #ffffff 0%, #ffffff 100%) padding-box, linear-gradient(180deg, #0591FA 0%, #ffffff 100%) border-box !important;
  border: 2px solid transparent;
}
.box-round:not(.box-round-x) .box-round__ico {
  margin: -70px auto 20px;
}
.box-round:not(.box-round-x) p {
  max-width: 188px;
  margin: 0 auto;
}

.contato__infos {
  margin-top: -60px;
  position: relative;
  z-index: 2;
}
.contato__infos__card {
  padding: 0 12px 24px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  border-radius: 6px;
  height: 100%;
}
.contato__infos__card img {
  margin-top: -40px;
}
.contato__form__wrap {
  margin-top: 24px;
  position: relative;
  z-index: 2;
  background: var(--white-color);
  padding: 45px 65px;
  box-shadow: 0px 100px 80px rgba(0, 0, 0, 0.07), 0px 41.7776px 33.4221px rgba(0, 0, 0, 0.0503198), 0px 22.3363px 17.869px rgba(0, 0, 0, 0.0417275), 0px 12.5216px 10.0172px rgba(0, 0, 0, 0.035), 0px 6.6501px 5.32008px rgba(0, 0, 0, 0.0282725), 0px 2.76726px 2.21381px rgba(0, 0, 0, 0.0196802);
  border-radius: 6px;
}
@media (max-width: 991px) {
  .contato__form .wp-block-button__link {
    left: 0;
  }
}
.contato__form input:is([type=text], [type=email], [type=tel]), .contato__form textarea, .contato__form select {
  background-color: #F5F5F5;
  height: 50px;
  border: none;
}

.contato-wrapper .form-contato {
  padding: 1.5em;
  border: 1px solid #EFF0F2;
}
.contato-wrapper .form-contato .form-content-title .wp-block-group__inner-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contato-wrapper .form-contato .form-content-title .wp-block-group__inner-container .social-icon-form {
  margin: 0 4px;
}
.contato-wrapper .form-contato .form-content-title .wp-block-group__inner-container .social-icon-form i {
  background-color: #02AF74;
}
.contato-wrapper .form-contato .form-content-title .wp-block-group__inner-container .social-icon-form:hover i {
  background-color: var(--default-color);
}
.contato-wrapper .wrapper-info-contato {
  background-color: #F8F9FC;
  color: #495057;
  height: 100%;
  padding: 4em 1.5em;
}
.contato-wrapper .wrapper-info-contato h2 {
  font-size: var(--text);
  color: #495057;
  text-align: center;
  margin-bottom: 3em;
}
.contato-wrapper .wrapper-info-contato__dados {
  display: flex;
  flex-direction: column;
  gap: 1.5em;
}
.contato-wrapper .wrapper-info-contato__dados__content {
  display: grid;
  grid-template-columns: auto 1fr; /* Coluna fixa + restante */
  grid-template-rows: auto auto; /* Duas linhas */
  column-gap: 10px;
  row-gap: 4px;
}
.contato-wrapper .wrapper-info-contato__dados__content h3 {
  grid-row: 1;
  grid-column: 2;
  font-size: var(--text-small);
}
.contato-wrapper .wrapper-info-contato__dados__content .wrapper-icon {
  grid-row: 1/3; /* ocupa da linha 1 até antes da 3 = 2 rows */
  grid-column: 1; /* fica na primeira coluna */
  background-color: #D3EEE8;
  border-radius: 100px;
  width: 50px;
  height: 50px;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contato-wrapper .wrapper-info-contato__dados__content .wrapper-icon i {
  background-color: var(--default-color);
}
.contato-wrapper .wrapper-info-contato__dados__content .info-side {
  grid-row: 2;
  grid-column: 2;
  display: flex;
  flex-direction: column;
}
.contato-wrapper .wrapper-info-contato__dados__content .info-side a, .contato-wrapper .wrapper-info-contato__dados__content .info-side p {
  font-size: var(--text);
  color: #02AF74;
}
.contato-wrapper .wrapper-info-contato__dados__content .info-side a:hover {
  color: var(--default-color);
}

/*# sourceMappingURL=pages-forms.css.map */
