.elementor-932 .elementor-element.elementor-element-887a381 > .elementor-container{max-width:1463px;}.pp-tooltip.pp-tooltip-{{ID}} .pp-tooltip-content{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-932 .elementor-element.elementor-element-96dfb65{--e-image-carousel-slides-to-show:1;width:var( --container-widget-width, 106.225% );max-width:106.225%;--container-widget-width:106.225%;--container-widget-flex-grow:0;}.elementor-932 .elementor-element.elementor-element-96dfb65 .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:27px 27px 27px 27px;}.elementor-932 .elementor-element.elementor-element-1252176{width:var( --container-widget-width, 143.636% );max-width:143.636%;--container-widget-width:143.636%;--container-widget-flex-grow:0;}.elementor-932 .elementor-element.elementor-element-1252176 > .elementor-widget-container{margin:51px 51px 51px 51px;border-radius:0px 0px 0px 0px;}@media(min-width:768px){.elementor-932 .elementor-element.elementor-element-b401fe9{width:44.034%;}.elementor-932 .elementor-element.elementor-element-fd3e316{width:55.966%;}}/* Start custom CSS for shortcode, class: .elementor-element-1252176 *//* ============================================================
   CREATIONSLAB — FIX IMÁGENES FLUENT FORMS (clases reales)
   Las imágenes son background-image en label.ff-image-input-src
   ============================================================ */

/* ── CONTENEDOR: grid compacto ── */
.ff_el_checkable_photo_holders {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 8px !important;
}

/* ── CADA TARJETA ── */
.ff_el_checkable_photo_holders .ff-el-image-holder {
  flex: 0 0 calc(20% - 10px) !important; /* 5 por fila en desktop */
  min-width: 80px !important;
  max-width: 110px !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── LABEL COMPLETO (es la tarjeta clicable) ── */
.ff_el_checkable_photo_holders .ff-el-form-check-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0 !important;
  padding: 0 !important;
  border: 1.5px solid #e8dff0 !important;
  border-radius: 12px !important;
  cursor: pointer !important;
  background: #faf8fc !important;
  transition: all 0.18s !important;
  overflow: hidden !important;
  min-height: unset !important;
  white-space: normal !important;
  text-align: center !important;
}

.ff_el_checkable_photo_holders .ff-el-form-check-label:hover {
  border-color: #e8445a !important;
  box-shadow: 0 0 0 3px rgba(232,68,90,0.12) !important;
}

/* ── LA IMAGEN (es un label con background-image) ── */
.ff_el_checkable_photo_holders label.ff-image-input-src {
  width: 100% !important;
  height: 70px !important;           /* altura fija pequeña */
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  display: block !important;
  border-radius: 10px 10px 0 0 !important;
  margin: 0 !important;
  flex-shrink: 0 !important;
}

/* ── TEXTO DEL NOMBRE (debajo de la imagen) ── */
.ff_el_checkable_photo_holders .ff-el-form-check-label .ff-el-form-check-label {
  font-size: 11.5px !important;
  font-weight: 500 !important;
  color: #1a1225 !important;
  padding: 5px 6px !important;
  line-height: 1.3 !important;
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  min-height: unset !important;
}

/* ── ESTADO SELECCIONADO ── */
.ff_el_checkable_photo_holders .ff-el-form-check.ff-item_selected .ff-el-form-check-label,
.ff_el_checkable_photo_holders .ff-el-form-check input[type="radio"]:checked ~ .ff-el-form-check-label {
  border-color: #e8445a !important;
  box-shadow: 0 0 0 3px rgba(232,68,90,0.18) !important;
}

/* ── CAMPO TIPO DE VOZ: solo 3 columnas más grandes ── */
.voice-field .ff_el_checkable_photo_holders .ff-el-image-holder {
  flex: 0 0 calc(33.33% - 10px) !important;
  max-width: none !important;
}

.voice-field .ff_el_checkable_photo_holders label.ff-image-input-src {
  height: 90px !important;
}

/* ── RESPONSIVE MÓVIL ── */
@media (max-width: 600px) {
  .ff_el_checkable_photo_holders .ff-el-image-holder {
    flex: 0 0 calc(25% - 8px) !important;
    min-width: 70px !important;
  }

  .ff_el_checkable_photo_holders label.ff-image-input-src {
    height: 55px !important;
  }

  .voice-field .ff_el_checkable_photo_holders .ff-el-image-holder {
    flex: 0 0 calc(33.33% - 8px) !important;
  }
}
/* ── TIPO DE VOZ (usa ff_list_buttons, no photo_holders) ── */
.voice-field .ff_list_buttons {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
}

.voice-field .ff_list_buttons .ff-el-image-holder {
  flex: 1 !important;
  max-width: none !important;
}

.voice-field .ff_list_buttons label.ff-image-input-src {
  height: 90px !important;
  background-size: cover !important;
  background-position: center top !important;
  display: block !important;
  border-radius: 10px 10px 0 0 !important;
  width: 100% !important;
}

.voice-field .ff_list_buttons .ff-el-form-check-label {
  display: flex !important;
  flex-direction: column !important;
  border: 1.5px solid #e8dff0 !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: all 0.18s !important;
}

.voice-field .ff_list_buttons .ff-el-form-check-label:hover {
  border-color: #e8445a !important;
  box-shadow: 0 0 0 3px rgba(232,68,90,0.12) !important;
}

.voice-field .ff_list_buttons .ff-el-form-check.ff-item_selected .ff-el-form-check-label {
  border-color: #e8445a !important;
  box-shadow: 0 0 0 3px rgba(232,68,90,0.18) !important;
}
/* ── TIPO DE VOZ: forzar tamaño imagen ── */
.voice-field .ff_el_checkable_photo_holders label.ff-el-image-input-src,
.ff-el-group.voice-field label.ff-el-image-input-src {
  height: 55px !important;
  width: 100% !important;
  background-size: contain !important;
  background-position: center center !important;
  background-color: #faf8fc !important;
}
/* ── CHECK VERDE AL SELECCIONAR ── */
.ff-el-form-check {
  position: relative !important;
}

.ff-el-form-check input[type="radio"]:checked ~ label::after,
.ff-el-form-check input[type="radio"]:checked + label::after {
  content: '✓' !important;
  position: absolute !important;
  top: 4px !important;
  right: 4px !important;
  width: 18px !important;
  height: 18px !important;
  background: #2ecc71 !important;
  color: white !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 18px !important;
  text-align: center !important;
  z-index: 10 !important;
  pointer-events: none !important;
}/* End custom CSS */