.elementor-4114 .elementor-element.elementor-element-75936d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4114 .elementor-element.elementor-element-75936d5:not(.elementor-motion-effects-element-type-background), .elementor-4114 .elementor-element.elementor-element-75936d5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B3C7C;}.elementor-4114 .elementor-element.elementor-element-57ef1ac{text-align:center;}.elementor-4114 .elementor-element.elementor-element-57ef1ac .elementor-heading-title{color:#FFFFFF;}.elementor-4114 .elementor-element.elementor-element-8d5468c{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-4114 .elementor-element.elementor-element-8d5468c:not(.elementor-motion-effects-element-type-background), .elementor-4114 .elementor-element.elementor-element-8d5468c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-4114 .elementor-element.elementor-element-80e1c0f > .elementor-widget-container{margin:0px 0px 0px 0px;padding:-27px 0px 0px 0px;}.elementor-4114 .elementor-element.elementor-element-af0e5c3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;line-height:20px;}.elementor-4114 .elementor-element.elementor-element-af0e5c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 13px 0px;}.elementor-4114 .elementor-element.elementor-element-14dfc75{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4114 .elementor-element.elementor-element-14dfc75:not(.elementor-motion-effects-element-type-background), .elementor-4114 .elementor-element.elementor-element-14dfc75 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6F6F6;}.elementor-4114 .elementor-element.elementor-element-807b57b .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-4114 .elementor-element.elementor-element-17dc646 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:30px 0px 2px 0px;}.elementor-4114 .elementor-element.elementor-element-17dc646{text-align:center;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-4114 .elementor-element.elementor-element-af0e5c3 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4114 .elementor-element.elementor-element-af0e5c3{--container-widget-width:508px;--container-widget-flex-grow:0;width:var( --container-widget-width, 508px );max-width:508px;}.elementor-4114 .elementor-element.elementor-element-807b57b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4114 .elementor-element.elementor-element-807b57b.elementor-element{--align-self:center;}.elementor-4114 .elementor-element.elementor-element-807b57b .fluentform-widget-wrapper{width:294px;}}/* Start custom CSS for fluent-form-widget, class: .elementor-element-807b57b *//* ============================================================
   BIOTAR — Cotizador IA · CSS FINAL (.elementor-4114 .elementor-element.elementor-element-807b57bes verificados)
   Fluent Forms 6.2.5 — clase activa real: ff_item_selected
   
   INSTRUCCIONES:
   1. Apariencia → Personalizar → CSS adicional
   2. Borra TODO el CSS anterior
   3. Pega este archivo completo
   4. Publicar
   ============================================================ */

:root {
  --bt-navy:   #0A2540;
  --bt-mid:    #1A4F8A;
  --bt-blue:   #2D7DD2;
  --bt-soft:   #E8F1FB;
  --bt-border: #C8DDEF;
  --bt-muted:  #5A7A99;
}

/* ── Card del formulario ── */
.fluentform.ff-default {
  background: #fff !important;
  border: 1px solid var(--bt-border) !important;
  border-radius: 14px !important;
  box-shadow: 0 6px 32px rgba(10,37,64,.10) !important;
  padding: 2rem !important;
}

/* ── Labels de pregunta ── */
.fluentform .ff-el-input--label label {
  color: var(--bt-navy) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  margin-bottom: 10px !important;
}

/* ── Inputs de texto ── */
.fluentform input[type="text"],
.fluentform input[type="email"],
.fluentform input[type="tel"],
.fluentform input[type="number"],
.fluentform select,
.fluentform textarea {
  border: 1.5px solid var(--bt-border) !important;
  border-radius: 8px !important;
  padding: 10px 14px !important;
  background: #F7FAFD !important;
  color: var(--bt-navy) !important;
  font-size: 14px !important;
  width: 100% !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
  transition: border-color .2s, box-shadow .2s !important;
}
.fluentform input[type="text"]:focus,
.fluentform input[type="email"]:focus,
.fluentform input[type="tel"]:focus,
.fluentform input[type="number"]:focus,
.fluentform select:focus,
.fluentform textarea:focus {
  border-color: var(--bt-blue) !important;
  box-shadow: 0 0 0 3px rgba(45,125,210,.15) !important;
  background: #fff !important;
  outline: none !important;
}

/* ── Fila de chips ── */
.fluentform .ff-el-input--content {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.fluentform .ff-el-form-check {
  margin: 0 !important;
}

/* ── CHIP base ── */
.fluentform .ff-el-form-check-label {
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 16px !important;
  border: 1.5px solid var(--bt-border) !important;
  border-radius: 999px !important;
  background: #F7FAFD !important;
  color: var(--bt-mid) !important;
  font-size: 13px !important;
  font-weight: 500 !important;
  cursor: pointer !important;
  transition: all .18s ease !important;
  line-height: 1.4 !important;
  user-select: none !important;
}

/* Ocultar el círculo del radio nativo */
.fluentform .ff-el-form-check-label input[type="radio"],
.fluentform .ff-el-form-check-label input[type="checkbox"] {
  position: absolute !important;
  opacity: 0 !important;
  width: 1px !important;
  height: 1px !important;
  pointer-events: none !important;
  margin: 0 !important;
}

/* ── CHIP hover ── */
.fluentform .ff-el-form-check-label:hover {
  border-color: var(--bt-blue) !important;
  background: var(--bt-soft) !important;
  color: var(--bt-navy) !important;
}

/* ══════════════════════════════════════════════════
   CHIP SELECCIONADO
   Fluent Forms agrega .ff_item_selected al div
   padre .ff-el-form-check cuando se elige una opción
   ══════════════════════════════════════════════════ */
.fluentform .ff-el-form-check.ff_item_selected .ff-el-form-check-label {
  border-color: var(--bt-blue) !important;
  background: var(--bt-soft) !important;
  color: var(--bt-navy) !important;
  font-weight: 700 !important;
  box-shadow: 0 0 0 1.5px var(--bt-blue) inset !important;
}

/* ── Grupos ── */
.fluentform .ff-el-group {
  margin-bottom: 1.4rem !important;
}

/* ── Botón enviar ── */
.fluentform .ff-btn-submit,
.fluentform button[type="submit"],
.ff_submit_btn_wrapper .ff-btn {
  background: linear-gradient(135deg, #2D7DD2 0%, #1A4F8A 100%) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 8px !important;
  padding: 14px 2rem !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  text-transform: uppercase !important;
  width: 100% !important;
  cursor: pointer !important;
  box-shadow: 0 4px 16px rgba(26,79,138,.28) !important;
  transition: all .2s ease !important;
  margin-top: .5rem !important;
}
.fluentform .ff-btn-submit:hover,
.fluentform button[type="submit"]:hover {
  background: linear-gradient(135deg, #1A4F8A 0%, #0A2540 100%) !important;
  box-shadow: 0 6px 20px rgba(10,37,64,.35) !important;
  transform: translateY(-1px) !important;
}

/* ── Éxito ── */
.fluentform .ff-message-success {
  background: var(--bt-soft) !important;
  border-left: 4px solid var(--bt-blue) !important;
  border-radius: 8px !important;
  color: var(--bt-navy) !important;
  padding: 1.25rem 1.5rem !important;
  font-weight: 600 !important;
}

/* ── Errores ── */
.fluentform .error {
  color: #B91C1C !important;
  font-size: 12px !important;
  margin-top: 4px !important;
}
.fluentform .ff-el-is-error input,
.fluentform .ff-el-is-error select,
.fluentform .ff-el-is-error textarea {
  border-color: #B91C1C !important;
}

/* ── Texto legal ── */
.fluentform .ff-el-group p {
  font-size: 11px !important;
  color: var(--bt-muted) !important;
  line-height: 1.6 !important;
}

/* ── Responsive ── */
@media (max-width: 600px) {
  .fluentform.ff-default { padding: 1.25rem 1rem !important; }
  .fluentform .ff-el-form-check-label {
    font-size: 12px !important;
    padding: 5px 12px !important;
  }
  .fluentform .ff-btn-submit,
  .fluentform button[type="submit"] {
    font-size: 13px !important;
  }
}/* End custom CSS */