/*!***************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/conecto-contact-section/style.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************/
.contact-section {
  background: linear-gradient(90deg, #0A3B80 0%, #0A3B80 50%, #6E93C4 100%);
  padding: 80px 24px 96px;
  color: #ffffff;
}
@media (max-width: 768px) {
  .contact-section {
    padding: 64px 20px 80px;
  }
}
.contact-section .contact-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 64px;
  max-inline-size: var(--wp--style--global--content-size, 1280px);
  margin: 0 auto;
  align-items: start;
}
@media (max-width: 1024px) {
  .contact-section .contact-wrapper {
    gap: 48px;
  }
}
@media (max-width: 768px) {
  .contact-section .contact-wrapper {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.contact-section .contact-left {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .contact-section .contact-left {
    gap: 20px;
  }
}
.contact-section .contact-left .contact-label {
  display: inline-flex;
  align-items: center;
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  padding: 8px 20px;
  border-radius: 50px;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 9px 26px;
  text-decoration: none;
  border-radius: 20px;
  font: 400 clamp(12px, 2vw, 14px)/clamp(16px, 3vw, 20px) "Lato", sans-serif;
  transition: all 0.2s ease;
}
.contact-section .contact-left .contact-label::before {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtbWFpbCB3LTQgc206dy01IGgtNCBzbTpoLTUgbXItMiIgZGF0YS1sb3YtaWQ9InNyYy9jb21wb25lbnRzL3NlY3Rpb25zL0NvbnRhY3RTZWN0aW9uLnRzeDoxODoxNCIgZGF0YS1sb3YtbmFtZT0iTWFpbCIgZGF0YS1jb21wb25lbnQtcGF0aD0ic3JjL2NvbXBvbmVudHMvc2VjdGlvbnMvQ29udGFjdFNlY3Rpb24udHN4IiBkYXRhLWNvbXBvbmVudC1saW5lPSIxOCIgZGF0YS1jb21wb25lbnQtZmlsZT0iQ29udGFjdFNlY3Rpb24udHN4IiBkYXRhLWNvbXBvbmVudC1uYW1lPSJNYWlsIiBkYXRhLWNvbXBvbmVudC1jb250ZW50PSIlN0IlMjJjbGFzc05hbWUlMjIlM0ElMjJ3LTQlMjBzbSUzQXctNSUyMGgtNCUyMHNtJTNBaC01JTIwbXItMiUyMiU3RCI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjE2IiB4PSIyIiB5PSI0IiByeD0iMiI+PC9yZWN0PjxwYXRoIGQ9Im0yMiA3LTguOTcgNS43YTEuOTQgMS45NCAwIDAgMS0yLjA2IDBMMiA3Ij48L3BhdGg+PC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.contact-section .contact-left .contact-heading {
  font: 700 clamp(24px, 2vw, 36px)/clamp(32px, 3vw, 40px) "Lato", sans-serif;
  color: #ffffff;
  margin: 0;
  line-height: 1.2;
}
.contact-section .contact-left .contact-description {
  font: 400 clamp(16px, 2vw, 18px)/clamp(24px, 3vw, 28px) "Lato", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  margin: 0;
  line-height: 1.6;
}
.contact-section .contact-left .contact-info {
  margin-top: 32px;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (max-width: 768px) {
  .contact-section .contact-left .contact-info {
    margin-top: 24px;
    gap: 20px;
  }
}
.contact-section .contact-left .contact-info .contact-email,
.contact-section .contact-left .contact-info .contact-phone {
  display: flex;
  align-items: center;
  gap: 16px;
}
.contact-section .contact-left .contact-info .contact-email span,
.contact-section .contact-left .contact-info .contact-phone span {
  background: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  padding: 14px 20px;
  border-radius: 6px;
  width: -moz-fit-content;
  width: fit-content;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  display: flex;
}
.contact-section .contact-left .contact-info .contact-email span::before,
.contact-section .contact-left .contact-info .contact-phone span::before {
  content: "";
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.contact-section .contact-left .contact-info .contact-email .wrapper,
.contact-section .contact-left .contact-info .contact-phone .wrapper {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.contact-section .contact-left .contact-info .contact-email span::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtbWFpbCB3LTQgc206dy01IGgtNCBzbTpoLTUgbXItMiIgZGF0YS1sb3YtaWQ9InNyYy9jb21wb25lbnRzL3NlY3Rpb25zL0NvbnRhY3RTZWN0aW9uLnRzeDoxODoxNCIgZGF0YS1sb3YtbmFtZT0iTWFpbCIgZGF0YS1jb21wb25lbnQtcGF0aD0ic3JjL2NvbXBvbmVudHMvc2VjdGlvbnMvQ29udGFjdFNlY3Rpb24udHN4IiBkYXRhLWNvbXBvbmVudC1saW5lPSIxOCIgZGF0YS1jb21wb25lbnQtZmlsZT0iQ29udGFjdFNlY3Rpb24udHN4IiBkYXRhLWNvbXBvbmVudC1uYW1lPSJNYWlsIiBkYXRhLWNvbXBvbmVudC1jb250ZW50PSIlN0IlMjJjbGFzc05hbWUlMjIlM0ElMjJ3LTQlMjBzbSUzQXctNSUyMGgtNCUyMHNtJTNBaC01JTIwbXItMiUyMiU3RCI+PHJlY3Qgd2lkdGg9IjIwIiBoZWlnaHQ9IjE2IiB4PSIyIiB5PSI0IiByeD0iMiI+PC9yZWN0PjxwYXRoIGQ9Im0yMiA3LTguOTcgNS43YTEuOTQgMS45NCAwIDAgMS0yLjA2IDBMMiA3Ij48L3BhdGg+PC9zdmc+);
}
.contact-section .contact-left .contact-info .contact-phone span::before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9Imx1Y2lkZSBsdWNpZGUtcGhvbmUgdy01IHNtOnctNiBoLTUgc206aC02IiBkYXRhLWxvdi1pZD0ic3JjL2NvbXBvbmVudHMvc2VjdGlvbnMvQ29udGFjdFNlY3Rpb24udHN4OjQwOjE4IiBkYXRhLWxvdi1uYW1lPSJQaG9uZSIgZGF0YS1jb21wb25lbnQtcGF0aD0ic3JjL2NvbXBvbmVudHMvc2VjdGlvbnMvQ29udGFjdFNlY3Rpb24udHN4IiBkYXRhLWNvbXBvbmVudC1saW5lPSI0MCIgZGF0YS1jb21wb25lbnQtZmlsZT0iQ29udGFjdFNlY3Rpb24udHN4IiBkYXRhLWNvbXBvbmVudC1uYW1lPSJQaG9uZSIgZGF0YS1jb21wb25lbnQtY29udGVudD0iJTdCJTIyY2xhc3NOYW1lJTIyJTNBJTIydy01JTIwc20lM0F3LTYlMjBoLTUlMjBzbSUzQWgtNiUyMiU3RCI+PHBhdGggZD0iTTIyIDE2LjkydjNhMiAyIDAgMCAxLTIuMTggMiAxOS43OSAxOS43OSAwIDAgMS04LjYzLTMuMDcgMTkuNSAxOS41IDAgMCAxLTYtNiAxOS43OSAxOS43OSAwIDAgMS0zLjA3LTguNjdBMiAyIDAgMCAxIDQuMTEgMmgzYTIgMiAwIDAgMSAyIDEuNzIgMTIuODQgMTIuODQgMCAwIDAgLjcgMi44MSAyIDIgMCAwIDEtLjQ1IDIuMTFMOC4wOSA5LjkxYTE2IDE2IDAgMCAwIDYgNmwxLjI3LTEuMjdhMiAyIDAgMCAxIDIuMTEtLjQ1IDEyLjg0IDEyLjg0IDAgMCAwIDIuODEuN0EyIDIgMCAwIDEgMjIgMTYuOTJ6Ij48L3BhdGg+PC9zdmc+);
}
.contact-section .contact-left .contact-info strong {
  font: 400 clamp(12px, 2vw, 14px)/clamp(16px, 3vw, 20px) "Lato", sans-serif;
  color: #ffffff;
  margin: 0;
  min-width: 80px;
}
@media (max-width: 768px) {
  .contact-section .contact-left .contact-info strong {
    min-width: auto;
  }
}
.contact-section .contact-left .contact-info a {
  font: 400 clamp(16px, 2vw, 18px)/clamp(24px, 3vw, 28px) "Lato", sans-serif;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  transition: color 0.2s ease;
}
.contact-section .contact-left .contact-info a:hover {
  color: #ffffff;
  text-decoration: underline;
}
.contact-section .contact-right h3 {
  font: 700 clamp(24px, 2vw, 36px)/clamp(32px, 3vw, 40px) "Lato", sans-serif;
  color: #ffffff;
  margin: 0 0 24px 0;
  text-align: center;
}
@media (max-width: 768px) {
  .contact-section .contact-right h3 {
    margin-bottom: 20px;
  }
}
.contact-section .contact-right .contact-form .gform_wrapper .gfield {
  margin-bottom: 20px;
}
.contact-section .contact-right .contact-form .gform_wrapper .gfield label {
  display: none;
}
.contact-section .contact-right .contact-form .gform_wrapper .gfield input[type=text],
.contact-section .contact-right .contact-form .gform_wrapper .gfield input[type=email],
.contact-section .contact-right .contact-form .gform_wrapper .gfield textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(226, 232, 240, 0.3);
  border-radius: 12px;
  padding: 16px 20px;
  font: 400 16px/24px "Lato", sans-serif;
  color: #1e293b;
  transition: all 0.2s ease;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.contact-section .contact-right .contact-form .gform_wrapper .gfield input[type=text]::-moz-placeholder, .contact-section .contact-right .contact-form .gform_wrapper .gfield input[type=email]::-moz-placeholder, .contact-section .contact-right .contact-form .gform_wrapper .gfield textarea::-moz-placeholder {
  color: #94a3b8;
}
.contact-section .contact-right .contact-form .gform_wrapper .gfield input[type=text]::placeholder,
.contact-section .contact-right .contact-form .gform_wrapper .gfield input[type=email]::placeholder,
.contact-section .contact-right .contact-form .gform_wrapper .gfield textarea::placeholder {
  color: #94a3b8;
}
.contact-section .contact-right .contact-form .gform_wrapper .gfield input[type=text]:focus,
.contact-section .contact-right .contact-form .gform_wrapper .gfield input[type=email]:focus,
.contact-section .contact-right .contact-form .gform_wrapper .gfield textarea:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.6);
  background: rgb(255, 255, 255);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}
