.elementor-1509 .elementor-element.elementor-element-4438c3e{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1509 .elementor-element.elementor-element-41dd448{--display:flex;}.elementor-1509 .elementor-element.elementor-element-ad72e5b{--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-1509 .elementor-element.elementor-element-e610db7 img{width:26%;}@media(max-width:767px){.elementor-1509 .elementor-element.elementor-element-4438c3e{--min-height:82px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1509 .elementor-element.elementor-element-ad72e5b{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1509 .elementor-element.elementor-element-e610db7 img{width:72%;}}@media(min-width:768px){.elementor-1509 .elementor-element.elementor-element-4438c3e{--content-width:500px;}}/* Start custom CSS for container, class: .elementor-element-4438c3e */body {
  position: relative;
  min-height: 100vh;
  overflow-x: hidden;
  background: linear-gradient(135deg, #1a1a2e, #16213e);
  color: #fff;
}

/* Fondo con íconos repartidos tipo rejilla */
body::before {
  content: 
    "🧰 🪛 📦 ⚙️ 🚚 🏷️ 📋\A"
    "🔧 📦 🧱 🛒 ⚙️ 📋 🚚\A"
    "📦 🛒 🧰 🪛 ⚙️ 🧱 🧰\A"
    "🪛 🏷️ 📋 🚚 📦 🧱 ⚙️\A"
    "📦 🧰 🛒 🪛 ⚙️ 🧱 🏷️";
  white-space: pre;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: 2.5rem;
  line-height: 3.5rem;
  text-align: center;
  color: rgba(255, 255, 255, 0.05);
  pointer-events: none;
  z-index: 0;
  animation: fondoMover 60s linear infinite;
}

/* Movimiento lento y natural */
@keyframes fondoMover {
  0% { transform: translate(0, 0) scale(1) rotate(0deg); }
  50% { transform: translate(-10%, -10%) scale(1.1) rotate(180deg); }
  100% { transform: translate(0, 0) scale(1) rotate(360deg); }
}

/* Asegura que el contenido esté encima */
body > * {
  position: relative;
  z-index: 2;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-cd0e09c *//* === CONTENEDOR PRINCIPAL === */
.um-form form {
  background: linear-gradient(145deg, #1e1e2f, #222240);
  border: 1px solid rgba(255, 255, 255, 0.05);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  padding: 2.5rem;
  max-width: 500px;
  margin: 40px auto;
  color: #f1f1f1;
  position: relative;
  z-index: 2;
  transition: all 0.3s ease;
}

.um-form form:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.6);
}

/* === TÍTULOS === */
.um-field-label label {
  color: #c6c6dc !important;
  font-weight: 600;
  font-size: 0.95rem;
  letter-spacing: 0.5px;
}

/* === INPUTS === */
.um input[type="text"],
.um input[type="password"],
.um input[type="email"],
.um select,
.um textarea {
  background: rgba(255, 255, 255, 0.07) !important;
  border: 1px solid rgba(255, 255, 255, 0.15) !important;
  color: #fff !important;
  border-radius: 10px;
  padding: 12px 15px !important;
  width: 100%;
  font-size: 0.95rem;
  transition: all 0.25s ease;
}

.um input:focus,
.um select:focus,
.um textarea:focus {
  border-color: #00c6ff !important;
  box-shadow: 0 0 10px rgba(0, 198, 255, 0.4);
  outline: none;
}

/* === BOTONES === */
.um input[type="submit"],
.um-button {
  background: linear-gradient(135deg, #00c6ff, #0072ff) !important;
  border: none !important;
  color: #fff !important;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 14px 0 !important;
  border-radius: 10px;
  width: 100%;
  cursor: pointer;
  transition: all 0.3s ease;
}

.um input[type="submit"]:hover,
.um-button:hover {
  background: linear-gradient(135deg, #0072ff, #00c6ff) !important;
  transform: translateY(-2px);
}

/* === MENSAJES DE ERROR Y ÉXITO === */
.um-field-error {
  background: rgba(255, 80, 80, 0.1);
  border-left: 4px solid #ff5050;
  color: #ff6b6b;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 0.9rem;
}

.um-field-success {
  background: rgba(80, 255, 150, 0.1);
  border-left: 4px solid #50ff7b;
  color: #9effae;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 0.9rem;
}

/* === PLACEHOLDERS === */
.um input::placeholder {
  color: rgba(255, 255, 255, 0.4);
  font-style: italic;
}

/* === RESPONSIVE === */
@media (max-width: 600px) {
  .um-form form {
    padding: 1.8rem;
    max-width: 90%;
  }

  .um input[type="submit"],
  .um-button {
    font-size: 0.9rem;
    padding: 12px 0 !important;
  }
}/* End custom CSS */