html,body.page-auth{width:100%;height:100%;margin:0;overflow:hidden;background:#050607!important}
body.page-auth{background:#050607 url('../img/auth/login-framed-realms-4k.jpg') center/cover no-repeat!important;color:#f3e9d7;font-family:Arial,sans-serif}body.page-auth::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 12%,rgba(0,0,0,.13) 60%,rgba(0,0,0,.72) 100%)}body.page-auth::after{content:"";position:fixed;inset:0;pointer-events:none;opacity:.48;background-image:radial-gradient(circle,rgba(255,188,93,.9) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(135,199,255,.72) 0 1px,transparent 1.5px);background-size:103px 121px,151px 169px;background-position:16px 8px,71px 45px;animation:realmParticles 13s linear infinite}@keyframes realmParticles{to{background-position:16px -113px,71px -124px}}
.login-stage{position:fixed;inset:0;z-index:1;min-height:620px}.login-brand{position:absolute;z-index:3;top:2.2vh;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;pointer-events:none;text-align:center;filter:drop-shadow(0 7px 14px rgba(0,0,0,.86))}.login-brand__gem{height:clamp(33px,4vw,58px);font-size:clamp(37px,5vw,68px);line-height:.72;color:#e5d8d0;text-shadow:-8px 0 0 #b21d20,8px 0 0 #175ab5,0 0 18px #bb9660}.login-brand strong{font:700 clamp(38px,6.1vw,94px)/.79 Georgia,serif;letter-spacing:.025em;color:#e5ddd2;text-shadow:-2px 0 #6e241c,2px 0 #1d508a,0 3px 0 #160d0a,0 0 18px rgba(227,195,141,.45)}.login-brand em{margin-top:7px;font:700 clamp(19px,2.9vw,43px)/1 Georgia,serif;letter-spacing:.22em;color:#c9beb0;text-shadow:-1px 0 #6e241c,1px 0 #1d508a,0 2px 0 #160d0a}
.login-slot{position:absolute;z-index:2;top:39%;left:50%;transform:translateX(-50%);width:min(355px,calc(100vw - 42px));box-sizing:border-box;padding:44px 42px 39px;background:linear-gradient(145deg,rgba(18,19,21,.96),rgba(4,6,9,.97));border:1px solid rgba(217,170,100,.68);box-shadow:inset 0 0 0 4px rgba(2,3,5,.72),inset 0 0 55px rgba(0,0,0,.66),0 26px 56px rgba(0,0,0,.7)}.login-slot::before,.login-slot::after{content:"";position:absolute;left:50%;width:62px;height:16px;transform:translateX(-50%);border-left:1px solid #e0b16d;border-right:1px solid #e0b16d;background:linear-gradient(90deg,transparent,#8e2e1f 42%,#e3b36d 50%,#255a9b 58%,transparent)}.login-slot::before{top:-9px}.login-slot::after{bottom:-9px}.login-slot h1{margin:0 0 26px;text-align:center;font:700 clamp(19px,1.7vw,27px)/1.1 Georgia,serif;letter-spacing:.13em;color:#f3d6a1;text-shadow:0 2px 8px #000}.login-slot label{display:block;margin:0 0 7px;color:#c9c2b7;font-size:10px;font-weight:900;letter-spacing:.16em}.login-slot input{width:100%;height:43px;box-sizing:border-box;margin:0 0 17px;padding:0 12px;border:1px solid #48515a;background:rgba(2,4,7,.83);color:#fff;outline:none;box-shadow:inset 0 2px 9px #000}.login-slot input:focus{border-color:#c78245;box-shadow:inset 0 2px 9px #000,0 0 12px rgba(192,72,27,.27)}.password-row{position:relative}.password-row input{padding-right:66px}.password-row button{position:absolute;right:5px;top:5px;height:31px;border:0;background:transparent;color:#bec6d0;font-size:9px;font-weight:900;cursor:pointer}.login-submit{width:100%;height:46px;border:1px solid #be7650;background:linear-gradient(90deg,#522018,#a74127 48%,#582018);color:#fff1d9;font:700 16px Georgia,serif;letter-spacing:.14em;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 7px 18px rgba(0,0,0,.44)}.login-submit:hover{filter:brightness(1.16)}.login-error{margin:0 0 14px;padding:8px 10px;text-align:center;color:#ffc4bb;font-size:12px;background:rgba(90,10,5,.55)}
.realm-plaque{position:absolute;z-index:2;top:54%;width:132px;min-height:156px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px 13px;background:linear-gradient(145deg,rgba(15,16,19,.92),rgba(4,6,9,.96));border:1px solid #6e5b4a;box-shadow:inset 0 0 0 3px rgba(0,0,0,.56),0 18px 34px rgba(0,0,0,.6);clip-path:polygon(15% 0,85% 0,100% 13%,100% 87%,85% 100%,15% 100%,0 87%,0 13%)}.realm-plaque::before{content:"";position:absolute;inset:6px;border:1px solid rgba(217,177,109,.27);clip-path:inherit;pointer-events:none}.realm-plaque--fire{left:calc(50% - 405px);border-color:#9b4028}.realm-plaque--ice{right:calc(50% - 405px);border-color:#386fa8}.realm-plaque span{font:700 10px/1.25 Georgia,serif;letter-spacing:.08em;color:#e6c38a}.realm-plaque strong{margin:10px 0 4px;font:700 48px/1 Georgia,serif;color:#f2ddba;text-shadow:0 2px 9px #000}.realm-plaque b{font-size:10px;letter-spacing:.14em}.realm-plaque--fire b{color:#fa6545}.realm-plaque--ice b{color:#61aeff}
.login-bottom{position:absolute;z-index:2;top:calc(39% + 390px);left:50%;transform:translateX(-50%);width:min(405px,calc(100vw - 32px));padding:14px 20px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:14px;background:rgba(4,6,8,.82);border:1px solid rgba(203,171,116,.5);box-shadow:0 14px 30px rgba(0,0,0,.48)}.login-bottom span{font:700 10px Georgia,serif;letter-spacing:.1em;color:#e9d3a4}.login-bottom a{padding:10px 17px;text-decoration:none;border:1px solid #4077ad;background:linear-gradient(90deg,#153d68,#214f81);color:#e6f2ff;font-size:10px;font-weight:900;letter-spacing:.12em}.login-bottom a:hover{filter:brightness(1.15)}
@media(max-width:940px){.realm-plaque{display:none}.login-brand{top:5vh}.login-slot{top:34%}.login-bottom{top:calc(34% + 390px)}}@media(max-width:520px){html,body.page-auth{overflow:auto}body.page-auth{background-position:center top!important}.login-stage{position:relative;min-height:100svh;height:auto;padding:26vh 0 40px}.login-brand{top:4vh;width:min(350px,80vw)}.login-slot{position:relative;top:auto;left:auto;transform:none;margin:0 auto;padding:38px 28px 33px}.login-bottom{position:relative;top:auto;left:auto;transform:none;margin:22px auto 0;width:min(355px,calc(100vw - 42px));flex-direction:column}.login-bottom span{text-align:center}}

/* V1101: contenido HTML alineado dentro de los marcos del fondo ilustrado. */
.login-brand{display:none}.login-slot{top:39%;width:min(24vw,430px);padding:5.2vh 2.8vw 4.4vh;background:transparent;border:0;box-shadow:none}.login-slot::before,.login-slot::after{display:none}.login-slot h1{margin-bottom:2.6vh}.login-slot input{height:clamp(36px,4vh,44px);margin-bottom:1.7vh}.login-submit{height:clamp(38px,4.4vh,48px)}.realm-plaque{top:52%;width:min(8.6vw,145px);min-height:0;height:18vh;padding:1.7vh .7vw;background:transparent;border:0;box-shadow:none;clip-path:none}.realm-plaque::before{display:none}.realm-plaque--fire{left:calc(50% - 27vw)}.realm-plaque--ice{right:calc(50% - 27vw)}.realm-plaque span{font-size:clamp(7px,.58vw,10px)}.realm-plaque strong{margin:1.2vh 0 .4vh;font-size:clamp(28px,3vw,48px)}.realm-plaque b{font-size:clamp(7px,.58vw,10px)}.login-bottom{top:85%;width:min(24vw,430px);min-height:0;padding:1.1vh 1vw;background:transparent;border:0;box-shadow:none;gap:1.1vw}.login-bottom span{font-size:clamp(7px,.56vw,10px)}.login-bottom a{padding:clamp(7px,.85vh,11px) clamp(10px,1vw,17px);font-size:clamp(7px,.56vw,10px)}
@media(max-width:940px){.login-brand{display:none}.login-slot{top:34%;width:min(390px,calc(100vw - 48px));padding:38px 30px;background:linear-gradient(145deg,rgba(18,19,21,.96),rgba(4,6,9,.97));border:1px solid rgba(217,170,100,.68);box-shadow:inset 0 0 0 4px rgba(2,3,5,.72),inset 0 0 55px rgba(0,0,0,.66),0 26px 56px rgba(0,0,0,.7)}.login-bottom{top:calc(34% + 390px);width:min(405px,calc(100vw - 32px));padding:14px 20px;background:rgba(4,6,8,.82);border:1px solid rgba(203,171,116,.5);box-shadow:0 14px 30px rgba(0,0,0,.48)}}

/* V1103: lienzo 16:9. El arte y los controles comparten las mismas coordenadas. */
@media (min-width:941px){
  .login-stage{inset:auto;top:50%;left:50%;width:min(100vw,177.7778svh);height:min(100svh,56.25vw);min-height:0;transform:translate(-50%,-50%);background:url('../img/auth/login-framed-realms-4k.jpg') center/100% 100% no-repeat}
  .login-slot{top:39%;width:24%;max-width:430px;padding:clamp(30px,5.2vh,56px) clamp(25px,2.8vw,48px) clamp(26px,4.4vh,48px)}
  .login-slot h1{margin-bottom:clamp(17px,2.6vh,28px)}.login-slot input{height:clamp(36px,4vh,44px);margin-bottom:clamp(11px,1.7vh,18px)}.login-submit{height:clamp(38px,4.4vh,48px)}
  .realm-plaque{top:52%;width:9.1%;max-width:155px;height:18%;padding:clamp(12px,1.7vh,20px) clamp(8px,.7vw,13px)}.realm-plaque--fire{left:24.5%}.realm-plaque--ice{right:24.5%}.realm-plaque span{font-size:clamp(7px,.58vw,10px)}.realm-plaque strong{margin:clamp(7px,1.2vh,13px) 0 clamp(3px,.4vh,5px);font-size:clamp(28px,3vw,48px)}.realm-plaque b{font-size:clamp(7px,.58vw,10px)}
  .login-bottom{top:84.5%;width:30.2%;max-width:520px;height:8%;min-height:0;padding:0;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:0}.login-bottom span{text-align:center;font-size:clamp(7px,.56vw,10px)}.login-bottom a{padding:clamp(7px,.85vh,11px) clamp(10px,1vw,17px);font-size:clamp(7px,.56vw,10px)}
}

/* V1109: sin marcos central ni inferior; solo permanece el contenido funcional. */
@media (min-width:941px){
  .login-slot{top:39%;width:24%;max-width:430px;height:auto;aspect-ratio:auto;padding:0;display:block;background:none}
  .login-slot h1{margin-bottom:clamp(17px,2.2vh,26px)}
  .login-bottom{top:84%;width:30%;max-width:520px;height:auto;aspect-ratio:auto;padding:0;background:none;display:flex;grid-template-columns:none;gap:1.1vw}
}

/* V1105: marcos independientes; el contenido se centra dentro de su propio panel. */
body.page-auth{background-image:url('../img/auth/login-realms-background-4k.jpg')!important}
@media (min-width:941px){
  .login-stage{background:none}
  .login-slot{top:34%;width:29%;max-width:500px;height:auto;aspect-ratio:1351/1164;padding:clamp(34px,5vh,56px) 14% clamp(30px,4vh,46px);display:flex;flex-direction:column;align-items:stretch;justify-content:center;background:#080b0f url('../img/auth/login-frame-reference-main.png') center/100% 100% no-repeat}
  .login-slot h1,.login-slot form{width:100%}.login-slot form{display:block}.login-slot h1{margin-bottom:clamp(17px,2.2vh,26px)}
  .realm-plaque{top:48%;width:7.6%;max-width:132px;height:22%;padding:clamp(11px,1.5vh,17px) clamp(7px,.6vw,11px);background:url('../img/auth/login-frame-plaque.png') center/100% 100% no-repeat}
  .realm-plaque--fire{left:25.5%}.realm-plaque--ice{right:25.5%}
  .login-bottom{top:84%;width:30%;max-width:520px;height:auto;aspect-ratio:2172/405;padding:0;background:#080b0f url('../img/auth/login-frame-reference-footer.png') center/100% 100% no-repeat}
}

/* V1110: contenido de login limpio sobre el paisaje, sin ningún panel de fondo. */
@media (min-width:941px){
  .login-slot{top:40%;width:min(360px,calc(100vw - 48px));max-width:360px;height:auto!important;aspect-ratio:auto!important;padding:0!important;display:block!important;background:none!important;border:0!important;box-shadow:none!important}
  .login-slot h1{width:100%;margin:0 0 22px!important;font-size:clamp(22px,1.8vw,29px);line-height:1.1;white-space:nowrap}
  .login-slot form{display:block!important;width:100%!important}.login-slot label{margin:0 0 7px;font-size:10px}.login-slot input{width:100%!important;height:42px!important;margin:0 0 16px!important;padding:0 12px!important;font-size:13px}.password-row{width:100%}.login-submit{width:100%!important;height:44px!important;font-size:16px}
  .login-bottom{top:84%;width:max-content;max-width:calc(100vw - 32px);height:auto!important;aspect-ratio:auto!important;padding:0!important;display:flex!important;align-items:center;justify-content:center;gap:14px;background:none!important;border:0!important;box-shadow:none!important}
}

/* V1111: marcos proporcionados por el juego, anclados a cada bloque de contenido. */
@media (min-width:941px){
  .login-slot{top:35%;width:min(400px,24vw);max-width:400px;aspect-ratio:976/941!important;padding:clamp(48px,6vh,72px) 14% clamp(42px,5vh,58px)!important;box-sizing:border-box;background:url('../img/auth/login-panel-main.png') center/100% 100% no-repeat!important}
  .login-slot h1{margin:0 0 20px!important;font-size:clamp(20px,1.55vw,27px)}
  .login-slot input{height:40px!important;margin-bottom:13px!important}.login-submit{height:42px!important}
  .login-bottom{top:82%;width:min(440px,28vw);max-width:440px;aspect-ratio:1722/376!important;padding:0 11%!important;box-sizing:border-box;display:grid!important;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:0;background:url('../img/auth/login-panel-account.png') center/100% 100% no-repeat!important}
  .login-bottom span{text-align:center}.login-bottom a{white-space:nowrap}
}

/* V1112: el texto ocupa el área útil del marco, no el ancho de la pantalla. */
@media (min-width:941px){
  .login-slot{padding:clamp(48px,6vh,72px) clamp(38px,3vw,56px) clamp(42px,5vh,58px)!important}
  .login-slot h1{width:100%;white-space:normal!important;text-align:center;font-size:clamp(20px,1.35vw,25px)!important;letter-spacing:.09em}
  .login-slot form{width:100%!important}.login-slot input{width:100%!important}
  .login-bottom{padding:0 clamp(18px,1.4vw,28px)!important}
  .login-bottom span{width:100%;text-align:center;line-height:1.25}.login-bottom a{justify-self:center}
}

/* V1113: fondos limpios para escritorio/móvil y logo independiente. */
body.page-auth{background-image:url('../img/auth/login-fuego-hielo-desktop.webp')!important}
.login-brand{display:block!important;z-index:4;top:clamp(14px,2vh,30px);width:min(46vw,700px);filter:drop-shadow(0 10px 18px rgba(0,0,0,.82))}.login-brand img{display:block;width:100%;height:auto}
@media (min-width:941px){
  .login-stage{background:none!important}
}
@media (max-width:940px){
  html,body.page-auth{height:auto;min-height:100%;overflow:auto}
  body.page-auth{background-image:url('../img/auth/login-fuego-hielo-mobile.webp')!important;background-position:center top!important;background-size:cover!important;background-attachment:fixed}
  .login-stage{position:relative;inset:auto;min-height:100svh;height:auto;padding:clamp(210px,29svh,340px) 0 42px}
  .login-brand{position:absolute;top:clamp(12px,2.5svh,28px);width:min(88vw,480px)}
  .realm-plaque{display:none!important}
  .login-slot{position:relative;top:auto;left:auto;transform:none;width:min(390px,92vw);max-width:390px;aspect-ratio:976/941;margin:0 auto;padding:clamp(45px,6vh,68px) clamp(34px,8vw,54px) clamp(38px,5vh,54px);box-sizing:border-box;background:url('../img/auth/login-panel-main.png') center/100% 100% no-repeat!important;border:0;box-shadow:none}
  .login-slot::before,.login-slot::after{display:none}.login-slot h1{margin:0 0 20px;font-size:clamp(20px,5vw,25px);white-space:normal}.login-slot form{width:100%}.login-slot input{width:100%;height:40px;margin-bottom:13px}
  .login-bottom{position:relative;top:auto;left:auto;transform:none;width:min(440px,92vw);max-width:440px;aspect-ratio:1722/376;margin:18px auto 0;padding:0 clamp(18px,5vw,28px);box-sizing:border-box;display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;gap:0;background:url('../img/auth/login-panel-account.png') center/100% 100% no-repeat!important;border:0;box-shadow:none}
  .login-bottom span{width:100%;text-align:center;line-height:1.25}.login-bottom a{justify-self:center;white-space:nowrap}
}

/* V1114: Liquid Glass sobre los marcos originales + accesos del reino. */
.login-slot{isolation:isolate}
.login-slot::before{
  content:"";display:block!important;position:absolute;z-index:-1;
  inset:15% 11.5% 12.5%;width:auto;height:auto;transform:none;
  border:1px solid rgba(255,255,255,.22);border-radius:30px;
  background:
    radial-gradient(circle at 18% 0,rgba(255,255,255,.18),transparent 34%),
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(7,10,15,.36) 48%,rgba(5,8,13,.56));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(0,0,0,.34),0 22px 52px rgba(0,0,0,.35);
  -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%);
  pointer-events:none
}
.login-slot h1,.login-slot form,.login-slot .login-error{position:relative;z-index:1}
.login-slot input{
  border:1px solid rgba(255,255,255,.18)!important;border-radius:13px;
  background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(3,7,12,.58))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),inset 0 -10px 22px rgba(0,0,0,.18),0 8px 20px rgba(0,0,0,.18)!important;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease
}
.login-slot input:focus{
  border-color:rgba(255,190,110,.82)!important;background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(7,10,16,.62))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 0 0 3px rgba(255,143,70,.12),0 8px 24px rgba(0,0,0,.24)!important
}
.password-row button{right:8px;top:5px;border-radius:10px;color:#f4dfc0;transition:background .2s ease,color .2s ease}
.password-row button:hover{background:rgba(255,255,255,.09);color:#fff}
.login-submit{
  border:1px solid rgba(255,205,139,.7)!important;border-radius:15px;
  background:linear-gradient(135deg,rgba(255,125,73,.62),rgba(126,31,24,.78) 48%,rgba(38,83,139,.56))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -10px 24px rgba(75,9,4,.22),0 12px 28px rgba(0,0,0,.32)!important;
  -webkit-backdrop-filter:blur(14px) saturate(150%);backdrop-filter:blur(14px) saturate(150%);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease
}
.login-submit:hover{filter:brightness(1.13);transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 15px 32px rgba(0,0,0,.38)!important}
.login-submit:active{transform:translateY(1px)}
.login-error{border:1px solid rgba(255,151,139,.3);border-radius:12px;background:rgba(102,12,10,.38);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

.login-utility{
  position:absolute;z-index:6;top:50%;left:clamp(18px,2.2vw,42px);transform:translateY(-50%);
  display:flex;flex-direction:column;align-items:center;gap:10px;padding:13px 9px;
  border:1px solid rgba(255,255,255,.17);border-radius:30px;
  background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(4,8,14,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 20px 44px rgba(0,0,0,.36);
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%)
}
.login-utility__link{
  position:relative;width:46px;height:46px;box-sizing:border-box;display:grid;place-items:center;padding:0;
  border:1px solid rgba(255,255,255,.16);border-radius:50%;text-decoration:none;color:#f5e5cd;
  background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(8,13,21,.48));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px rgba(0,0,0,.25);
  cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease
}
.login-utility__link:hover,.login-utility__link:focus-visible{transform:translateX(3px) scale(1.04);border-color:rgba(255,195,118,.68);color:#fff;background:linear-gradient(145deg,rgba(255,145,78,.25),rgba(21,69,119,.42));outline:none}
.login-utility__icon{display:grid;place-items:center;width:22px;height:22px}.login-utility__icon svg{width:100%;height:100%;fill:currentColor}
.login-utility__text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.login-utility__link::after{
  content:attr(data-tip);position:absolute;left:calc(100% + 14px);top:50%;transform:translate(5px,-50%);
  width:max-content;max-width:190px;padding:9px 12px;border:1px solid rgba(255,255,255,.16);border-radius:12px;
  background:rgba(6,10,16,.74);box-shadow:0 10px 25px rgba(0,0,0,.34);color:#f4e7d2;
  font-size:10px;font-weight:800;letter-spacing:.08em;white-space:nowrap;
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease
}
.login-utility__link:hover::after,.login-utility__link:focus-visible::after{opacity:1;visibility:visible;transform:translate(0,-50%)}
.login-utility__link.is-disabled{opacity:.55;cursor:not-allowed}.login-utility__link.is-disabled:hover{transform:none;border-color:rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(8,13,21,.48))}

.login-bottom{isolation:isolate}
.login-bottom::before{
  content:"";position:absolute;z-index:-1;inset:15% 5%;border:1px solid rgba(255,255,255,.14);border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(4,8,14,.42));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18);-webkit-backdrop-filter:blur(17px) saturate(135%);backdrop-filter:blur(17px) saturate(135%);pointer-events:none
}
.login-bottom a{border:1px solid rgba(128,187,242,.42);border-radius:11px;background:linear-gradient(135deg,rgba(42,105,167,.58),rgba(18,53,91,.66));box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 7px 17px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .18s ease,filter .18s ease}
.login-bottom a:hover{transform:translateY(-1px);filter:brightness(1.14)}

@media (max-width:940px){
  .login-slot::before{inset:14% 10.5% 11.5%;border-radius:28px}
  .login-utility{position:relative;top:auto;left:auto;transform:none;width:min(330px,84vw);margin:14px auto 0;box-sizing:border-box;flex-direction:row;justify-content:center;gap:clamp(7px,2.5vw,12px);padding:10px 12px;border-radius:28px}
  .login-utility__link{width:44px;height:44px}.login-utility__link:hover,.login-utility__link:focus-visible{transform:translateY(-2px) scale(1.03)}
  .login-utility__link::after{display:none}
}
@media (max-width:520px){
  .login-slot input{font-size:16px}
  .login-bottom::before{inset:12% 3%;border-radius:16px}
}
@media (prefers-reduced-motion:reduce){.login-utility__link,.login-submit,.login-bottom a{transition:none!important}}

/* V1115: campo de contraseña accesible y pie Liquid Glass sin marcos duplicados. */
.login-slot::before{display:none!important}
.password-row input{position:relative;z-index:1;padding-right:64px!important}
.password-row button#togglePassword{
  box-sizing:border-box!important;position:absolute!important;z-index:3!important;
  top:5px!important;right:6px!important;bottom:auto!important;left:auto!important;
  width:52px!important;min-width:52px!important;max-width:52px!important;
  height:30px!important;min-height:0!important;max-height:30px!important;
  margin:0!important;padding:0 6px!important;transform:none!important;
  border:0!important;border-radius:9px!important;
  background:rgba(255,255,255,.055)!important;color:#f4dfc0!important;
  font-size:8px!important;font-weight:900!important;line-height:30px!important;text-align:center!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer
}
.password-row button#togglePassword:hover,.password-row button#togglePassword:focus-visible{
  background:rgba(255,255,255,.13)!important;color:#fff!important;outline:1px solid rgba(255,195,118,.45)
}
.login-bottom{
  box-sizing:border-box!important;top:auto!important;bottom:clamp(22px,4vh,42px)!important;
  width:min(620px,46vw)!important;max-width:none!important;height:auto!important;aspect-ratio:auto!important;
  padding:10px!important;display:grid!important;grid-template-columns:auto repeat(3,minmax(0,1fr))!important;
  align-items:center!important;justify-items:stretch!important;gap:8px!important;
  border:1px solid rgba(255,255,255,.18)!important;border-radius:22px!important;
  background:radial-gradient(circle at 20% 0,rgba(255,255,255,.15),transparent 42%),linear-gradient(135deg,rgba(92,32,24,.36),rgba(5,10,16,.62) 48%,rgba(19,58,101,.4))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.24),inset 0 -1px 0 rgba(0,0,0,.34),0 18px 42px rgba(0,0,0,.38)!important;
  -webkit-backdrop-filter:blur(22px) saturate(145%);backdrop-filter:blur(22px) saturate(145%)
}
.login-bottom::before{display:none!important}
.login-bottom span{width:auto!important;padding:0 9px;text-align:center!important;font-size:9px!important;line-height:1.3!important;white-space:nowrap}
.login-bottom a{
  box-sizing:border-box;min-height:37px;display:flex;align-items:center;justify-content:center;
  padding:8px 10px!important;border-radius:12px!important;font-size:8px!important;line-height:1.2;text-align:center;white-space:nowrap
}
@media(max-width:940px){
  .login-bottom{
    position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;
    transform:none!important;width:min(390px,92vw)!important;margin:16px auto 0!important;padding:12px!important;
    grid-template-columns:1fr 1fr!important;gap:8px!important;border-radius:20px!important
  }
  .login-bottom span{grid-column:1/-1;white-space:normal}
  .login-bottom a:first-of-type{grid-column:1/-1}
  .login-bottom a{min-height:39px;font-size:8px!important;white-space:normal}
}

