/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[9].use[0]!./src/blocks/buttonDrawer/style.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/**
* Screen Sizes
*/
/* news */
/* mobile */
/* tablet */
/* desktop */
/**
* Breakpoints - Media Queries
*/
/**
 * Font Weight
 */
/**
 * Typography
 */
/**
 * Funções Utilitárias
 */
.ca {
  font-weight: 600;
  font-size: var(--wp--preset--font-size--text-md, 1rem) !important;
  line-height: 160%;
}

.flex-col-start-1 {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 2rem;
}

/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */
.wp-block-theme-blocks-buttondrawer .button-drawer-trigger {
  padding: 12px 20px;
  border: none;
  background-color: #0082e6;
  color: white;
  cursor: pointer;
  font-size: 16px;
  transition: all 0.3s ease-in-out;
}

.wp-block-theme-blocks-buttondrawer .button-drawer-trigger:hover {
  background-color: #03619f;
}

/* Drawer styles */
.button-drawer-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.button-drawer-overlay.active {
  opacity: 1;
  visibility: visible;
  z-index: 9999;
}

.button-drawer-container {
  position: fixed;
  top: 0;
  right: -540px;
  width: 100%;
  max-width: 540px;
  height: 97vh;
  margin: 16px;
  background-color: white;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  transition: right 0.3s ease;
  overflow-y: auto;
  padding: 48px 48px 32px 48px;
  box-sizing: border-box;
}

@media (max-width: 780px) {
  .button-drawer-container {
    margin: 0;
    height: 100vh;
    max-width: 100%;
  }
}
.button-drawer-container.active {
  right: 0;
  z-index: 9999 !important;
}

.button-drawer-container .drawer-close {
  width: 40px;
  height: 40px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 24px;
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
}

.button-drawer-container .drawer-close:hover {
  color: #135e96;
}

.button-drawer-container .drawer-header {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 24px;
  width: 100%;
}

.button-drawer-container .drawer-header .drawer-header-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.button-drawer-container .drawer-header .drawer-title {
  color: var(--Brand-Primary-800, #062336);
  /* Title/xs/Semi-Bold */
  font-family: var(--font-Family-Title, Montserrat);
  font-size: var(--font-Size-Title-xs, 24px);
  font-style: normal;
  font-weight: 600;
  line-height: 34px; /* 141.667% */
  letter-spacing: -0.48px;
}

.button-drawer-container .drawer-header .drawer-description {
  color: var(--Grey-Text, #4e5050);
  /* Text/md/Regular */
  font-family: var(--font-Family-Text, Montserrat);
  font-size: var(--font-Size-Text-md, 16px);
  font-style: normal;
  font-weight: 400;
  text-align: left;
  line-height: 170%; /* 27.2px */
}

.button-drawer-container .drawer-content {
  width: 100%;
}

.wpcf7 {
  width: 100%;
}

.wpcf7 p span.wpcf7-spinner {
  margin-top: 8px;
  margin-bottom: 8px;
}

.wpcf7-form .form-row {
  display: flex;
  gap: 8px;
  margin-bottom: 16px;
}

@media (max-width: 600px) {
  .wpcf7-form .form-row {
    flex-direction: column;
  }
}
form .wpcf7-response-output {
  display: none;
}

.wpcf7-form .form-group {
  flex: 1;
  gap: 8px;
  display: flex;
  flex-direction: column;
}

@media (max-width: 600px) {
  .wpcf7-form .form-group {
    padding: 0;
    margin-bottom: 12px;
  }
}
.wpcf7-form .form-group > p.text {
  color: var(--Neutral-Grey-300, #6e6e6e);
  /* Text/xs/Regular */
  font-family: var(--font-Family-Text, Montserrat);
  font-size: var(--font-Size-Text-xs, 12px);
  font-style: normal;
  font-weight: 400;
  line-height: 18px; /* 150% */
}

.wpcf7-form .form-group.terms label {
  display: flex;
  gap: 8px;
  align-items: center;
}

.wpcf7-form .form-group.terms label a {
  color: var(--Brand-Secondary-600, #004f82);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 26px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.wpcf7-form .check-area {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
}

.wpcf7-form .check-area p {
  color: var(--Neutral-Grey-400, #606060);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
}

.wpcf7-form .check-area .wpcf7-list-item {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: unset !important;
}

.wpcf7-form .check-area .wpcf7-list-item span {
  color: var(--Neutral-Grey-400, #606060);
  font-family: Montserrat;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px; /* 185.714% */
}

span.wpcf7-not-valid-tip {
  font-size: 12px !important;
}

.wpcf7-form input,
select {
  height: 48px;
}

@media (max-width: 600px) {
  .wpcf7-form input[type=submit],
  select[type=submit] {
    width: 100%;
  }
}
.wpcf7-form input[type=text],
.wpcf7-form input[type=email],
.wpcf7-form input[type=tel],
.wpcf7-form select,
.wpcf7-form textarea {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  transition: border 0.3s ease-in-out;
  color: var(--Neutral-Grey-300, #6e6e6e);
  /* Text/xs/Medium */
  font-family: var(--font-Family-Text, Montserrat);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 16.8px */
}

.wpcf7-form input[type=text]:hover,
.wpcf7-form input[type=email]:hover,
.wpcf7-form input[type=tel]:hover,
.wpcf7-form select:hover,
.wpcf7-form textarea:hover {
  transition: border 0.3s ease-in-out;
  border: 1px solid #a1c9fd;
}

.wpcf7-form input[type=text]:focus, .wpcf7-form input[type=text]:focus-visible,
.wpcf7-form input[type=email]:focus,
.wpcf7-form input[type=email]:focus-visible,
.wpcf7-form input[type=tel]:focus,
.wpcf7-form input[type=tel]:focus-visible,
.wpcf7-form select:focus,
.wpcf7-form select:focus-visible,
.wpcf7-form textarea:focus,
.wpcf7-form textarea:focus-visible {
  transition: border 0.3s ease-in-out;
  outline: 1px solid #004f82;
}

.wpcf7-form input[type=text].wpcf7-not-valid,
.wpcf7-form input[type=email].wpcf7-not-valid,
.wpcf7-form input[type=tel].wpcf7-not-valid,
.wpcf7-form select.wpcf7-not-valid,
.wpcf7-form textarea.wpcf7-not-valid {
  transition: border 0.3s ease-in-out;
  outline: 1px solid red;
  margin-bottom: 8px;
  font-size: 12px;
}

.wpcf7-form input[type=submit] {
  background-color: #0088cc;
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  width: 100%;
  transition: all 0.3s ease-in-out;
}

@media (max-width: 600px) {
  .wpcf7-form input[type=submit] {
    margin: 0;
  }
}
.wpcf7-form input[type=checkbox] {
  height: 100%;
}

.wpcf7-form input[type=submit]:hover {
  background-color: #006699;
}

.wpcf7-form select {
  padding: 8px;
  color: var(--Neutral-Grey-300, #6e6e6e);
  /* Text/xs/Medium */
  font-family: var(--font-Family-Text, Montserrat);
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 140%; /* 16.8px */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2712%27 height=%2712%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%236e6e6e%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position-x: calc(100% - 8px);
  background-position-y: center;
  padding-right: 30px;
}

/*# sourceMappingURL=style-index.css.map*/