/**********************  UM – Login / Registro  ************************/

/* 1) Caja/Panel con el fondo (tu contenedor de Elementor) */
.elementor-element-8e219aa > .e-con-inner{
  border-radius: 20px;                 
  overflow: hidden;                     
  box-shadow: 0 18px 50px rgba(10,24,40,.22);
}

/* 2) Campos de texto */
.um.um-login .um-form .um-form-field,
.um.um-register .um-form .um-form-field{
  height: 52px !important;
  border-radius: 14px !important;
  border: 1.5px solid #0f2a41 !important;
  background: #fff !important;
  color: #000000 !important;
  padding: 0 16px !important;
  line-height: 52px !important;
}
.um.um-login .um-form .um-form-field:focus,
.um.um-register .um-form .um-form-field:focus{
  border-color: #178582 !important;
  box-shadow: 0 0 0 3px rgba(23,133,130,.18) !important;
  outline: none !important;
}

/* ===== Checkbox “Mantenerme conectado” ===== */
body.um-page-login .um-form .um-field-checkbox,
body.um-page-register .um-form .um-field-checkbox{
	align-items:center;
}

body.um-page-login .um-form .um-field-checkbox-state i,
body.um-page-register .um-form .um-field-checkbox-state i{
	font-size:22px;
	color: #178582 !important; /* color del icono */
	vertical-align: middle;
	margin-right:8px;
}

/* etiqueta del checkbox */
body.um-page-login .um-form .um-field-checkbox-option,
body.um-page-register .um-form .um-field-checkbox-option{
	color: #178582 !important;
	font-weight:600;
}

/* 4) Botones – centrado vertical perfecto + alturas/hover */
.um.um-login .um-form .um-button,
.um.um-register .um-form .um-button,
.um.um-login .um-form a.um-button,
.um.um-register .um-form a.um-button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 48px !important;
  padding: 0 22px !important;
  border-radius: 14px !important;
  font-weight: 700 !important;
  line-height: 1 !important;             
  border: 0 !important;
  text-decoration: none !important;
  transition: transform .12s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

/* 4.1) Primario (Acceder) */
.um.um-login .um-form .um-button:not(.um-alt),
.um.um-register .um-form .um-button:not(.um-alt){
  background: #178582 !important;
  color: #fff !important;
  box-shadow: 0 8px 20px rgba(23,133,130,.25);
}
.um.um-login .um-form .um-button:not(.um-alt):hover,
.um.um-register .um-form .um-button:not(.um-alt):hover{
  background: #136c69 !important;
  transform: translateY(-1px);
}

/* 4.2) Secundario (Registro) – blanco -> gris al hover */
.um.um-login .um-form .um-button.um-alt,
.um.um-register .um-form .um-button.um-alt,
.um.um-login .um-form a.um-button.um-alt,
.um.um-register .um-form a.um-button.um-alt{
  background: #eef2f6 !important;      /* blanco suave */
  color: #0A1828 !important;
  border: 1px solid #d7dee7 !important;
}
.um.um-login .um-form .um-button.um-alt:hover,
.um.um-register .um-form .um-button.um-alt:hover,
.um.um-login .um-form a.um-button.um-alt:hover,
.um.um-register .um-form a.um-button.um-alt:hover{
  background: #e1e7ee !important;      /* gris al pasar el cursor */
  color: #0A1828 !important;
  border-color: #cdd6e2 !important;
}

/* 5) Enlace “¿Has olvidado tu contraseña?” en verde */
.um.um-login a.um-link-alt,
.um.um-register a.um-link-alt{
  color: #178582 !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
.um.um-login a.um-link-alt:hover,
.um.um-register a.um-link-alt:hover{
  text-decoration: underline !important;
}

/* Responsive */
@media (max-width: 600px){
  .elementor-element-8e219aa > .e-con-inner{ border-radius: 16px; }
  .um.um-login .um-form .um-button,
  .um.um-register .um-form .um-button{
    width: 100%;
  }
}

/* === Política de Privacidad / GDPR === */
.um-gdpr-content{
  color: #ffffff !important;          /* texto principal en blanco */
}

.um-gdpr-content *{
  color: #ffffff !important;          /* todo lo que esté dentro: h2, p, li, etc. */
}

.um-gdpr-content a{
  color: #178582 !important;          /* enlaces en verde corporativo */
  font-weight: 600;
  text-decoration: none;
}
.um-gdpr-content a:hover{
  text-decoration: underline;
}

/* === Borde redondeado del contenedor principal del login === */

/* Aplica directamente al contenedor interno con fondo */
.elementor-element-8e219aa.e-con.e-con-child {
  border-radius: 20px !important;           
  overflow: hidden !important;             
  box-shadow: 0 18px 50px rgba(10,24,40,.25); 
}

/* Si Elementor mete el fondo en el div interno .e-con-inner, lo reforzamos */
.elementor-element-8e219aa > .e-con-inner {
  border-radius: 20px !important;
  overflow: hidden !important;
}

/* Ajuste opcional si quieres que se vea mejor separado del fondo */
.elementor-element-8e219aa.e-con.e-con-child {
  border: 1px solid rgba(255,255,255,0.05);
}

/* ===== Página de login: full screen + fondo corporativo ===== */
#login-page{
  /* pantalla completa en todos los navegadores */
  min-height: 100svh; /* usa 100vh si prefieres */
  background: var(--e-global-color-primary); /* tu azul corporativo */
  display: grid;
  place-items: center;
  padding: clamp(16px, 2vw, 32px); /* respiración en bordes */
  /* si quieres quitar scroll en esta vista: */
  overflow: hidden;
}

/* ===== Tarjeta del formulario ===== */
#login-card{
  width: min(92vw, 560px);
  background: #0a1828;              /* color oscuro de la tarjeta */
  color: #fff;
  border-radius: 30px;               /* radio en las 4 esquinas */
  padding: clamp(24px, 3vw, 40px);
  box-shadow: 0 20px 50px rgba(0,0,0,.35);
  /* MUY IMPORTANTE para que el radio recorte el hijo de Elementor */
  overflow: hidden;
}

/* Elementor a veces pinta el fondo en .e-con-inner: hereda el radio */
#login-card > .e-con-inner{
  border-radius: inherit;
  overflow: hidden;
}

/* Botones del formulario (opcional, por si quieres consistencia) */
#login-card .um input[type="submit"],
#login-card .elementor-button{
  border-radius: 12px;
}

/* ===== Ajustes móviles ===== */
@media (max-width: 767px){
  #login-card{
    width: min(94vw, 560px);
    border-radius: 20px;
    padding: 20px;
  }
}

/* (Opcional) Quitar scroll SOLO en la página de login
   — mejor si el formulario cabe holgado */
html, body {
  height: 100%;
}
body.page-id-XXX{
  overflow: hidden;                  /* Sustituye XXX por el ID de la página de login */
}