/* Pantalla de login (loginstudio) - estilo del diseño 1 de My Website (parte pública), fondo blanco.
   Va dentro de la página del sitio: todo está limitado a .mwl-login para no chocar con el tema. */
.mwl-login,.mwl-login *,.mwl-login *::before,.mwl-login *::after{box-sizing:border-box;}

/* Ocupa todo el ancho de la ventana (sale del contenedor del tema) y va sobre fondo blanco */
.mwl-login{
  width:100vw;max-width:100vw;position:relative;left:50%;margin:0 -50vw 0 -50vw;
  overflow-x:clip;
  background:#ffffff;
  color:#1e1e1e;
  font-family:'Open Sans',sans-serif;font-weight:400;font-size:15px;line-height:1.8;
  -webkit-font-smoothing:antialiased;
  display:flex;align-items:flex-start;justify-content:center;
  min-height:60vh;
  padding:70px 20px 90px;
}
.mwl-login__card{
  width:100%;max-width:420px;
  background:#fff;
  border:1px solid #e7e4e4;
  border-radius:4px;
  box-shadow:0 14px 40px rgba(17,17,17,.07);
  padding:40px 36px 34px;
}

/* Título: igual que BIOGRAPHY, más pequeño */
.mwl-login .mwl-login__title{
  font-family:'Barlow',sans-serif;
  font-size:clamp(1.7rem,5vw,2.1rem);
  font-weight:600;
  line-height:1.15;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:#111;
  text-align:center;
  margin:0 0 26px;padding:0;border:0;
}
.mwl-login .mwl-login__msg{font-size:14px;line-height:1.55;padding:11px 14px;border-radius:3px;margin:0 0 20px;border:1px solid transparent;}
.mwl-login .mwl-login__msg.is-error{background:#fdecea;border-color:#f5c2bd;color:#9b1c13;}
.mwl-login .mwl-login__msg.is-success{background:#eaf6ee;border-color:#bfe3cb;color:#1b6b3a;}
.mwl-login .mwl-login__hint{color:#666;font-size:14px;line-height:1.65;margin:0 0 18px;text-align:center;}
.mwl-login .mwl-login__form{margin:0;padding:0;}

.mwl-login .mwl-login__label{display:block;font-family:'Barlow',sans-serif;font-weight:500;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:#555;margin:0 0 6px;padding:0;}
.mwl-login .mwl-login__input{
  display:block;width:100%;height:auto;
  font-family:'Open Sans',sans-serif;font-size:15px;line-height:1.4;color:#111;
  background:#fff;border:1px solid #d9d5d2;border-radius:3px;box-shadow:none;
  padding:12px 14px;margin:0 0 18px;
  transition:border-color .15s, box-shadow .15s;
}
.mwl-login .mwl-login__input:focus{outline:none;border-color:#111;box-shadow:0 0 0 3px rgba(17,17,17,.08);}
.mwl-login .mwl-login__pwd{position:relative;}
.mwl-login .mwl-login__pwd .mwl-login__input{padding-right:70px;}
.mwl-login .mwl-login__toggle{
  position:absolute;right:6px;top:6px;height:36px;width:auto;
  background:none;border:0;box-shadow:none;cursor:pointer;
  font-family:'Barlow',sans-serif;font-weight:500;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#888;
  padding:0 10px;margin:0;border-radius:3px;
}
.mwl-login .mwl-login__toggle:hover{color:#111;background:none;}
.mwl-login .mwl-login__toggle:focus-visible{outline:2px solid #111;outline-offset:1px;}

.mwl-login .mwl-login__check{display:flex;align-items:center;gap:8px;font-size:14px;color:#555;margin:2px 0 22px;cursor:pointer;}
.mwl-login .mwl-login__check input{width:16px;height:16px;margin:0;accent-color:#111;}

.mwl-login .mwl-login__btn{
  display:block;width:100%;
  font-family:'Barlow',sans-serif;font-weight:600;font-size:15px;line-height:1.4;letter-spacing:.12em;text-transform:uppercase;
  color:#fff;background:#111;border:1px solid #111;border-radius:3px;box-shadow:none;
  padding:13px 18px;margin:0;cursor:pointer;
  transition:background .15s,border-color .15s;
}
.mwl-login .mwl-login__btn:hover{background:#333;border-color:#333;color:#fff;}
.mwl-login .mwl-login__btn:focus-visible{outline:2px solid #111;outline-offset:2px;}

.mwl-login .mwl-login__links{text-align:center;margin:20px 0 0;font-size:14px;}
.mwl-login .mwl-login__links a{color:#888;text-decoration:none;border-bottom:1px solid transparent;transition:color .15s,border-color .15s;}
.mwl-login .mwl-login__links a:hover{color:#111;border-bottom-color:#111;}

/* Campo trampa para robots (fuera de pantalla) */
.mwl-login .mwl-login__hp{position:absolute!important;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden;}

@media (max-width:768px){.mwl-login{padding:50px 16px 70px;}}
@media (max-width:480px){.mwl-login__card{padding:32px 22px 28px;}}

/* ---- Pantalla independiente (sin tema): centrada en la ventana, con el logo arriba ---- */
body.mwl-login-body{margin:0;background:#fff;}
.mwl-login.mwl-login--page{
  width:100%;max-width:none;position:static;left:auto;margin:0;overflow:visible;
  min-height:100vh;min-height:100dvh;
  flex-direction:column;align-items:center;justify-content:center;
  padding:32px 20px;
}
.mwl-login__logo{margin:0 0 24px;text-align:center;}
.mwl-login__logo img{display:block;margin:0 auto;width:auto;height:auto;max-width:240px;max-height:110px;object-fit:contain;}
@media (max-width:768px){.mwl-login.mwl-login--page{padding:24px 16px;}}