.elementor-8975 .elementor-element.elementor-element-36ee2c8e{padding:30px 30px 30px 30px;}.elementor-8975 .elementor-element.elementor-element-6b145774{text-align:center;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:12px;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-12px;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}body.rtl .elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-labels-inline .elementor-field-group > abbr{padding-left:0px;}body:not(.rtl) .elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-labels-inline .elementor-field-group > abbr{padding-right:0px;}body .elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-labels-above .elementor-field-group > abbr{padding-bottom:0px;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-html{padding-bottom:0px;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .dce-signature-wrapper{text-align:left;--canvas-width:400px;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .dce-signature-canvas{border-radius:3px 3px 3px 3px;border-width:1px 1px 1px 1px;background-color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .dce-signature-button-clear{color:#e62626;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .dce-signature-button-clear i{color:#e62626;font-size:16px;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .dce-signature-button-clear svg{fill:#e62626;width:16px;height:16px;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-group .elementor-select-wrapper .select2{background-color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-group .elementor-select-wrapper .select2 .elementor-field-textual{background-color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .mce-panel{background-color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-button[type="submit"]{color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-label-description .elementor-field-label{display:inline-block;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-label-description:after{content:'?';display:inline-block;border-radius:50%;padding:2px 0;height:1.2em;line-height:1;font-size:80%;width:1.2em;text-align:center;margin-left:0.2em;color:#ffffff;background-color:#777777;}.elementor-8975 .elementor-element.elementor-element-4167f8d2{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--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;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-amount.elementor-field-group .dce-amount-visible{opacity:1;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-dce_range input{opacity:1;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-international_phone .dce-international-phone-wrapper{gap:10px;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-dce_rating .dce-rating-icon{font-size:24px;color:#ddd;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-dce_rating .dce-rating{gap:5px;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-dce_rating .dce-rating-icon svg{fill:#ddd;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-dce_rating .dce-rating-icon.is-active{color:#ffc107;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-dce_rating .dce-rating-icon.is-active svg{fill:#ffc107;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-dce_rating .dce-rating-icon .dce-rating-half-overlay{color:#ffc107;}.elementor-8975 .elementor-element.elementor-element-4167f8d2 .elementor-field-type-dce_rating .dce-rating-icon .dce-rating-half-overlay svg{fill:#ffc107;}.elementor-8975 .elementor-element.elementor-element-28ab074{--display:flex;}.elementor-8975 .elementor-element.elementor-element-b7251f9 .elementor-button{background-color:#BC3232;}.elementor-8975 .elementor-element.elementor-element-b7251f9 .elementor-button:hover, .elementor-8975 .elementor-element.elementor-element-b7251f9 .elementor-button:focus{background-color:#DC6969;}/* Start custom CSS for section, class: .elementor-element-36ee2c8e *//* =========================================================
   ENCUESTA SATISFACCIÓN - TARJETAS PREMIUM
   ========================================================= */

.elementor-form {
  --card-bg: #ffffff;
  --card-border: #e6e0d6;
  --card-shadow: 0 10px 30px rgba(0, 0, 0, 0.06);
  --text-main: #2b2b2b;
  --text-soft: #6f6a63;
  --accent: #8b6b3f;
  --red: #c93a32;
  --yellow: #e2b316;
  --green: #2e9b57;
}

/* ancho y aire general */
.elementor-form {
  max-width: 1080px;
  margin: 0 auto;
}

.elementor-form .elementor-field-group {
  margin-bottom: 18px;
}

/* =========================================================
   PREGUNTAS 1–9 COMO TARJETAS
   ========================================================= */

.elementor-form .elementor-field-type-radio {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  padding: 18px 20px;
  box-sizing: border-box;
}

.elementor-form .elementor-field-type-radio .elementor-field-label {
  display: block;
  margin: 0 0 14px 0;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 700;
  color: var(--text-main);
}

/* barra de puntuación */
.elementor-form .elementor-field-type-radio .elementor-field-subgroup {
  display: inline-flex;
  flex-wrap: nowrap;
  border: 1px solid #dcd6cb;
  overflow: hidden;
  background: #fff;
}

.elementor-form .elementor-field-type-radio .elementor-field-option {
  margin: 0 !important;
  padding: 0 !important;
  position: relative;
}

.elementor-form .elementor-field-type-radio input[type="radio"] {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.elementor-form .elementor-field-type-radio .elementor-field-option label {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 54px;
  height: 44px;
  padding: 0 14px;
  margin: 0;
  font-size: 17px;
  font-weight: 800;
  line-height: 1;
  border-right: 1px solid rgba(0, 0, 0, 0.12);
  cursor: pointer;
  transition: transform 0.15s ease, filter 0.15s ease, box-shadow 0.15s ease;
}

.elementor-form .elementor-field-type-radio .elementor-field-option:last-child label {
  border-right: none;
}

.elementor-form .elementor-field-type-radio .elementor-field-option:nth-child(1) label,
.elementor-form .elementor-field-type-radio .elementor-field-option:nth-child(2) label {
  background: var(--red);
  color: #fff;
}

.elementor-form .elementor-field-type-radio .elementor-field-option:nth-child(3) label {
  background: var(--yellow);
  color: #1f1f1f;
}

.elementor-form .elementor-field-type-radio .elementor-field-option:nth-child(4) label,
.elementor-form .elementor-field-type-radio .elementor-field-option:nth-child(5) label {
  background: var(--green);
  color: #fff;
}

.elementor-form .elementor-field-type-radio .elementor-field-option label:hover {
  filter: brightness(1.05);
}

.elementor-form .elementor-field-type-radio input[type="radio"]:checked + label {
  box-shadow: inset 0 0 0 3px #111;
  transform: translateY(-1px);
  position: relative;
  z-index: 2;
}

/* =========================================================
   BLOQUE CHECKBOX COMO TARJETA GRANDE
   ========================================================= */

.elementor-form .elementor-field-type-checkbox {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  padding: 18px 20px;
  box-sizing: border-box;
}

.elementor-form .elementor-field-type-checkbox .elementor-field-label {
  display: block;
  margin: 0 0 16px 0;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 700;
  color: var(--text-main);
}

.elementor-form .elementor-field-type-checkbox .elementor-field-subgroup {
  display: grid;
  grid-template-columns: repeat(2, minmax(260px, 1fr));
  gap: 14px 26px;
}

.elementor-form .elementor-field-type-checkbox .elementor-field-option {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 !important;
  padding: 10px 12px;
  border: 1px solid #ece7de;
  background: #fcfbf8;
  box-sizing: border-box;
}

.elementor-form .elementor-field-type-checkbox input[type="checkbox"] {
  margin-top: 4px;
  flex: 0 0 auto;
}

.elementor-form .elementor-field-type-checkbox .elementor-field-option label {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  line-height: 1.45;
  font-weight: 500;
  color: var(--text-main);
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  transform: none !important;
  min-width: auto !important;
  height: auto !important;
}

/* =========================================================
   INPUTS / TEXTAREA COMO TARJETAS SUAVES
   ========================================================= */

.elementor-form .elementor-field-type-text,
.elementor-form .elementor-field-type-textarea {
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  box-shadow: var(--card-shadow);
  padding: 18px 20px;
  box-sizing: border-box;
}

.elementor-form .elementor-field-type-text .elementor-field-label,
.elementor-form .elementor-field-type-textarea .elementor-field-label {
  display: block;
  margin: 0 0 12px 0;
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  color: var(--text-main);
}

.elementor-form input[type="text"],
.elementor-form input[type="email"],
.elementor-form input[type="tel"],
.elementor-form textarea {
  width: 100%;
  border: 1px solid #d8d2c8;
  background: #fff;
  color: var(--text-main);
  padding: 14px 16px;
  box-sizing: border-box;
  font-size: 16px;
}

.elementor-form textarea {
  min-height: 150px;
  resize: vertical;
}

/* =========================================================
   BOTÓN
   ========================================================= */

.elementor-form .e-form__buttons,
.elementor-form .elementor-field-type-submit {
  margin-top: 8px;
}

.elementor-form .elementor-button {
  min-height: 50px;
  padding: 12px 30px;
  border: 1px solid #7a5c34;
  background: #8b6b3f;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  transition: opacity 0.15s ease, transform 0.15s ease;
}

.elementor-form .elementor-button:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

/* =========================================================
   DETALLES FINOS
   ========================================================= */

.elementor-form .required {
  color: #b1332e;
}

.elementor-form .elementor-message {
  margin-top: 12px;
}

/* opcional: texto introductorio un poco más elegante */
.elementor-widget-form + .elementor-widget-text-editor,
.elementor-widget-text-editor p {
  color: var(--text-soft);
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1024px) {
  .elementor-form .elementor-field-type-checkbox .elementor-field-subgroup {
    grid-template-columns: 1fr 1fr;
  }
}

@media (max-width: 767px) {
  .elementor-form .elementor-field-type-radio,
  .elementor-form .elementor-field-type-checkbox,
  .elementor-form .elementor-field-type-text,
  .elementor-form .elementor-field-type-textarea {
    padding: 16px 14px;
  }

  .elementor-form .elementor-field-type-radio .elementor-field-label,
  .elementor-form .elementor-field-type-checkbox .elementor-field-label,
  .elementor-form .elementor-field-type-text .elementor-field-label,
  .elementor-form .elementor-field-type-textarea .elementor-field-label {
    font-size: 16px;
  }

  .elementor-form .elementor-field-type-radio .elementor-field-option label {
    min-width: 42px;
    height: 40px;
    padding: 0 10px;
    font-size: 15px;
  }

  .elementor-form .elementor-field-type-checkbox .elementor-field-subgroup {
    grid-template-columns: 1fr;
    gap: 12px;
  }

  .elementor-form .elementor-field-type-checkbox .elementor-field-option label {
    font-size: 15px;
  }

  .elementor-form input[type="text"],
  .elementor-form textarea {
    font-size: 15px;
  }
}/* End custom CSS */