section.modal-contato {
  overflow: visible;
}
section.modal-contato .modal-contato__trigger {
  position: fixed;
  right: 28px;
  bottom: 28px;
  z-index: 40;
  display: grid;
  place-items: center;
  width: 56px;
  height: 56px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: #D20D15;
  color: #fff;
  box-shadow: 0 7px 16px rgba(0, 0, 0, 0.22);
  cursor: pointer;
  transition: background 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
section.modal-contato .modal-contato__trigger:hover {
  background: #A0150F;
  transform: translate(0, 0px) rotate(0) skew(0) skewY(0) scaleX(1.05) scaleY(1.05);
  box-shadow: 0 10px 19px rgba(0, 0, 0, 0.25);
}
section.modal-contato .modal-contato__trigger:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 3px;
}
section.modal-contato .modal-contato__trigger svg {
  display: block;
  width: 24px;
  height: 24px;
}
section.modal-contato .modal-contato__panel {
  position: fixed;
  inset: 0;
  box-sizing: border-box;
  width: min(512px, 100vw - 32px);
  max-width: none;
  max-height: calc(100dvh - 28px);
  margin: auto;
  padding: 46px 40px 48px;
  overflow: auto;
  border: 0;
  border-radius: 16px;
  background: #f7f5f1;
  color: #3b2b21;
  box-shadow: 0 22px 65px rgba(0, 0, 0, 0.26);
  overscroll-behavior: contain;
}
section.modal-contato .modal-contato__panel::backdrop {
  background: rgba(18, 17, 16, 0.66);
}
section.modal-contato .modal-contato__panel:popover-open {
  animation: modal-contato-entrada 0.25s ease-out both;
}
section.modal-contato .modal-contato__close {
  position: absolute;
  top: 19px;
  right: 19px;
  display: grid;
  place-items: center;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #594537;
  cursor: pointer;
}
section.modal-contato .modal-contato__close:hover {
  color: #D20D15;
}
section.modal-contato .modal-contato__close:focus-visible {
  outline: 2px solid #D20D15;
}
section.modal-contato .modal-contato__title {
  margin: 0 0 8px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 36px;
  font-style: italic;
  font-weight: 400;
  line-height: 1.15;
}
section.modal-contato .modal-contato__intro {
  margin: 0 0 28px;
  color: #66574d;
  font-size: 14px;
  line-height: 1.5;
}
section.modal-contato form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin: 0;
}
section.modal-contato form > .row,
section.modal-contato form > .row > .col-lg-12 {
  display: contents;
}
section.modal-contato form label {
  display: block;
  margin: 0;
  color: #a18a79;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
}
section.modal-contato form > label:first-child {
  grid-area: 1/1;
}
section.modal-contato form #modal_form_nome {
  grid-area: 2/1;
}
section.modal-contato form > .row > .col-lg-12:first-child > label {
  grid-area: 3/1/auto/-1;
}
section.modal-contato form #modal_form_mail {
  grid-area: 4/1/auto/-1;
}
section.modal-contato form > .row > .col-lg-12:nth-child(2) > label {
  grid-area: 1/2;
}
section.modal-contato form #modal_form_phone,
section.modal-contato form .iti {
  grid-area: 2/2;
}
section.modal-contato form > label:nth-of-type(2) {
  grid-area: 5/1/auto/-1;
}
section.modal-contato form #modal_form_contato {
  grid-area: 6/1/auto/-1;
}
section.modal-contato form > label:nth-of-type(3) {
  grid-area: 7/1/auto/-1;
}
section.modal-contato form #modal_form_mensagem {
  grid-area: 8/1/auto/-1;
}
section.modal-contato form > .form-group {
  grid-area: 9/1/auto/-1;
}
section.modal-contato form > .status {
  grid-area: 10/1/auto/-1;
}
section.modal-contato form > button {
  grid-area: 11/1/auto/-1;
}
section.modal-contato form .form-control,
section.modal-contato form .form-select {
  box-sizing: border-box;
  width: 100%;
  min-height: 37px;
  margin: 0 0 21px;
  padding: 3px 0 8px;
  border: 0;
  border-bottom: 1px solid #c9b9aa;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: #3b2b21;
  font: inherit;
  font-size: 14px;
}
section.modal-contato form .form-control::-moz-placeholder, section.modal-contato form .form-select::-moz-placeholder {
  color: transparent;
}
section.modal-contato form .form-control::placeholder,
section.modal-contato form .form-select::placeholder {
  color: transparent;
}
section.modal-contato form .form-control:focus,
section.modal-contato form .form-select:focus {
  outline: 0;
  border-bottom-color: #D20D15;
  box-shadow: 0 1px 0 #D20D15;
  background: transparent;
}
section.modal-contato form .iti {
  width: 100%;
}
section.modal-contato form .iti .form-control {
  padding-left: 82px;
}
section.modal-contato form .iti button.iti__selected-country {
  min-width: 0;
  height: auto;
  margin: 0;
  padding: 0 8px;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  letter-spacing: normal;
  text-transform: none;
}
section.modal-contato form .form-select {
  padding-right: 24px;
  -webkit-appearance: auto;
     -moz-appearance: auto;
          appearance: auto;
  cursor: pointer;
}
section.modal-contato form textarea.form-control {
  min-height: 78px;
  resize: vertical;
}
section.modal-contato form .form-group {
  margin: 0 0 12px;
}
section.modal-contato form .form-group label {
  color: #66574d;
  font-size: 11px;
  line-height: 1.5;
  cursor: pointer;
}
section.modal-contato form .form-group input[type=checkbox] {
  margin: 0 6px 0 0;
  accent-color: #D20D15;
  vertical-align: -2px;
}
section.modal-contato form .status {
  font-size: 13px;
}
section.modal-contato form > button {
  justify-self: center;
  min-width: 136px;
  height: 47px;
  margin-top: 12px;
  padding: 0 20px;
  border: 1px solid #3b2b21;
  border-radius: 0;
  background: transparent;
  color: #3b2b21;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0.22em;
  line-height: 1;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease, color 0.2s ease;
}
section.modal-contato form > button:hover, section.modal-contato form > button:focus-visible {
  background: #A0150F;
  color: #fff;
}
@media (max-width: 991px) {
  section.modal-contato .modal-contato__trigger {
    bottom: 25px;
  }
    section.modal-contato form {
    display: block;
  }

 section.modal-contato form .iti { margin-bottom: 25px; }
}
@media (max-width: 575px) {
  section.modal-contato .modal-contato__trigger {
    right: 18px;
    width: 54px;
    height: 54px;
  }
  section.modal-contato .modal-contato__panel {
    padding: 39px 24px 32px;
    max-height: calc(100dvh - 20px);
  }
  section.modal-contato .modal-contato__title {
    font-size: 32px;
  }
  section.modal-contato .modal-contato__intro {
    margin-bottom: 22px;
  }

}
@media (prefers-reduced-motion: reduce) {
  section.modal-contato .modal-contato__trigger,
  section.modal-contato form > button {
    transition: none;
  }
  section.modal-contato .modal-contato__panel:popover-open {
    animation: none;
  }
}

@keyframes modal-contato-entrada {
  from {
    opacity: 0;
    transform: translateY(12px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}/*# sourceMappingURL=modal.css.map */