.elementor-17 .elementor-element.elementor-element-48aa0f18{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-17 .elementor-element.elementor-element-58bd587{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-17 .elementor-element.elementor-element-c8c9f82 img{border-radius:20px 20px 20px 20px;}.elementor-17 .elementor-element.elementor-element-a7ff304{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-a7ff304 *//* =========================
   PROYECTO RD2028 - LOGIN (Ultimate Member)
   ========================= */

/* Definimos las mismas variables para mantener la marca */
:root {
  --login-bg: #f8fafc;
  --login-card: #ffffff;
  --login-primary: #0b2d4a; /* Azul corporativo */
  --login-accent: #f59e0b;  /* Naranja */
  --login-text: #334155;
  --login-border: #e2e8f0;
}

/* 1. Contenedor Principal del Login */
/* Usamos la clase específica de UM para login o el ID del formulario */
.um-login .um-form, 
.um-13 .um-form { 
  max-width: 450px; /* Un ancho elegante, no muy ancho para login */
  margin: 40px auto; /* Centrado horizontalmente */
  background: var(--login-card);
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 20px; /* Bordes bien redondeados */
  box-shadow: 0 20px 40px rgba(11, 45, 74, 0.1); /* Sombra suave azulada */
  padding: 40px 35px;
}

/* 2. Títulos y Etiquetas */
.um-login .um-field-label label,
.um-13 .um-field-label label {
  font-family: 'Inter', system-ui, sans-serif;
  color: var(--login-primary);
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 8px;
  display: block;
}

/* 3. Inputs (Campos de texto) */
.um-login input[type="text"],
.um-login input[type="password"],
.um-13 input[type="text"],
.um-13 input[type="password"] {
  background: #f8fafc !important;
  border: 2px solid var(--login-border) !important;
  border-radius: 12px !important;
  padding: 14px 16px !important;
  font-size: 15px !important;
  color: var(--login-text) !important;
  transition: all 0.3s ease;
  height: auto !important;
}

/* Efecto al hacer clic en el input */
.um-login input:focus,
.um-13 input:focus {
  border-color: var(--login-accent) !important; /* Borde naranja al escribir */
  background: #fff !important;
  box-shadow: 0 0 0 4px rgba(245, 158, 11, 0.15) !important;
  outline: none;
}

/* 4. Botón de Iniciar Sesión */
.um-login .um-button,
.um-13 .um-button {
  background: linear-gradient(135deg, var(--login-accent) 0%, #d97706 100%) !important;
  color: #fff !important;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  border-radius: 50px !important; /* Botón tipo cápsula */
  padding: 15px 20px !important;
  border: none !important;
  box-shadow: 0 10px 20px rgba(245, 158, 11, 0.3) !important;
  transition: transform 0.2s, box-shadow 0.2s !important;
  font-size: 15px !important;
}

/* Efecto Hover del botón */
.um-login .um-button:hover,
.um-13 .um-button:hover {
  transform: translateY(-2px);
  box-shadow: 0 15px 25px rgba(245, 158, 11, 0.4) !important;
}

/* 5. Enlaces (Olvidé contraseña / Registrarse) */
.um-login .um-col-alt a,
.um-13 .um-col-alt a {
  color: var(--login-primary) !important;
  font-weight: 600;
  text-decoration: none;
  font-size: 14px;
  transition: color 0.2s;
}

.um-login .um-col-alt a:hover,
.um-13 .um-col-alt a:hover {
  color: var(--login-accent) !important;
  text-decoration: underline;
}

/* Ocultar elementos innecesarios de UM si molestan */
.um-login .um-field-area i {
  display: none; /* A veces UM pone iconos dentro que descuadran */
}/* End custom CSS */