/* Integracion del formulario Bitrix24 en Inicio */

.seccionConsulta {
  margin: 5rem auto 7rem;
  padding: 0 1.6rem;
}

.seccionConsulta .contenedorConsulta {
  width: min(100%, 112rem) !important;
  min-width: 0 !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center;
}

.seccionConsulta .contenedorConsulta h2 {
  margin-bottom: 1.2rem;
}

.seccionConsulta .contenedorConsulta h3 {
  max-width: 88rem;
  margin: 0 auto 3.2rem;
  line-height: 1.55;
}

.seccionConsulta .contenedorForm {
  width: 100% !important;
  min-width: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  background: transparent !important;
  overflow: visible;
}

.seccionConsulta .b24-form,
.seccionConsulta .b24-form-wrapper {
  width: min(100%, 48rem) !important;
  max-width: 48rem !important;
  min-height: 0 !important;
  margin: 0 auto !important;
  overflow: visible !important;
}

.seccionConsulta .b24-form-wrapper {
  padding: 3.4rem clamp(2.2rem, 4vw, 4.2rem) 3.8rem !important;
  border: 1px solid rgba(46, 44, 105, .1) !important;
  border-top: .3rem solid var(--principal) !important;
  border-bottom: .3rem solid var(--secundario) !important;
  border-radius: .8rem !important;
  background: var(--blanco) !important;
  box-shadow: 0 1.2rem 3rem rgba(46, 44, 105, .1) !important;
}

.seccionConsulta .b24-form-content {
  min-height: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
}

.seccionConsulta .b24-form-field {
  width: min(100%, 35rem) !important;
  min-width: 0 !important;
  margin: 0 0 1.45rem !important;
  padding: 0 !important;
  position: relative;
  overflow: visible !important;
}

.seccionConsulta .b24-form-control-container {
  width: 100% !important;
  max-width: 35rem !important;
  margin: 0 auto !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  gap: .55rem !important;
  overflow: visible !important;
}

.seccionConsulta .b24-form-field > label > span:not(.b24-form-control-label),
.seccionConsulta .b24-form-field > span {
  display: none !important;
}

.seccionConsulta .b24-form-control-label,
.seccionConsulta .b24-form-field > label > .b24-form-control-label {
  display: block !important;
  width: 100% !important;
  order: -1 !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--principal) !important;
  font-family: var(--font-principal) !important;
  font-size: 1.25rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
  text-align: left !important;
  text-transform: none !important;
  transform: none !important;
  position: static !important;
  background: transparent !important;
  overflow: visible !important;
}

.seccionConsulta .b24-form-control-label::before,
.seccionConsulta .b24-form-control-label::after,
.seccionConsulta .b24-form-control-container::before,
.seccionConsulta .b24-form-control-container::after {
  display: none !important;
  content: none !important;
}

.seccionConsulta .b24-form-control-required {
  color: var(--secundario) !important;
  font-weight: 700 !important;
}

.seccionConsulta input,
.seccionConsulta select,
.seccionConsulta textarea,
.seccionConsulta .b24-form-control {
  width: 100% !important;
  min-width: 0 !important;
  height: 4.8rem !important;
  margin: 0 !important;
  padding: 0 1.6rem !important;
  border: 1px solid #cdd6e4 !important;
  border-radius: .8rem !important;
  background: #fff !important;
  color: var(--negro) !important;
  font-family: var(--font-principal) !important;
  font-size: 1.5rem !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
  transform: none !important;
}

.seccionConsulta input.b24-form-control-alert,
.seccionConsulta select.b24-form-control-alert,
.seccionConsulta textarea.b24-form-control-alert,
.seccionConsulta input.b24-form-control-alert:hover,
.seccionConsulta select.b24-form-control-alert:hover,
.seccionConsulta textarea.b24-form-control-alert:hover,
.seccionConsulta input.b24-form-control-alert:focus,
.seccionConsulta select.b24-form-control-alert:focus,
.seccionConsulta textarea.b24-form-control-alert:focus {
  border-color: #cdd6e4 !important;
  box-shadow: none !important;
}

