.elementor-6342 .elementor-element.elementor-element-7ab1857{--display:flex;--min-height:0px;--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-6342 .elementor-element.elementor-element-7ab1857:not(.elementor-motion-effects-element-type-background), .elementor-6342 .elementor-element.elementor-element-7ab1857 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:radial-gradient(at center center, #C09652 0%, #2A1D07 100%);}.elementor-6342 .elementor-element.elementor-element-9bca431{--display:flex;--min-height:1000px;}.elementor-6342 .elementor-element.elementor-element-114bc89 > .elementor-widget-container{margin:0px -100px 0px -100px;}.elementor-6342 .elementor-element.elementor-element-22fc6db > .elementor-widget-container{margin:0px 10px 0px 10px;padding:26px 26px 26px 26px;border-style:none;border-radius:0px 0px 0px 0px;}.elementor-6342 .elementor-element.elementor-element-22fc6db:hover > .elementor-widget-container{border-radius:0px 0px 0px 0px;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-field-group.recaptcha_v3-bottomleft, .elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-field-group > label, .elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-field-subgroup label{color:#F7F8EF;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-field-type-html{padding-bottom:0px;color:#B3A5A5;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-field-group .elementor-field{color:#000000;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:1px 1px 1px 1px;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:1px 1px 1px 1px;}.elementor-6342 .elementor-element.elementor-element-22fc6db .e-form__buttons__wrapper__button-next{background-color:#81690D;color:#ffffff;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-button[type="submit"]{background-color:#81690D;color:#ffffff;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-6342 .elementor-element.elementor-element-22fc6db .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-6342 .elementor-element.elementor-element-22fc6db .e-form__buttons__wrapper__button-next:hover{background-color:#9BA091;color:#ffffff;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-button[type="submit"]:hover{background-color:#9BA091;color:#ffffff;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-6342 .elementor-element.elementor-element-22fc6db .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-button{border-radius:3px 3px 3px 3px;padding:1px 1px 1px 1px;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-message.elementor-message-success{color:#96FD43;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-message.elementor-message-danger{color:#DFD2D2;}.elementor-6342 .elementor-element.elementor-element-22fc6db .elementor-message.elementor-help-inline{color:#ECDFDF;}.elementor-6342 .elementor-element.elementor-element-22fc6db{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#FFFECD;--e-form-steps-indicator-inactive-secondary-color:#FFFECD;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-6342 .elementor-element.elementor-element-9bca431{--min-height:1000px;}.elementor-6342 .elementor-element.elementor-element-114bc89 > .elementor-widget-container{margin:-10px -10px -10px -10px;}.elementor-6342 .elementor-element.elementor-element-22fc6db > .elementor-widget-container{margin:10px 10px 0px 10px;}}@media(min-width:768px){.elementor-6342 .elementor-element.elementor-element-7ab1857{--content-width:510px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6342 .elementor-element.elementor-element-7ab1857{--content-width:510px;}}@media(max-width:767px){.elementor-6342 .elementor-element.elementor-element-7ab1857{--content-width:100%;}.elementor-6342 .elementor-element.elementor-element-9bca431{--min-height:800px;}.elementor-6342 .elementor-element.elementor-element-114bc89 > .elementor-widget-container{margin:-10px -10px -10px -10px;padding:0px 0px 0px 0px;}.elementor-6342 .elementor-element.elementor-element-22fc6db > .elementor-widget-container{margin:10px 0px 0px 0px;padding:0px 0px 0px 0px;}}/* Start custom CSS for form, class: .elementor-element-22fc6db *//* =====================================================================
   VALÓRAME 5 ESTRELLAS — CSS para WordPress
   Pega esto en: Apariencia → Personalizar → CSS adicional
   Solo hay que hacerlo UNA VEZ. No toques nada más.
   ===================================================================== */

/* ── Oculta el formulario de Elementor sin dejar hueco ── */
#vm5e-form:not(.vm5e-form-visible) {
  height: 0 !important;
  overflow: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* ── Cuando el widget lo activa: aparece con animación ── */
#vm5e-form.vm5e-form-visible {
  height: auto !important;
  overflow: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  animation: vm5e-form-in 0.45s cubic-bezier(0.22,1,0.36,1) both;
}

@keyframes vm5e-form-in {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ═══════════════════════════════════════════
   ESTILOS DEL FORMULARIO — idénticos al widget
═══════════════════════════════════════════ */

#vm5e-form .elementor-widget-container {
  background: #1A1A1A !important;
  border-radius: 18px !important;
  overflow: hidden !important;
  box-shadow:
    0 0 0 1px rgba(201,168,76,0.22),
    0 28px 80px rgba(0,0,0,0.75),
    0 4px 16px rgba(0,0,0,0.4) !important;
  padding: 0 !important;
  position: relative !important;
}

/* Línea dorada superior */
#vm5e-form .elementor-widget-container::after {
  content: '' !important;
  position: absolute !important;
  top: 0; left: 15%; right: 15%; height: 1px !important;
  background: linear-gradient(90deg, transparent, #C9A84C, transparent) !important;
  pointer-events: none !important;
  z-index: 2 !important;
}

/* Patrón diagonal de fondo */
#vm5e-form .elementor-form {
  background: repeating-linear-gradient(
    -45deg, transparent, transparent 28px,
    rgba(201,168,76,0.025) 28px, rgba(201,168,76,0.025) 29px
  ) !important;
}