/* V1116: mayor separación y transparencia en la barra inferior. */
@media(min-width:941px){
  .login-bottom{
    width:min(760px,56vw)!important;
    grid-template-columns:auto minmax(132px,.9fr) minmax(178px,1.18fr) minmax(184px,1.22fr)!important;
    gap:12px!important;padding:11px 12px!important;
    border-color:rgba(255,255,255,.22)!important;
    background:radial-gradient(circle at 18% 0,rgba(255,255,255,.12),transparent 45%),linear-gradient(135deg,rgba(122,48,34,.18),rgba(6,12,20,.3) 48%,rgba(27,83,142,.2))!important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,.27),inset 0 -1px 0 rgba(0,0,0,.18),0 18px 42px rgba(0,0,0,.26)!important;
    -webkit-backdrop-filter:blur(28px) saturate(155%);backdrop-filter:blur(28px) saturate(155%)
  }
}
.login-bottom a{
  border-color:rgba(133,199,255,.38)!important;
  background:linear-gradient(135deg,rgba(55,129,194,.3),rgba(17,48,83,.34))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 7px 17px rgba(0,0,0,.13)!important
}
.login-bottom a:hover{
  background:linear-gradient(135deg,rgba(70,151,220,.4),rgba(22,63,107,.45))!important
}
@media(max-width:940px){
  .login-bottom{
    gap:10px!important;
    background:radial-gradient(circle at 18% 0,rgba(255,255,255,.12),transparent 45%),linear-gradient(135deg,rgba(122,48,34,.17),rgba(6,12,20,.31) 48%,rgba(27,83,142,.2))!important;
    -webkit-backdrop-filter:blur(26px) saturate(150%);backdrop-filter:blur(26px) saturate(150%)
  }
}