.seccionConsulta .b24-form-control-alert::before,
.seccionConsulta .b24-form-control-alert::after,
.seccionConsulta .b24-form-field-alert::before,
.seccionConsulta .b24-form-field-alert::after {
  display: none !important;
  background: transparent !important;
  border: 0 !important;
}

.seccionConsulta textarea,
.seccionConsulta textarea.b24-form-control {
  min-height: 10rem !important;
  padding-top: 1.4rem !important;
  resize: vertical;
}

.seccionConsulta input::placeholder,
.seccionConsulta textarea::placeholder {
  color: #737b8c !important;
  opacity: 1 !important;
}

.seccionConsulta input:focus,
.seccionConsulta select:focus,
.seccionConsulta textarea:focus,
.seccionConsulta .b24-form-control:focus {
  border-color: var(--secundario) !important;
  box-shadow: 0 0 0 .3rem rgba(3, 141, 161, .16) !important;
  outline: none !important;
}

.seccionConsulta input[type="tel"] {
  padding-left: 1.6rem !important;
}

.seccionConsulta .b24-form-control-alert-message,
.seccionConsulta .b24-form-control-alert-text,
.seccionConsulta .b24-form-field-alert-message {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin-top: .55rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--principal) !important;
  font-size: 1.2rem !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

.seccionConsulta .b24-form-control-alert-message.is-empty,
.seccionConsulta .b24-form-control-alert-text.is-empty,
.seccionConsulta .b24-form-field-alert-message.is-empty {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

.seccionConsulta .b24-form-control-alert-message.has-message,
.seccionConsulta .b24-form-control-alert-text.has-message,
.seccionConsulta .b24-form-field-alert-message.has-message {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  overflow: hidden !important;
}

.seccionConsulta .b24-form-control-agreement,
.seccionConsulta .b24-form-control-agreement *,
.seccionConsulta .b24-form-field-agreement,
.seccionConsulta .b24-form-field-agreement * {
  pointer-events: auto !important;
  overflow: visible !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  scrollbar-width: none !important;
  -ms-overflow-style: none !important;
}

.seccionConsulta .b24-form-control-agreement::-webkit-scrollbar,
.seccionConsulta .b24-form-control-agreement *::-webkit-scrollbar,
.seccionConsulta .b24-form-field-agreement::-webkit-scrollbar,
.seccionConsulta .b24-form-field-agreement *::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

.seccionConsulta .contenedorConsulta .contenedorForm .b24-form-control-agreement label,
.seccionConsulta .contenedorConsulta .contenedorForm .b24-form-control-agreement p,
.seccionConsulta .contenedorConsulta .contenedorForm .b24-form-control-agreement span,
.seccionConsulta .contenedorConsulta .contenedorForm .b24-form-field-agreement label,
.seccionConsulta .contenedorConsulta .contenedorForm .b24-form-field-agreement p,
.seccionConsulta .contenedorConsulta .contenedorForm .b24-form-field-agreement span {
  display: inline !important;
}

.seccionConsulta .b24-form-control-agreement,
.seccionConsulta .b24-form-field-agreement {
  width: min(100%, 35rem) !important;
  margin: .4rem auto 2rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .8rem !important;
  color: var(--gris) !important;
  font-size: 1.2rem !important;
  line-height: 1.45 !important;
  text-align: center !important;
  overflow: visible !important;
  cursor: pointer !important;
}

.seccionConsulta .b24-form-control-agreement p,
.seccionConsulta .b24-form-control-agreement span,
.seccionConsulta .b24-form-field-agreement p,
.seccionConsulta .b24-form-field-agreement span {
  width: auto !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  display: inline !important;
  line-height: 1.45 !important;
  overflow: visible !important;
}

.seccionConsulta .b24-form-control-agreement label,
.seccionConsulta .b24-form-field-agreement label {
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: .7rem !important;
  cursor: pointer !important;
  position: relative !important;
  z-index: 3 !important;
}

.seccionConsulta input[type="checkbox"] {
  width: 1.8rem !important;
  height: 1.8rem !important;
  min-width: 1.8rem !important;
  max-width: 1.8rem !important;
  padding: 0 !important;
  margin: 0 !important;
  display: inline-block !important;
  position: static !important;
  opacity: 1 !important;
  visibility: visible !important;
  cursor: pointer !important;
  pointer-events: auto !important;
  accent-color: var(--secundario);
}

.seccionConsulta .b24-form-control-agreement a,
.seccionConsulta .b24-form-field-agreement a {
  color: var(--secundario) !important;
  text-decoration: none !important;
  pointer-events: auto !important;
}

.seccionConsulta .b24-form-btn-container,
.seccionConsulta .contenedor-boton {
  width: 100% !important;
  margin: .4rem 0 0 !important;
  display: flex !important;
  justify-content: center !important;
}

.seccionConsulta .b24-form-btn,
.seccionConsulta button,
.seccionConsulta input[type="submit"] {
  width: min(100%, 18.2rem) !important;
  height: 5.2rem !important;
  padding: 0 2rem !important;
  border: 0 !important;
  border-radius: .8rem !important;
  background: linear-gradient(180deg, var(--secundario), #087f91) !important;
  color: var(--blanco) !important;
  font-size: 1.6rem !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 .7rem 1.4rem rgba(3, 141, 161, .22) !important;
  transition: var(--transitions) !important;
}

.seccionConsulta .b24-form-btn:hover,
.seccionConsulta button:hover,
.seccionConsulta input[type="submit"]:hover {
  background: var(--principal) !important;
  transform: translateY(-1px);
}

.seccionConsulta .b24-form-sign,
.seccionConsulta .b24-form-sign-info,
.seccionConsulta .b24-form-sign-bx {
  display: none !important;
}

.seccionConsulta .b24-form-padding-side {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.seccionConsulta .b24-form-field-list,
.seccionConsulta .b24-form-btn-block,
.seccionConsulta .b24-form-state-container {
  width: 100% !important;
  max-width: 35rem !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

@media only screen and (max-width: 768px) {
  .seccionConsulta {
    margin: 3.2rem auto 5rem;
    padding: 0 1.2rem;
  }

  .seccionConsulta .contenedorConsulta h3 {
    margin-bottom: 2.4rem;
    font-size: 1.6rem;
  }

  .seccionConsulta .b24-form,
  .seccionConsulta .b24-form-wrapper {
    width: 100% !important;
    max-width: 42rem !important;
  }

  .seccionConsulta .b24-form-wrapper {
    padding: 2.4rem 1.6rem !important;
  }

  .seccionConsulta input,
  .seccionConsulta select,
  .seccionConsulta .b24-form-control {
    height: 4.8rem !important;
    font-size: 1.4rem !important;
  }
}

/* Formulario Bitrix24 flotante */

.contenedorFormCta {
  margin-top: 1rem;
}

.contenedorFormCta .boton {
  border: 0;
  font-family: var(--font-principal);
}

.bitrixFloating {
  position: fixed;
  left: 2.4rem;
  bottom: 2.4rem;
  z-index: 10000;
  overflow: visible;
  pointer-events: none;
}

.bitrixFloating__trigger,
.bitrixFloating__close {
  border: 0;
  font-family: var(--font-principal);
  cursor: pointer;
}

.bitrixFloating__trigger {
  min-width: 18.6rem;
  min-height: 5.8rem;
  padding: .8rem 1.7rem .8rem .9rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  border-radius: 999px;
  background: linear-gradient(135deg, var(--secundario), #087f91);
  color: var(--blanco);
  box-shadow: 0 1rem 2.6rem rgba(3, 141, 161, .32);
  pointer-events: auto;
  transition: transform .25s ease, box-shadow .25s ease, background .25s ease;
  overflow: visible !important;
}

.bitrixFloating__trigger:hover {
  background: var(--principal);
  box-shadow: 0 1.2rem 3rem rgba(46, 44, 105, .28);
  transform: translateY(-2px);
}

.bitrixFloating__trigger *,
.bitrixFloating__header *,
.bitrixFloating__close * {
  overflow: visible !important;
}

.bitrixFloating__icon {
  width: 4.2rem;
  height: 4.2rem;
  display: grid;
  place-items: center;
  flex: 0 0 4.2rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, .18);
  font-size: 2rem;
}

.bitrixFloating__text {
  font-size: 1.55rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
}

.bitrixFloating__backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  background: rgba(13, 24, 43, .34);
  pointer-events: auto;
}

.bitrixFloating__backdrop[hidden],
.bitrixFloating__panel[hidden] {
  display: none !important;
}

.bitrixFloating__panel {
  position: fixed;
  left: 2.4rem;
  bottom: 9.6rem;
  width: min(42rem, calc(100vw - 4.8rem));
  max-height: min(78vh, 72rem);
  z-index: 1;
  display: flex;
  flex-direction: column;
  border-radius: 1.2rem;
  background: var(--blanco);
  box-shadow: 0 1.8rem 4.5rem rgba(13, 24, 43, .24);
  overflow: hidden;
  pointer-events: auto;
}

.bitrixFloating__header {
  padding: 1.8rem 2rem 1.4rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 1.6rem;
  border-bottom: 1px solid rgba(46, 44, 105, .1);
  background: var(--principal);
  color: var(--blanco);
  overflow: visible !important;
}

.bitrixFloating__header > div {
  min-width: 0;
  overflow: visible !important;
}

.bitrixFloating__header span {
  display: block;
  margin-bottom: .35rem;
  color: var(--secundario-op);
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.2;
  text-transform: uppercase;
}

.bitrixFloating__header h2 {
  margin: 0;
  color: var(--blanco);
  font-size: 2rem;
  line-height: 1.2;
  overflow: visible !important;
}

.bitrixFloating__close {
  width: 3.8rem;
  height: 3.8rem;
  display: grid;
  place-items: center;
  flex: 0 0 3.8rem;
  border-radius: 50%;
  background: rgba(255, 255, 255, .12);
  color: var(--blanco);
  font-size: 1.8rem;
  transition: background .25s ease, transform .25s ease;
  overflow: visible !important;
}

.bitrixFloating__close:hover {
  background: rgba(255, 255, 255, .22);
  transform: rotate(90deg);
}

.bitrixFloating__formScope.seccionConsulta {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 1.8rem 1.6rem 2rem !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

.bitrixFloating__formScope .contenedorConsulta {
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
}

.bitrixFloating__formScope .contenedorForm {
  padding: 0 !important;
  background: transparent !important;
}

.bitrixFloating__formScope .b24-form,
.bitrixFloating__formScope .b24-form-wrapper {
  width: 100% !important;
  max-width: 36rem !important;
}

.bitrixFloating__formScope .b24-form-wrapper {
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.bitrixFloating__formScope .b24-form-field,
.bitrixFloating__formScope .b24-form-control-container,
.bitrixFloating__formScope .b24-form-field-list,
.bitrixFloating__formScope .b24-form-btn-block,
.bitrixFloating__formScope .b24-form-state-container {
  max-width: 32rem !important;
}

.bitrixFloating__formScope .b24-form-btn,
.bitrixFloating__formScope button,
.bitrixFloating__formScope input[type="submit"] {
  width: min(100%, 18rem) !important;
}

body.bitrix-floating-open {
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .bitrixFloating {
    left: 1.4rem;
    bottom: 1.4rem;
  }

  .bitrixFloating__trigger {
    min-width: 5.8rem;
    width: 5.8rem;
    height: 5.8rem;
    padding: .8rem;
  }

  .bitrixFloating__text {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
  }

  .bitrixFloating__panel {
    left: 1.2rem;
    right: 1.2rem;
    bottom: 8.4rem;
    width: auto;
    max-height: calc(100vh - 10rem);
  }

  .bitrixFloating__formScope.seccionConsulta {
    padding: 1.5rem 1.2rem 1.8rem !important;
  }
}