/* V68: layout limpio sin recortar el acceso; animación sutil. */
html:has(.sp68-login){scroll-behavior:auto}
body:has(.sp68-login){overflow-x:hidden}
.sp68-login{display:flex!important;align-items:flex-start!important;justify-content:center!important;min-height:calc(100svh - 10px)!important;padding:30px 18px 44px!important;overflow:visible!important}
.sp68-login .sp-login-shell{width:min(980px,100%)!important;min-height:0!important;grid-template-columns:minmax(0,1fr) minmax(0,.92fr)!important;overflow:hidden!important;border-radius:24px!important;box-shadow:0 18px 55px rgba(14,48,91,.11)!important}
.sp68-login .sp-login-visual{padding:36px 36px!important;min-width:0!important}
.sp68-login .sp-login-visual h1{font-size:clamp(29px,3vw,40px)!important;line-height:1.1!important}
.sp68-login .sp-login-benefits{margin-top:22px!important;gap:9px!important}
.sp68-login .sp-login-benefits>div{padding:9px 11px!important}
.sp68-login .sp-login-card-wrap{padding:28px 36px!important;min-width:0!important}
.sp68-login .sp-login-card{max-width:390px!important}
.sp68-login .sp-login-mini-brand{margin-bottom:8px!important}
.sp68-login .sp-login-mini-brand img{height:40px!important}
.sp68-login .sp-login-eyebrow{margin-top:5px!important}
.sp68-login .sp-login-card h2{font-size:clamp(25px,2.5vw,30px)!important}
.sp68-login .sp-login-sub{margin-bottom:14px!important}
.sp68-login .sp-login-form label{margin:10px 0 5px!important}
.sp68-login .sp-login-input{height:46px!important}
.sp68-login .sp-login-submit{margin-top:16px!important}
.sp68-login .sp-login-divider{margin:17px 0 10px!important}
.sp68-login .sp-login-foot{margin-top:10px!important}
@media(max-width:850px){.sp68-login{padding:18px 12px 34px!important}.sp68-login .sp-login-shell{grid-template-columns:1fr!important;max-width:480px!important}.sp68-login .sp-login-visual{display:none!important}.sp68-login .sp-login-card-wrap{padding:24px 24px 28px!important}.sp68-login .sp-login-home-mobile{display:inline-flex!important}}
@media(max-width:480px){.sp68-login .sp-login-card-wrap{padding:20px!important}.sp68-login .sp-login-shell{border-radius:18px!important}}
@media(prefers-reduced-motion:reduce){.sp68-login *, .sp68-login *:before,.sp68-login *:after{animation:none!important;transition:none!important}}

