.elementor-632 .elementor-element.elementor-element-9eeeac6{--display:flex;--min-height:100vh;}.elementor-632 .elementor-element.elementor-element-9eeeac6:not(.elementor-motion-effects-element-type-background), .elementor-632 .elementor-element.elementor-element-9eeeac6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mods.ecotrade.uno/wp-content/uploads/2024/11/loginback2.jpg");background-position:center center;background-size:contain;}.elementor-632 .elementor-element.elementor-element-93128bb > .elementor-widget-container{margin:-80px 0px 0px 0px;}.elementor-632 .elementor-element.elementor-element-93128bb.elementor-element{--align-self:center;}.elementor-632 .elementor-element.elementor-element-93128bb{z-index:1;}/* Start custom CSS for shortcode, class: .elementor-element-93128bb */.boton-sesion-iniciada {
    padding: 10px 20px;
    background-color: red; /* Naranja */
    color: white;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
    margin-top: 20px;
    display: inline-block; /* Asegura que el botón no ocupe todo el ancho */
    margin-left: auto; /* Centra el botón en su contenedor */
    margin-right: auto; /* Centra el botón en su contenedor */
}

.boton-sesion-iniciada:hover {
    background-color: #FF8C00; /* Naranja más oscuro en el hover */
}


.um-misc-ul {
    display: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9eeeac6 *//* Estilo general del formulario */
.um-form {
  width: 300px;
  margin: 50px auto;
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.um-row-heading {
  font-size: 28px !important; /* Tamaño del título */
  font-weight: bold !important;
  color: #000000 !important;
  margin-bottom: -10px !important; /* Reducir espacio debajo del título */
  margin-top: -5px !important; /* Reducir espacio encima del título */
  text-align: center !important;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.um-row-heading-icon {
  font-size: 32px !important; /* Tamaño del icono */
  color: #81d742 !important; /* Color del icono */
  margin-bottom: 5px !important; /* Espacio entre el icono y el texto */
}


/* Campos de entrada */
.um-field {
  margin: 15px auto;
  text-align: left; /* Alineación de texto dentro de los campos */
}

.um-field-label {
  font-size: 14px;
  color: #555;
  margin-bottom: 5px;
}

.um-field-label-icon {
  font-size: 18px;
  margin-right: 8px;
  color: #888;
}

.um-form input[type="text"],
.um-form input[type="password"] {
  width: calc(100% - 20px); /* Asegura espacio adecuado */
  padding: 10px;
  margin: 0 auto;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 14px;
  box-sizing: border-box;
}

/* Checkbox */
.um-field-checkbox {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #555;
}

.um-field-checkbox-option {
  margin-left: 8px;
}

/* Botón de inicio de sesión */
.um-button {
  width: 100%;
  padding: 10px;
  background-color: #007BFF;
  border: none;
  color: white;
  font-size: 16px;
  font-weight: bold;
  border-radius: 4px;
  cursor: pointer;
}

.um-button:hover {
  background-color: #0056b3;
}/* End custom CSS */