.elementor-48 .elementor-element.elementor-element-c4a985e{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-639365c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-f16d5fe{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-1d716b2{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-a2f2d09{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-ba84d2c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-122f21a{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-d82bf68{--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-48 .elementor-element.elementor-element-d9e2608{--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-48 .elementor-element.elementor-element-918bc4c{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-31dac18{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-353c2bb{--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-48 .elementor-element.elementor-element-289aead{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-c1b91c3{--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-48 .elementor-element.elementor-element-7fee52b{--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-48 .elementor-element.elementor-element-fafe3cb{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for shortcode, class: .elementor-element-3ee62f1 *//* ============================================
   ELEMENTOR — Página ALBUM (form 4 + form 7 anidado)
   Form 7 = Song duplicado anidado (tiene voz)
   ============================================ */

/* ── ICONOS TIPO DE VOZ (form 7 anidado) ── */
/* El campo de voz debe tener clase "voice-field" en Container Class */
.voice-field .ff_list_buttons {
  display: flex !important;
  flex-wrap: nowrap !important;
  gap: 10px !important;
  margin-top: 8px !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,
.voice-field .ff_list_buttons label.ff-el-image-input-src {
  height: 44px !important;
  width: 44px !important;
  margin: 10px auto 0 !important;
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: transparent !important;
  display: block !important;
  border-radius: 50% !important;
}
.voice-field .ff_list_buttons .ff-el-form-check-label {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  border: 1.5px solid #e2d9ec !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  cursor: pointer !important;
  transition: all 0.18s !important;
  background: #faf7f3 !important;
  padding-bottom: 10px !important;
  font-size: 12.5px !important;
  font-weight: 500 !important;
  color: #1a1225 !important;
  min-height: unset !important;
}
.voice-field .ff_list_buttons .ff-el-form-check-label:hover {
  border-color: #c0566a !important;
  box-shadow: 0 0 0 3px rgba(192,86,106,0.12) !important;
}
.voice-field .ff_list_buttons .ff-el-form-check.ff-item_selected .ff-el-form-check-label {
  border-color: #c0566a !important;
  box-shadow: 0 0 0 3px rgba(192,86,106,0.18) !important;
  background: #fceef1 !important;
}
@media (max-width: 600px) {
  .voice-field .ff_list_buttons label.ff-image-input-src,
  .voice-field .ff_list_buttons label.ff-el-image-input-src {
    height: 36px !important;
    width: 36px !important;
  }
}

/* ── FIX BOTÓN SUBMIT — Album (form 4) Y Song anidado (form 7) ── */
form[data-form_id="4"] button[type="submit"],
form[data-form_id="7"] button[type="submit"] {
  display: block !important;
  height: auto !important;
  padding: 14px 25px !important;
  margin: 20px auto 0 !important;
  overflow: visible !important;
}

/* ── TARJETA PREMIUM FOTOS — estado activo verde ── */
.tarjeta-premium-fotos.is-active {
  border: 2px solid #28a745 !important;
  background-color: #f4fff6 !important;
  box-shadow: 0 4px 15px rgba(40, 167, 69, 0.2) !important;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-a6e3efc *//* ============================================================
   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;
}tarjeta-premium-fotos/* End custom CSS */