@media (max-width: 768px) {
  .contact-section .contact-right .contact-form .gform_wrapper .gfield input[type=text],
  .contact-section .contact-right .contact-form .gform_wrapper .gfield input[type=email],
  .contact-section .contact-right .contact-form .gform_wrapper .gfield textarea {
    padding: 14px 16px;
    border-radius: 10px;
  }
}
.contact-section .contact-right .contact-form .gform_wrapper .gfield textarea {
  min-height: 120px;
  resize: vertical;
}
@media (max-width: 768px) {
  .contact-section .contact-right .contact-form .gform_wrapper .gfield textarea {
    min-height: 100px;
  }
}
.contact-section .contact-right .contact-form .gform_wrapper .gform_footer {
  margin-top: 24px;
}
.contact-section .contact-right .contact-form .gform_wrapper .gform_footer input[type=submit] {
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  color: #0B3B81;
  font: 600 16px/24px "Lato", sans-serif;
  padding: 16px 24px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
}
.contact-section .contact-right .contact-form .gform_wrapper .gform_footer input[type=submit]:hover {
  background: rgb(255, 255, 255);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}
.contact-section .contact-right .contact-form .gform_wrapper .gform_footer input[type=submit]:active {
  transform: translateY(0);
}
@media (max-width: 768px) {
  .contact-section .contact-right .contact-form .gform_wrapper .gform_footer input[type=submit] {
    padding: 14px 20px;
    border-radius: 10px;
  }
}
.contact-section .contact-right .contact-form input[type=text],
.contact-section .contact-right .contact-form input[type=email],
.contact-section .contact-right .contact-form textarea {
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  border: 1px solid rgba(226, 232, 240, 0.3);
  border-radius: 12px;
  padding: 16px 20px;
  font: 400 16px/24px "Lato", sans-serif;
  color: #1e293b;
  margin-bottom: 20px;
  transition: all 0.2s ease;
}
.contact-section .contact-right .contact-form input[type=text]::-moz-placeholder, .contact-section .contact-right .contact-form input[type=email]::-moz-placeholder, .contact-section .contact-right .contact-form textarea::-moz-placeholder {
  color: #94a3b8;
}
.contact-section .contact-right .contact-form input[type=text]::placeholder,
.contact-section .contact-right .contact-form input[type=email]::placeholder,
.contact-section .contact-right .contact-form textarea::placeholder {
  color: #94a3b8;
}
.contact-section .contact-right .contact-form input[type=text]:focus,
.contact-section .contact-right .contact-form input[type=email]:focus,
.contact-section .contact-right .contact-form textarea:focus {
  outline: none;
  border-color: rgba(255, 255, 255, 0.6);
  background: rgb(255, 255, 255);
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.1);
}
.contact-section .contact-right .contact-form button[type=submit] {
  width: 100%;
  background: rgba(255, 255, 255, 0.95);
  color: #0B3B81;
  font: 400 16px/24px "Lato", sans-serif;
  padding: 16px 24px;
  border: none;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s ease;
}
.contact-section .contact-right .contact-form button[type=submit]:hover {
  background: rgb(255, 255, 255);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
}

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