@layer eco-mobile-material {
/* Marca compartida: conserva los símbolos originales y el ingreso existente. */
.eco-fusion-ready .splash-brand-lockup{gap:18px!important;max-width:100%!important}
.eco-fusion-ready .splash-logo-ring{width:128px!important;height:82px!important;min-width:128px!important;padding:8px!important;border-radius:24px!important;box-sizing:border-box!important;animation:ecoFusionEnter .85s cubic-bezier(.2,.8,.2,1) both!important;position:relative;overflow:hidden}
.eco-fusion-ready .splash-logo-ring::after,.eco-fusion-ready .client-intro-mark::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(100deg,transparent 25%,rgba(202,39,41,.16) 44%,rgba(255,255,255,.32) 50%,rgba(28,99,183,.19) 56%,transparent 75%);transform:translateX(-120%);animation:ecoFusionLight 1.3s ease .2s both}
.eco-fusion-name{display:block!important;margin-top:6px!important;color:#8fb6ed!important;font-size:.73em!important;font-weight:650!important;letter-spacing:.09em!important;line-height:1.25!important;animation:ecoFusionEnter .65s ease .18s both}
.eco-fusion-ready .splash-brand{font-size:clamp(20px,4vw,30px)!important;letter-spacing:-.025em!important;line-height:1.15!important}
.eco-fusion-ready .splash-sub{font-size:13px!important;line-height:1.4!important;margin-top:9px!important}
.eco-fusion-ready .client-intro-mark{width:190px!important;height:108px!important;border-radius:28px!important;position:relative;animation:ecoFusionEnter .85s cubic-bezier(.2,.8,.2,1) both!important}
.eco-fusion-ready .client-intro-copy strong{font-size:clamp(24px,5vw,38px)!important;letter-spacing:.03em!important}
.eco-fusion-ready .client-intro-copy .eco-fusion-name{animation:ecoFusionEnter .65s ease .25s both!important}
.eco-fusion-ready .client-intro-copy>span{font-size:10px!important;letter-spacing:.2em!important}
.eco-fusion-ready .client-brand-mark,.eco-fusion-ready .client-login-logo{width:84px!important;min-width:84px!important;height:54px!important;border-radius:16px!important;box-sizing:border-box!important;padding:5px!important}
.eco-fusion-ready .client-brand-mark img,.eco-fusion-ready .client-login-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.eco-fusion-ready .client-brand b{font-size:12px!important;line-height:1.4!important;white-space:normal!important}
.eco-fusion-ready .team-brand>img,.eco-fusion-ready .login-logo{width:84px!important;height:54px!important;object-fit:contain!important;border-radius:16px!important}
.eco-fusion-ready .brand .logo{width:84px!important;min-width:84px!important;height:54px!important}
@keyframes ecoFusionEnter{from{opacity:0;transform:translateY(6px) scale(.93);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}
@keyframes ecoFusionLight{to{transform:translateX(120%)}}
html body.eco-fusion-ready #ecoSideLogo{width:43px!important;min-width:43px!important;height:43px!important;border-radius:14px!important}
@media(max-width:1099px){html body.eco-fusion-ready .eco-owner-mobile-header{grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr)!important}html body.eco-fusion-ready .eco-owner-mobile-header #heroLogoBox{width:96px!important;min-width:96px!important;height:72px!important;padding:6px!important}}
@media(max-width:480px){html body.eco-fusion-ready .splash-brand-lockup{gap:13px!important}html body.eco-fusion-ready .splash-logo-ring{width:100px!important;min-width:100px!important;height:70px!important;padding:5px!important;border-radius:20px!important}html body.eco-fusion-ready .splash-brand{font-size:20px!important}html body.eco-fusion-ready .splash-sub{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){html body.eco-fusion-ready .splash-logo-ring,html body.eco-fusion-ready .eco-fusion-name,html body.eco-fusion-ready .client-intro-mark{animation:none!important}html body.eco-fusion-ready .splash-logo-ring::after,html body.eco-fusion-ready .client-intro-mark::after{display:none!important}}

.eco-fusion-ready .client-brand{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important}
.eco-fusion-ready .client-brand>span:last-child{min-width:0!important}
}


@layer eco-mobile-material {
html body.eco-fusion-ready :is(.splash-logo-ring,.client-intro-mark,.client-brand-mark,.client-login-logo,#heroLogoBox,#ecoSideLogo,.brand .logo){background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html body.eco-fusion-ready :is(.splash-logo-ring,.client-intro-mark)::after{display:none!important}
html body.eco-fusion-ready :is(.splash-logo-ring,.client-intro-mark){animation:none!important;transform:none!important}
html body.eco-fusion-ready .client-intro{display:none!important}
html body.eco-fusion-ready.client-portal-page:not(.client-authenticated) #clientHeader{display:none!important}
html body.eco-fusion-ready :is(.splash-logo-ring,.client-login-logo,#heroLogoBox) img{filter:none!important}
/* El símbolo y su nombre comparten una sola transformación y el mismo recorte. */
html body.eco-fusion-ready .eco-brand-cinema{position:fixed!important;inset:0!important;z-index:2147482500!important;background:#080b0f!important;display:grid!important;place-items:center!important;overflow:hidden!important;pointer-events:none!important;animation:ecoCinemaExit .5s ease 3.8s forwards!important}
html body.eco-fusion-ready .eco-brand-cinema::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 32% 50%,rgba(151,20,37,.09),transparent 34%),radial-gradient(ellipse at 68% 50%,rgba(15,91,190,.13),transparent 34%)}
html body.eco-fusion-ready .eco-cinema-stage{--mark-size:clamp(44px,11.2vw,84px);--brand-gap:clamp(8px,2vw,22px);position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(10px,3vw,32px);width:max-content;max-width:96vw;isolation:isolate}
html body.eco-fusion-ready .eco-cinema-stage::after{content:"";position:absolute;left:50%;top:50%;width:1px;height:clamp(30px,6vw,58px);background:linear-gradient(transparent,#b1b7c2,transparent);transform:translate(-50%,-50%);animation:ecoCinemaSeam 2.6s ease both}
html body.eco-fusion-ready .eco-cinema-half{overflow:hidden;padding:24px 0}
html body.eco-fusion-ready .eco-cinema-group{display:flex;align-items:center;gap:var(--brand-gap);width:max-content;will-change:transform}
html body.eco-fusion-ready .eco-cinema-mark{flex:none;position:relative;isolation:isolate;width:var(--mark-size);height:var(--mark-size)}
html body.eco-fusion-ready .eco-cinema-mark img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transform:none;animation:none}
html body.eco-fusion-ready .eco-cinema-building::before{display:none}
html body.eco-fusion-ready .eco-cinema-word{display:block;white-space:nowrap;font:600 clamp(14px,3.6vw,29px)/1.15 -apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:.025em;color:#eef0f5}
html body.eco-fusion-ready .eco-cinema-right .eco-cinema-word{color:#aacbff}
html body.eco-fusion-ready .eco-cinema-left .eco-cinema-group{animation:ecoBrandLeft 1.8s cubic-bezier(.16,.8,.25,1) .65s both}
html body.eco-fusion-ready .eco-cinema-right .eco-cinema-group{animation:ecoBrandRight 1.8s cubic-bezier(.16,.8,.25,1) .65s both}
@keyframes ecoBrandLeft{from{transform:translateX(105%)}to{transform:translateX(0)}}
@keyframes ecoBrandRight{from{transform:translateX(-105%)}to{transform:translateX(0)}}
@keyframes ecoCinemaSeam{0%{opacity:0}15%,40%{opacity:.7}100%{opacity:0}}
@keyframes ecoCinemaExit{to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){html body.eco-fusion-ready .eco-brand-cinema{display:none!important}}
}

@layer eco-mobile-material {
/* A71 · un acceso, dos marcas alineadas, sin segunda portada. */
html body.eco-fusion-ready #appSplash{background:#101416!important;overflow-y:auto!important;padding:32px 20px!important}
html body.eco-fusion-ready #splashStage{width:min(320px,100%)!important;flex:none!important;opacity:1!important;animation:none!important;transform:none!important}
html body.eco-fusion-ready .splash-brand-lockup{display:grid!important;grid-template-columns:1fr!important;gap:16px!important;width:max-content!important;max-width:100%!important;margin:0 auto!important}
html body.eco-fusion-ready .eco-access-brand{display:flex!important;align-items:center!important;gap:16px!important;min-width:0!important}
html body.eco-fusion-ready .eco-access-brand img{display:block!important;width:54px!important;height:54px!important;flex:none!important;object-fit:contain!important;filter:none!important}
html body.eco-fusion-ready .splash-brand{font:650 clamp(20px,5.8vw,25px)/1.2 -apple-system,BlinkMacSystemFont,sans-serif!important;letter-spacing:.015em!important;color:#f0f1f5!important;opacity:1!important;animation:none!important;white-space:nowrap!important}
html body.eco-fusion-ready .splash-brand.eco-access-hidromec{color:#8fb6ed!important;letter-spacing:.08em!important}
html body.eco-fusion-ready .splash-sub{margin:4px 0 0!important;text-align:center!important;font-size:12px!important;line-height:1.5!important;letter-spacing:0!important;color:#aaa5af!important;opacity:1!important;animation:none!important}
html body.eco-fusion-ready .splash-login-card{margin-top:32px!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
html body.eco-fusion-ready .splash-login-card::before,html body.eco-fusion-ready .splash-login-card::after{display:none!important}
html body.eco-fusion-ready #btnGoogle.splash-google-btn{min-height:50px!important;border-radius:15px!important;background:linear-gradient(180deg,#293034,#1c2225)!important;color:#eeeae3!important;border:1px solid rgba(235,230,221,.16)!important;box-shadow:0 7px 20px rgba(0,0,0,.22)!important;font-size:14px!important}
html body.eco-fusion-ready #btnGoogle.splash-google-btn:focus-visible{outline:3px solid #8fb6ed!important;outline-offset:4px!important}
html body.eco-fusion-ready .splash-login-security{margin:14px 0 0!important;font-size:11px!important;color:#aaa5af!important}
html body.eco-fusion-ready .splash-login-msg:empty{display:none!important}
/* Más presencia para las marcas del portal; las barras conservan sus medidas. */
html body.eco-fusion-ready .client-login-logo{width:184px!important;min-width:184px!important;height:96px!important;padding:0!important;margin:24px auto 22px!important;overflow:visible!important;filter:none!important}
html body.eco-fusion-ready .client-login-logo img{filter:none!important;transform:none!important}
@media(prefers-reduced-motion:no-preference){
 html body.eco-fusion-ready .client-login-logo,html body.eco-fusion-ready .eco-access-brand img{animation:ecoMarkFloat 5.6s ease-in-out infinite!important;will-change:transform}
 html body.eco-fusion-ready .eco-access-brand:nth-child(2) img{animation-delay:-1.4s!important}
 html body.eco-fusion-ready .client-signal span{animation:ecoSignalBreathe 1.8s ease-in-out infinite!important;transform-origin:center bottom!important}
 html body.eco-fusion-ready .client-signal span:nth-child(2){animation-delay:.2s!important}
 html body.eco-fusion-ready .client-signal span:nth-child(3){animation-delay:.4s!important}
}
@keyframes ecoMarkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes ecoSignalBreathe{0%,100%{opacity:.45;transform:scaleY(.65)}50%{opacity:1;transform:scaleY(1)}}
@media(prefers-reduced-motion:reduce){html body.eco-fusion-ready .client-login-logo,html body.eco-fusion-ready .eco-access-brand img,html body.eco-fusion-ready .client-signal span{animation:none!important;transform:none!important}}
}

@layer eco-mobile-material {
/* A72 · acceso móvil con dos símbolos circulares y una sola descripción. */
html body.eco-fusion-ready #btnGoogle.splash-google-btn svg{display:block!important;flex:none!important;width:20px!important;height:20px!important;filter:none!important;background:transparent!important}
html body.eco-fusion-ready #btnGoogle.splash-google-btn svg path{stroke:none!important;opacity:1!important}
html body.eco-fusion-ready #btnGoogle.splash-google-btn svg path[fill="#4285F4"]{fill:#4285f4!important}
html body.eco-fusion-ready #btnGoogle.splash-google-btn svg path[fill="#34A853"]{fill:#34a853!important}
html body.eco-fusion-ready #btnGoogle.splash-google-btn svg path[fill="#FBBC05"]{fill:#fbbc05!important}
html body.eco-fusion-ready #btnGoogle.splash-google-btn svg path[fill="#EA4335"]{fill:#ea4335!important}
@media(max-width:640px){
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-brand-lockup{grid-template-columns:72px 72px!important;justify-content:center!important;column-gap:24px!important;row-gap:20px!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand{justify-content:center!important;gap:0!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand img{width:72px!important;height:72px!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand:nth-child(2) img{animation-delay:0s!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-brand{display:none!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-sub{grid-column:1/-1!important;white-space:nowrap!important}
}
}


@layer eco-mobile-material {
/* A76 · el acceso conserva la disposición final de la entrada cinematográfica. */
html body.eco-entry-playing #appSplash #splashStage{visibility:hidden!important;opacity:0!important}
@media(min-width:641px){
 html body.eco-fusion-ready #appSplash #splashStage{width:min(760px,100%)!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-brand-lockup{grid-template-columns:max-content max-content!important;column-gap:clamp(18px,2.4vw,32px)!important;row-gap:18px!important;align-items:center!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand{gap:clamp(12px,1.8vw,22px)!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand:nth-child(2){flex-direction:row-reverse!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand img{width:clamp(54px,7vw,84px)!important;height:clamp(54px,7vw,84px)!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand:nth-child(2) img{animation-delay:0s!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-brand{font-size:clamp(20px,2.7vw,29px)!important;font-weight:600!important;letter-spacing:.025em!important}
 html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-sub{grid-column:1/-1!important}
 html body.eco-fusion-ready #appSplash .splash-login-card{width:min(320px,100%)!important;margin-left:auto!important;margin-right:auto!important}
}
@media(prefers-reduced-motion:no-preference){
 html body.eco-entry-complete :is(#appSplash,#clientLogin) .splash-brand-lockup{animation:ecoAccessReveal .7s cubic-bezier(.16,.8,.25,1) both!important}
 html body.eco-entry-complete #appSplash .splash-login-card{animation:ecoAccessReveal .7s cubic-bezier(.16,.8,.25,1) .18s both!important}
 html body.eco-entry-complete #btnGoogle.splash-google-btn svg{animation:ecoGoogleReveal .65s cubic-bezier(.16,.8,.25,1) .3s both!important}
}
@keyframes ecoAccessReveal{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes ecoGoogleReveal{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}
}


@layer eco-mobile-material {
/* A77 · marcas alineadas sobre el mismo eje, luz suave y acceso más simple. */
html body.eco-fusion-ready #appSplash{overflow-x:hidden!important}
html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-brand-lockup{--halo-mark:clamp(54px,7vw,84px);--seam-gap:clamp(18px,2.4vw,32px);position:relative!important;isolation:isolate!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;column-gap:0!important}
html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand{position:relative!important;isolation:isolate!important;width:max-content!important}
html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand:first-child{justify-self:end!important;justify-content:flex-end!important;padding-right:calc(var(--seam-gap)/2)!important}
html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand:nth-child(2){justify-self:start!important;justify-content:flex-end!important;padding-left:calc(var(--seam-gap)/2)!important}
html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand::before{content:"";position:absolute;top:calc(var(--halo-mark)/2);width:360px;height:300px;z-index:-1;pointer-events:none;filter:blur(24px)}
html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand:first-child::before{left:calc(var(--halo-mark)/2);transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,rgba(151,20,37,.15) 0%,rgba(151,20,37,.105) 30%,rgba(151,20,37,.04) 60%,rgba(151,20,37,.01) 82%,transparent 100%)}
html body.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand:nth-child(2)::before{right:calc(var(--halo-mark)/2);transform:translate(50%,-50%);background:radial-gradient(ellipse at center,rgba(15,91,190,.18) 0%,rgba(15,91,190,.126) 30%,rgba(15,91,190,.048) 60%,rgba(15,91,190,.012) 82%,transparent 100%)}
html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-brand-lockup::after{content:"";position:absolute;left:50%;top:calc(var(--halo-mark)/2);width:1px;height:calc(var(--halo-mark)*.8);transform:translate(-50%,-50%);background:linear-gradient(transparent,rgba(177,183,194,.38) 25%,rgba(177,183,194,.38) 75%,transparent);pointer-events:none}
html body.eco-fusion-ready .eco-cinema-stage{display:grid!important;grid-template-columns:max-content max-content!important;gap:0!important;--seam-gap:clamp(10px,3vw,32px)}
html body.eco-fusion-ready .eco-cinema-half{display:flex!important;min-width:0!important;box-sizing:border-box!important;width:max-content!important}
html body.eco-fusion-ready .eco-cinema-left{justify-self:end!important;justify-content:flex-end!important;padding-right:calc(var(--seam-gap)/2)!important}
html body.eco-fusion-ready .eco-cinema-right{justify-self:start!important;justify-content:flex-start!important;padding-left:calc(var(--seam-gap)/2)!important}
html body.eco-fusion-ready .eco-cinema-group{flex:0 0 auto!important}
html body.eco-fusion-ready .eco-cinema-stage::after{grid-column:2;left:0;height:var(--mark-size)!important;animation:ecoSeamIn .6s ease .1s both!important;background:linear-gradient(transparent,rgba(177,183,194,.38) 25%,rgba(177,183,194,.38) 75%,transparent)!important}
html body.eco-fusion-ready :is(.eco-cinema-word,:is(#appSplash,#clientLogin) .splash-brand,:is(#appSplash,#clientLogin) .splash-sub,#btnGoogle.splash-google-btn){font-family:var(--eco-font,-apple-system,BlinkMacSystemFont,sans-serif)!important}
html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-sub{font-size:clamp(16px,2vw,18px)!important;font-weight:500!important;line-height:1.5!important;color:#b8b5bf!important;margin-top:7px!important}
html body.eco-fusion-ready #appSplash .splash-login-card{align-items:center!important;margin-top:27px!important}
html body.eco-fusion-ready #btnGoogle.splash-google-btn{width:auto!important;min-width:216px!important;min-height:48px!important;padding:11px 18px!important;gap:10px!important;background:transparent!important;border:0!important;border-radius:999px!important;box-shadow:none!important;font-size:16px!important;font-weight:500!important}
html body.eco-fusion-ready #btnGoogle.splash-google-btn:hover{background:rgba(255,255,255,.045)!important;box-shadow:none!important}
html body.eco-fusion-ready #btnGoogle.splash-google-btn:active{background:rgba(255,255,255,.065)!important}
@keyframes ecoSeamIn{from{opacity:0}to{opacity:1}}
@media(max-width:640px){html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-brand-lockup{--halo-mark:72px;--seam-gap:24px;grid-template-columns:84px 84px!important;column-gap:0!important}}
@media(max-width:340px){html body.eco-fusion-ready .eco-cinema-stage{max-width:100vw!important}}
}


@layer eco-mobile-material {
/* A78 · portal con la misma marca y una transición continua en móvil. */
html body.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-sub{justify-self:center!important;width:max-content!important;min-width:0!important;max-width:calc(100vw - 40px)!important}
html body.eco-fusion-ready.client-portal-page #clientLogin{width:min(820px,100%)!important;margin:28px auto 0!important;padding:32px 36px!important;border-radius:28px!important;background-color:#1b2021!important;background-image:linear-gradient(150deg,rgba(255,255,255,.045),transparent 55%)!important;border:1px solid rgba(235,230,221,.12)!important;box-shadow:0 18px 48px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.045)!important;overflow:hidden!important;transform:none!important;animation:none!important}
html body.eco-fusion-ready.client-portal-page #clientLogin[hidden]{display:none!important}
html body.eco-entry-playing.client-portal-page #clientLogin{visibility:hidden!important;opacity:0!important}
html body.eco-fusion-ready #clientLogin .client-signal{height:12px!important;margin-bottom:14px!important}
html body.eco-fusion-ready #clientLogin .client-access-lockup{--halo-mark:clamp(54px,7vw,72px);margin-bottom:26px!important;row-gap:18px!important}
html body.eco-fusion-ready #clientLogin .eco-access-brand{gap:clamp(12px,1.6vw,20px)!important}
html body.eco-fusion-ready #clientLogin .eco-access-brand:nth-child(2){flex-direction:row-reverse!important}
html body.eco-fusion-ready #clientLogin .eco-access-brand img{width:clamp(54px,7vw,72px)!important;height:clamp(54px,7vw,72px)!important;animation-delay:0s!important}
html body.eco-fusion-ready #clientLogin .splash-brand{font-size:clamp(18px,2.4vw,25px)!important;font-weight:600!important;letter-spacing:.025em!important}
html body.eco-fusion-ready #clientLogin .client-kicker{font-size:10px!important;letter-spacing:.18em!important}
html body.eco-fusion-ready #clientLogin h1{font-size:clamp(28px,3.6vw,40px)!important;line-height:1.12!important;max-width:620px!important;margin:12px auto 14px!important;overflow-wrap:normal!important}
html body.eco-fusion-ready #clientLogin>p{font-size:14px!important;line-height:1.6!important;max-width:510px!important;margin-bottom:22px!important}
html body.eco-fusion-ready #clientLoginForm{width:100%!important;max-width:440px!important;margin:0 auto!important;gap:14px!important}
html body.eco-fusion-ready #clientLoginForm label{font-size:12px!important;font-weight:500!important}
html body.eco-fusion-ready #clientLoginForm input{min-height:46px!important;padding:12px 14px!important;border-radius:14px!important;font-size:16px!important}
html body.eco-fusion-ready #clientLoginForm .client-password-field input{padding-right:82px!important}
html body.eco-fusion-ready #clientLoginForm .client-primary{min-height:48px!important;padding:12px 18px!important;border-radius:15px!important;font-size:15px!important;font-weight:600!important;box-shadow:0 7px 18px rgba(0,0,0,.16)!important}
html body.eco-fusion-ready #clientReset{min-height:44px!important;font-size:13px!important}
html body.eco-fusion-ready #clientLoginStatus:empty{display:none!important}
html body.eco-fusion-ready #clientLogin .client-security{display:block!important;font-size:11px!important;line-height:1.5!important}
html body.eco-fusion-ready.client-authenticated #clientHeader .client-brand-mark{width:100px!important;min-width:100px!important;height:46px!important;padding:0!important;transform:none!important}
html body.eco-fusion-ready.client-authenticated #clientHeader .client-brand-mark img{width:100%!important;height:100%!important;transform:none!important;filter:none!important}
@media(max-width:640px){
 html body.eco-fusion-ready.client-portal-page #clientLogin{width:100%!important;margin-top:16px!important;padding:24px 18px!important;border-radius:24px!important}
 html body.eco-fusion-ready #clientLogin .client-access-lockup{--halo-mark:72px;margin-bottom:22px!important}
 html body.eco-fusion-ready #clientLogin .eco-access-brand{gap:0!important}
 html body.eco-fusion-ready #clientLogin .eco-access-brand img{width:72px!important;height:72px!important}
 html body.eco-fusion-ready #clientLogin h1{font-size:28px!important;line-height:1.16!important}
 html body.eco-fusion-ready.client-authenticated #clientHeader .client-brand-mark{width:78px!important;min-width:78px!important;height:36px!important}
 html body.eco-fusion-ready.client-authenticated #clientHeader .client-brand>span:last-child{display:none!important}
 html body.eco-fusion-ready.client-authenticated #clientHeader{align-items:center!important}
 html body.eco-fusion-ready.client-authenticated #clientHeader .client-header-actions button{min-height:44px!important;padding:9px 12px!important}
}
@media(prefers-reduced-motion:no-preference){
 html body.eco-entry-complete.client-portal-page #clientLogin{animation:ecoAccessReveal .7s cubic-bezier(.16,.8,.25,1) both!important}
 html body.eco-entry-complete.client-portal-page #clientLoginForm{animation:ecoAccessReveal .7s cubic-bezier(.16,.8,.25,1) .14s both!important}
 html body.eco-entry-complete :is(#appSplash,#clientLogin) .splash-sub>span{display:inline-block!important;animation:ecoTaglineIn .8s cubic-bezier(.16,.8,.25,1) .22s both!important}
}
@keyframes ecoTaglineIn{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}
}

@layer eco-mobile-material {
/* A84 · la descripción entra hacia abajo desde la presentación inicial. */
html body.eco-fusion-ready .eco-cinema-frame{position:relative;width:max-content;max-width:100vw}
html body.eco-fusion-ready .eco-cinema-tagline{position:absolute;top:calc(100% + 4px);left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);margin:0;padding:0 0 6px;overflow:hidden;text-align:center;color:#b8b5bf;font:500 clamp(16px,2vw,18px)/1.5 var(--eco-font,-apple-system,BlinkMacSystemFont,sans-serif);letter-spacing:0}
html body.eco-fusion-ready .eco-cinema-tagline>span{display:block;animation:ecoTaglineIn .9s cubic-bezier(.16,.8,.25,1) 2.05s both}
html body.eco-fusion-ready .eco-legal-footer{position:static!important;display:block!important;width:100%!important;max-width:760px!important;box-sizing:border-box!important;margin:0 auto!important;padding:24px 12px 8px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:center!important;color:#92949d!important;font:400 10px/1.65 var(--eco-font,-apple-system,BlinkMacSystemFont,sans-serif)!important;letter-spacing:.01em!important;overflow-wrap:anywhere}
html body.eco-fusion-ready .eco-legal-footer>span{display:block!important;font:inherit!important;color:inherit!important}
html body.eco-fusion-ready:has(#appSplash:not(.splash-hidden))>.container .eco-legal-footer{visibility:hidden!important}
@media print{html body.eco-fusion-ready .eco-legal-footer{display:none!important}}
}

/* Center the visible brand pair, including its unequal names, over the caption. */
@layer eco-mobile-material {
 @media screen {
  html[data-eco-vision] body.eco-vision-theme.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-brand-lockup {
   display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:center!important;
   box-sizing:border-box!important;width:100%!important;max-width:760px!important;margin-left:auto!important;margin-right:auto!important;
   column-gap:var(--seam-gap,24px)!important;row-gap:10px!important;
  }
  html[data-eco-vision] body.eco-vision-theme.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand {
   flex:0 0 auto!important;max-width:100%!important;padding:0!important;justify-content:center!important;
  }
  html[data-eco-vision] body.eco-vision-theme.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-brand-lockup::after {display:none!important;}
  html[data-eco-vision] body.eco-vision-theme.eco-fusion-ready :is(#appSplash,#clientLogin) .eco-access-brand:first-child::after {
   content:"";position:absolute;right:calc(var(--seam-gap,24px)/-2);top:calc(var(--halo-mark)/2);
   width:1px;height:calc(var(--halo-mark)*.8);transform:translateY(-50%);pointer-events:none;
   background:linear-gradient(transparent,rgba(177,183,194,.38) 25%,rgba(177,183,194,.38) 75%,transparent);
  }
  html[data-eco-vision] body.eco-vision-theme.eco-fusion-ready :is(#appSplash,#clientLogin) .splash-sub {
   flex:0 0 100%!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;
   margin:0!important;white-space:normal!important;text-align:center!important;text-wrap:balance;
  }

 }
}

/* Keep both original marks and header controls inside the rounded surface. */
@media screen{
 html body.eco-fusion-ready.client-authenticated #clientHeader{padding:12px 16px!important;gap:16px!important;box-sizing:border-box!important}
 html body.eco-fusion-ready.client-authenticated #clientHeader .client-brand{min-width:0!important;flex-shrink:1!important}
 html body.eco-fusion-ready.client-authenticated #clientHeader .client-brand-mark{flex-shrink:0!important}
 html body.eco-fusion-ready.client-authenticated #clientHeader .client-header-actions{min-width:0!important;gap:10px!important}
}