.elementor-585 .elementor-element.elementor-element-2369bce{margin-top:25px;margin-bottom:25px;}@media(min-width:768px){.elementor-585 .elementor-element.elementor-element-32cf28e{width:15%;}.elementor-585 .elementor-element.elementor-element-a43e59a{width:69.332%;}.elementor-585 .elementor-element.elementor-element-d015dbe{width:15%;}}/* Start custom CSS for shortcode, class: .elementor-element-3613728 *//* ===================================
   CF7 CUSTOM FORM - MODERN DESIGN
   =================================== */

.cf7-custom-wrapper {
  background: #ffffff;
  padding: 40px 44px;
  border-radius: 16px;
  box-shadow: 0 4px 32px rgba(0, 0, 0, 0.07);
  font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;
  max-width: 860px;
  margin: 0 auto;
}

/* --- Layout en columnas --- */
.cf7-row {
  display: flex;
  gap: 20px;
  margin-bottom: 20px;
}

.cf7-col {
  flex: 1;
  display: flex;
  flex-direction: column;
}

/* --- Etiquetas --- */
.cf7-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #111111;
  margin-bottom: 7px;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.cf7-required {
  color: #e53e3e;
  margin-left: 2px;
}

/* --- Inputs y Selects --- */
.cf7-custom-wrapper .wpcf7-form-control:not([type="submit"]),
.cf7-custom-wrapper input[type="text"],
.cf7-custom-wrapper input[type="email"],
.cf7-custom-wrapper input[type="tel"],
.cf7-custom-wrapper select {
  width: 100%;
  background-color: #F1F1F1;
  border: 1.5px solid transparent;
  border-radius: 10px;
  padding: 7px 16px;
  font-size: 14.5px;
  color: #1a1a1a;
  outline: none;
  transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
  appearance: none;
  -webkit-appearance: none;
  box-sizing: border-box;
}

/* Focus state */
.cf7-custom-wrapper input[type="text"]:focus,
.cf7-custom-wrapper input[type="email"]:focus,
.cf7-custom-wrapper input[type="tel"]:focus,
.cf7-custom-wrapper select:focus {
  border-color: #0066FF;
  background-color: #ffffff;
  box-shadow: 0 0 0 3px rgba(0, 102, 255, 0.1);
}

/* Placeholder */
.cf7-custom-wrapper input::placeholder {
  color: #aaaaaa;
  font-size: 14px;
}

/* --- Select con ícono personalizado --- */
.cf7-col:has(select) {
  position: relative;
}

.cf7-col:has(select)::after {
  content: "▾";
  position: absolute;
  right: 16px;
  bottom: 30px;
  font-size: 15px;
  color: #888;
  pointer-events: none;
}

select option:first-child {
  color: #aaaaaa;
}

/* --- Botón de envío --- */
.cf7-submit-row {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.cf7-custom-wrapper input[type="submit"],
.cf7-custom-wrapper .wpcf7-submit {
  background: #00D600;
  color: #016301;
  border: none;
  border-radius: 10px;
  padding: 14px 36px;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.03em;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
  min-width: 200px;
}

.cf7-custom-wrapper input[type="submit"]:hover,
.cf7-custom-wrapper .wpcf7-submit:hover {
  background: #00d600;
  transform: translateY(-1px);
  box-shadow: 0 6px 20px rgba(0, 214, 0, 0.3);
}

.cf7-custom-wrapper input[type="submit"]:active {
  transform: translateY(0);
}

/* --- Mensajes de validación --- */
.cf7-custom-wrapper .wpcf7-not-valid-tip {
  color: #e53e3e;
  font-size: 12px;
  margin-top: 5px;
  display: block;
}

.cf7-custom-wrapper .wpcf7-response-output {
  border-radius: 10px;
  padding: 12px 18px;
  font-size: 14px;
  margin-top: 16px;
  border: none;
}

.cf7-custom-wrapper .wpcf7-mail-sent-ok {
  background: #f0fff4;
  color: #276749;
  border-left: 4px solid #38a169;
}

.cf7-custom-wrapper .wpcf7-mail-sent-ng,
.cf7-custom-wrapper .wpcf7-validation-errors {
  background: #fff5f5;
  color: #c53030;
  border-left: 4px solid #e53e3e;
}

/* --- Responsivo para móviles --- */
@media (max-width: 640px) {
  .cf7-custom-wrapper {
    padding: 28px 22px;
  }

  .cf7-row {
    flex-direction: column;
    gap: 0;
  }

  .cf7-col {
    margin-bottom: 18px;
  }

  .cf7-submit-row {
    justify-content: center;
  }

  .cf7-custom-wrapper input[type="submit"] {
    width: 100%;
  }
}/* End custom CSS */