/* V78: acceso premium, animaciones suaves y aisladas del resto de STORPLAY */
.sp78-login{background:radial-gradient(ellipse at 9% 12%,rgba(9,182,206,.13),transparent 34%),radial-gradient(ellipse at 90% 87%,rgba(21,108,222,.12),transparent 36%),#f5f9fd!important;min-height:100svh!important;padding:clamp(18px,4vh,48px) 18px 42px!important;align-items:center!important}
.sp78-login .sp-login-shell{position:relative;border:1px solid #dceaf5!important;border-radius:30px!important;box-shadow:0 28px 85px rgba(9,40,79,.13),0 3px 16px rgba(9,40,79,.04)!important;animation:sp78-enter .7s cubic-bezier(.2,.8,.2,1) both!important}
.sp78-login .sp-login-visual{background:linear-gradient(138deg,#062b59 0%,#0757bd 48%,#0798c4 80%,#0cc9be 100%)!important;isolation:isolate;padding:48px 38px!important}
.sp78-login .sp-login-visual:before{content:"";position:absolute;inset:-80%;z-index:0;pointer-events:none;background:conic-gradient(from 90deg,transparent 0 65%,rgba(255,255,255,.13) 72%,transparent 79%);animation:sp78-beam 22s linear infinite}
.sp78-login .sp-login-glow{pointer-events:none;filter:blur(22px);opacity:.35;animation:sp78-float 9s ease-in-out infinite alternate}
.sp78-login .sp-login-glow-b{animation-delay:-4s}
.sp78-login .sp-login-visual-content{position:relative;z-index:2}
.sp78-login .sp-login-kicker{display:inline-flex;align-items:center;border:1px solid #ffffff50;background:#ffffff14;border-radius:999px;padding:8px 13px;letter-spacing:1.7px}
.sp78-login .sp-login-visual h1{font-size:clamp(34px,3.8vw,49px)!important;letter-spacing:-1.8px;line-height:1.06!important;margin:22px 0 16px!important}
.sp78-login .sp-login-visual h1 span{background:linear-gradient(90deg,#a7f7ff,#fff,#89f5e3);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp78-login .sp-login-visual p{font-size:14px;line-height:1.7;color:#e2f3ff}
.sp78-login .sp-login-benefits{margin-top:28px!important}
.sp78-login .sp-login-benefits .sp-benefit{background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.22)!important;backdrop-filter:blur(9px);border-radius:14px!important;animation:sp78-rise .65s both}
.sp78-login .sp-login-benefits .sp-benefit:nth-child(2){animation-delay:.13s}.sp78-login .sp-login-benefits .sp-benefit:nth-child(3){animation-delay:.25s}
.sp78-login .sp-benefit-icon{background:linear-gradient(145deg,#00cdd5,#0877e8)!important;box-shadow:0 4px 15px rgba(0,23,55,.15)}
.sp78-login .sp-login-card-wrap{background:linear-gradient(160deg,#fff,#fcfeff);padding:40px 42px!important}
.sp78-login .sp-login-card{animation:sp78-rise .65s .13s both!important;box-shadow:none!important}
.sp78-login .sp-login-mini-brand{display:block;text-align:center}.sp78-login .sp-login-mini-brand img{height:48px!important;max-width:150px}
.sp78-login .sp-login-eyebrow{margin-top:16px!important;letter-spacing:2.4px;color:#0c9db6}
.sp78-login .sp-login-card h2{font-size:clamp(27px,2.6vw,34px)!important;letter-spacing:-.9px;color:#122e4d}.sp78-title-dot{color:#04b8c6}
.sp78-login .sp-login-sub{font-size:13px;color:#687f95}
.sp78-login .sp-login-input{background:#f7faff!important;border:1px solid #d8e6f2!important;border-radius:14px!important;height:49px!important;transition:border-color .2s,box-shadow .2s,background .2s!important}
.sp78-login .sp-login-input:focus-within{border-color:#11a4d5!important;box-shadow:0 0 0 4px rgba(4,180,213,.12)!important;background:#fff!important;outline:0!important}
.sp78-login .sp-login-submit{border-radius:14px!important;height:51px!important;background:linear-gradient(105deg,#0762d5,#0796d3,#08bdbb)!important;background-size:200% 100%!important;box-shadow:0 12px 25px rgba(0,112,186,.18)!important;transition:transform .22s,box-shadow .22s,background-position .4s!important}
.sp78-login .sp-login-submit:hover{background-position:100% 0!important;box-shadow:0 15px 30px rgba(0,112,186,.26)!important;transform:translateY(-2px)!important}
.sp78-login .sp-login-register{border-radius:13px!important;transition:border-color .2s,background .2s,transform .2s}.sp78-login .sp-login-register:hover{border-color:#77c8df;background:#f0fbff;transform:translateY(-1px)}
.sp78-signal{display:flex;align-items:end;gap:4px;height:22px;margin-top:20px;color:#c8faff;font-size:9px;font-weight:800;letter-spacing:1.8px}
.sp78-signal i{display:block;width:4px;height:9px;border-radius:4px;background:#80f8ef;animation:sp78-bars .95s ease-in-out infinite alternate}
.sp78-signal i:nth-child(2){height:17px;animation-delay:-.45s}.sp78-signal i:nth-child(3){height:11px;animation-delay:-.2s}.sp78-signal i:nth-child(4){height:21px;animation-delay:-.6s}.sp78-signal i:nth-child(5){height:13px;animation-delay:-.32s}.sp78-signal span{margin-left:8px;align-self:center}
@keyframes sp78-enter{from{opacity:0;transform:translateY(15px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes sp78-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes sp78-beam{to{transform:rotate(360deg)}}
@keyframes sp78-float{to{transform:translate(12px,-14px)}}
@keyframes sp78-bars{to{height:5px;opacity:.5}}
@media(max-width:850px){.sp78-login{align-items:flex-start!important;padding:18px 12px 30px!important}.sp78-login .sp-login-shell{border-radius:22px!important}.sp78-login .sp-login-card-wrap{padding:24px 24px 30px!important}.sp78-login .sp-login-card{animation-duration:.4s!important}}
@media(max-width:480px){.sp78-login .sp-login-card-wrap{padding:22px 19px 25px!important}.sp78-login .sp-login-card h2{font-size:28px!important}.sp78-login .sp-login-input{height:48px!important}}
@media(prefers-reduced-motion:reduce){.sp78-login,.sp78-login *,.sp78-login *:before,.sp78-login *:after{animation:none!important;transition:none!important}}

/* V79: separación clara entre enlace Inicio y etiqueta STORPLAY */
@media (min-width:851px){
 .sp79-login .sp-login-visual{position:relative!important;padding-top:104px!important}
 .sp79-login .sp-login-home-inside{position:absolute!important;top:24px!important;left:32px!important;right:auto!important;z-index:8!important;margin:0!important}
 .sp79-login .sp-login-visual-content{position:relative!important;z-index:2!important}
 .sp79-login .sp-login-kicker{display:table!important;width:max-content!important;max-width:100%!important;margin:0 0 8px!important;clear:both!important}
}
@media (max-width:850px){
 .sp79-login .sp-login-home-mobile{position:relative!important;display:inline-flex!important;margin:0 0 20px!important}
}

/* V80: cabecera horizontal sin superposición */
@media(min-width:851px){
.sp80-login .sp-login-visual{padding-top:40px!important}
.sp80-login .sp80-topline{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;width:100%!important;margin:0 0 24px!important;position:relative!important;z-index:9!important}
.sp80-login .sp80-topline .sp-login-home-inside{position:static!important;inset:auto!important;transform:none!important;flex:0 0 auto!important;margin:0!important}
.sp80-login .sp80-topline .sp-login-kicker{position:static!important;display:inline-flex!important;flex:0 0 auto!important;margin:0!important;white-space:nowrap!important;clear:none!important}
}
@media(max-width:850px){.sp80-login .sp80-topline{display:none!important}}