/* Cabecera negra con título */
#vm5e-form .elementor-form::before {
  content: '💬  Cuéntanos cómo podemos mejorar' !important;
  display: block !important;
  background: #0D0D0D !important;
  color: #F5F0E8 !important;
  font-family: 'Playfair Display', serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  text-align: center !important;
  padding: 28px 24px 20px !important;
  border-bottom: 1px solid rgba(201,168,76,0.15) !important;
  line-height: 1.3 !important;
}

#vm5e-form .elementor-form-fields-wrapper {
  background: transparent !important;
  padding: 0 !important;
}

/* Campos */
#vm5e-form .elementor-field-group {
  padding: 0 22px !important;
  margin-bottom: 14px !important;
}

#vm5e-form .elementor-field-group:first-of-type {
  padding-top: 22px !important;
}

#vm5e-form label.elementor-field-label {
  font-family: 'DM Sans', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  color: #C9A84C !important;
  margin-bottom: 6px !important;
  display: block !important;
}

#vm5e-form input.elementor-field,
#vm5e-form textarea.elementor-field {
  background: #0D0D0D !important;
  border: 1px solid rgba(201,168,76,0.2) !important;
  border-radius: 10px !important;
  padding: 12px 14px !important;
  color: #F5F0E8 !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  width: 100% !important;
  box-shadow: none !important;
  transition: border-color 0.2s !important;
}

#vm5e-form input.elementor-field:focus,
#vm5e-form textarea.elementor-field:focus {
  border-color: rgba(201,168,76,0.6) !important;
  outline: none !important;
  box-shadow: none !important;
}

#vm5e-form input.elementor-field::placeholder,
#vm5e-form textarea.elementor-field::placeholder {
  color: #8A8078 !important;
  opacity: 1 !important;
}

#vm5e-form textarea.elementor-field {
  min-height: 100px !important;
  resize: vertical !important;
}

/* Botón enviar */
#vm5e-form .elementor-field-type-submit {
  padding: 0 22px 22px !important;
}

#vm5e-form .elementor-button {
  background: linear-gradient(135deg, #C9A84C, #A07830) !important;
  color: #0D0D0D !important;
  border: none !important;
  border-radius: 11px !important;
  padding: 15px 20px !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  width: 100% !important;
  cursor: pointer !important;
  box-shadow: 0 4px 20px rgba(201,168,76,0.3) !important;
  transition: all 0.3s !important;
  letter-spacing: 0.2px !important;
  text-align: center !important;
}

#vm5e-form .elementor-button:hover {
  box-shadow: 0 6px 28px rgba(201,168,76,0.5) !important;
  transform: translateY(-1px) !important;
}

/* Mensaje éxito */
#vm5e-form .elementor-message.elementor-message-success {
  background: rgba(201,168,76,0.08) !important;
  border: 1px solid rgba(201,168,76,0.3) !important;
  border-radius: 10px !important;
  color: #E8C97A !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 13px !important;
  padding: 14px 18px !important;
  margin: 0 22px 22px !important;
  text-align: center !important;
}

/* Pie — idéntico al widget */
#vm5e-form .elementor-form::after {
  content: 'Valórame 5 Estrellas' !important;
  display: block !important;
  background: #0D0D0D !important;
  border-top: 1px solid rgba(201,168,76,0.1) !important;
  color: rgba(138,128,120,0.35) !important;
  font-family: 'DM Sans', sans-serif !important;
  font-size: 9px !important;
  letter-spacing: 1.8px !important;
  text-transform: uppercase !important;
  text-align: center !important;
  padding: 11px !important;
}/* End custom CSS */