.elementor-113 .elementor-element.elementor-element-3f23f337{--display:flex;--min-height:100vh;--justify-content:flex-start;}.elementor-113 .elementor-element.elementor-element-3f23f337:not(.elementor-motion-effects-element-type-background), .elementor-113 .elementor-element.elementor-element-3f23f337 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #011A55 0%, #0D0D29 100%);}.elementor-113 .elementor-element.elementor-element-56cabbe8{margin:-80px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:0;}.elementor-113 .elementor-element.elementor-element-56cabbe8.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}@media(min-width:768px){.elementor-113 .elementor-element.elementor-element-3f23f337{--width:100vw;}}/* Start custom CSS for shortcode, class: .elementor-element-56cabbe8 *//* Fondo degradado azul oscuro en toda la página */
body.page-id-XXXX,                          /* Cambia XXXX por el ID real de tu página */
body.page-slug-login,
body.page-slug-iniciar-sesion,
body.page-slug-ingresar,
html body {
  background: linear-gradient(135deg, #0a0a0a 0%, #0f1a2e 50%, #1a1a2e 100%) !important;
  min-height: 100vh !important;
  margin: 0 !important;
  padding: 0 !important;
  color: #ffffff !important;
}

/* Elimina fondos no deseados */
.site-content,
.elementor-location-single,
.elementor,
.page-content,
.elementor-section-wrap,
.elementor-inner {
  background: transparent !important;
}

/* Contenedor del formulario UM – reducido ~2 cm */
.um-login {
  max-width: 300px !important;                 /* reducido significativamente */
  width: 92% !important;                       /* más ajustado en móviles */
  margin: 120px auto 60px auto !important;
  padding: 35px 25px !important;               /* padding más pequeño */
  background: #111111 !important;
  border-radius: 14px !important;
  border: 1px solid #222222 !important;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7) !important;
}

/* Título "Nox Broker" – ajustado al tamaño más pequeño del cuadro */
.um-login::before {
  content: "Nox Broker" !important;
  display: block !important;
  text-align: center !important;
  font-size: 2.4rem !important;                /* reducido para encajar */
  font-weight: 900 !important;
  color: #ffffff !important;
  margin-bottom: 25px !important;
  letter-spacing: 1px !important;
  text-shadow: 0 2px 8px rgba(0, 200, 83, 0.15) !important;
}

/* Campos de entrada – más compactos */
.um-login .um-field input[type="text"],
.um-login .um-field input[type="password"],
.um-login .um-field input[type="email"] {
  background: #1a1a1a !important;
  border: 1px solid #333333 !important;
  color: #e0e0e0 !important;
  border-radius: 10px !important;
  padding: 13px 15px !important;               /* reducido */
  font-size: 15px !important;
}

/* Etiquetas */
.um-login .um-field-label {
  color: #bbbbbb !important;
  font-size: 14px !important;
  margin-bottom: 8px !important;
}

/* Checkbox */
.um-login .um-field-checkbox label {
  color: #cccccc !important;
  font-size: 13px !important;
}

/* Botón "INICIAR SESIÓN" – verde degradado */
.um-login .um-button,
.um-login input[type="submit"],
.um-login button[type="submit"] {
  background: linear-gradient(90deg, #00c853, #00e676) !important;
  color: #000000 !important;
  border: none !important;
  border-radius: 50px !important;
  padding: 13px 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  width: 100% !important;
  margin: 18px 0 8px 0 !important;
  box-shadow: 0 5px 15px rgba(0, 200, 83, 0.35) !important;
  transition: all 0.3s ease !important;
}

/* Botón "Registro" – negro con borde verde */
.um-login .um-button.alt,
.um-login .um-button:not(:first-child),
.um-register .um-button,
.um-login a.um-button,
.um-login .um-col-alt a.um-button {
  background: #111111 !important;
  color: #00c853 !important;
  border: 2px solid #00c853 !important;
  border-radius: 50px !important;
  padding: 13px 0 !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  width: 100% !important;
  margin: 8px 0 !important;
  box-shadow: 0 0 12px rgba(0, 200, 83, 0.25) !important;
  transition: all 0.3s ease !important;
}

.um-login .um-button.alt:hover,
.um-login .um-button:not(:first-child):hover,
.um-register .um-button:hover {
  background: #1a1a1a !important;
  color: #00e676 !important;
  border-color: #00e676 !important;
  transform: translateY(-2px) !important;
}

/* Link olvidado contraseña */
.um-login .um-col-alt a,
.um-login a.um-link {
  color: #00c853 !important;
  font-size: 13px !important;
  text-decoration: none !important;
  display: block !important;
  text-align: center !important;
  margin-top: 12px !important;
}

.um-login .um-col-alt a:hover {
  text-decoration: underline !important;
}

/* Responsivo para celulares – más ajustado */
@media (max-width: 767px) {
  .um-login {
    max-width: 92% !important;
    margin: 80px auto 40px auto !important;
    padding: 30px 20px !important;
  }

  .um-login::before {
    font-size: 2.2rem !important;
    margin-bottom: 20px !important;
  }

  .um-login .um-button,
  .um-login .um-button.alt {
    padding: 12px 0 !important;
    font-size: 14px !important;
  }
}/* End custom CSS */