/* Login-only restored presentation; internal Commerce surfaces are unchanged. */
html body .auth-shell.login-clean-presentation { max-width:1120px!important; grid-template-columns:minmax(0,1fr) minmax(420px,480px)!important; grid-template-areas:"brand brand" "story access"; gap:24px 48px!important; padding:24px 28px 48px!important; }
html body .login-clean-presentation .auth-top-brand { grid-area:brand; }
html body .login-clean-presentation .login-story { grid-area:story; }
html body .login-clean-presentation .auth-card { grid-area:access; }
html body .auth-shell.login-clean-presentation::after { display:none!important; }
@media(max-width:900px) {
 html body .auth-shell.login-clean-presentation { max-width:560px!important; grid-template-columns:minmax(0,1fr)!important; grid-template-areas:"brand" "access" "story"; gap:12px!important; padding:14px!important; }
}

/* Individual system presentations recovered from their historical login screens. */
.login-clean-presentation .login-story { position:relative; isolation:isolate; align-self:center; min-width:0; display:flex; flex-direction:column; align-items:flex-start; gap:20px; padding:32px 28px; border:0; background:transparent; }
.login-clean-presentation .login-story-copy { width:100%; max-width:490px; position:relative; z-index:1; }
.login-clean-presentation .login-story-kicker { display:block; margin:0 0 18px; color:#08769c; font:700 12px/1.5 Montserrat,Arial,sans-serif; letter-spacing:.1em; text-transform:uppercase; }
.login-clean-presentation .login-story-title { margin:0 0 20px; color:#172438; font:700 clamp(30px,3.1vw,42px)/1.15 Montserrat,Arial,sans-serif; letter-spacing:-.035em; text-transform:none; overflow-wrap:normal; }
.login-clean-presentation .login-story-summary { display:block; max-width:460px; margin:0; color:#536171; font:400 16px/1.75 "Open Sans",Arial,sans-serif; }
.login-clean-presentation .login-story-art { display:block; position:relative; inset:auto; width:220px; height:190px; margin:4px 8px 0 auto; object-fit:contain; opacity:1; transform:none; animation:none; filter:none; pointer-events:none; user-select:none; }
.login-clean-presentation .login-story-pillars { display:flex; flex-wrap:wrap; gap:12px 22px; margin:24px 0 0; }
.login-clean-presentation .login-story-pillars span { display:flex; align-items:center; gap:8px; font:700 12px/1.5 Montserrat,Arial,sans-serif; letter-spacing:.03em; color:#3f4c58; }
.login-clean-presentation .login-story-pillars span::before { content:""; width:15px; height:3px; background:#00aeef; }
.login-clean-presentation .login-story-pillars span:nth-child(2)::before { background:#ffcc32; }
.login-clean-presentation .login-story-pillars span:nth-child(3)::before { background:#ec2632; }
@media(max-width:900px) {
 .login-clean-presentation .login-story { width:100%; padding:28px 14px 12px; gap:16px; border-top:1px solid #dce4e8; }
 .login-clean-presentation .login-story-kicker { margin-bottom:12px; font-size:12px; }
 .login-clean-presentation .login-story-title { font-size:28px; margin-bottom:14px; }
 .login-clean-presentation .login-story-summary { font-size:16px; line-height:1.65; }
 .login-clean-presentation .login-story-art { width:154px; height:140px; margin-top:0; }
 .login-clean-presentation .login-story-pillars { gap:12px 18px; margin-top:18px; }
}

html body .auth-shell.login-clean-presentation { --login-symbol:url('/brand/consult-imagotipo-3d.png'); }
/* The sound engine and authenticated controls remain unchanged; no sound badge in the login footer. */
html body .auth-shell.login-clean-presentation .auth-card .consult-sound-control,
html body .auth-shell.login-clean-presentation .auth-card .consult-sound-required { display:none!important; }
@media(min-width:901px) {
 html body .auth-shell.login-clean-presentation { width:100%!important; max-width:none!important; grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr)!important; grid-template-rows:140px 1fr!important; grid-template-areas:"brand access" "story access"; gap:28px clamp(36px,5vw,80px)!important; padding:42px clamp(32px,5vw,84px) 48px!important; }
 html body .login-clean-presentation .auth-top-brand { justify-content:flex-start; align-self:start; }
 html body .login-clean-presentation .auth-top-brand img { width:min(480px,100%); height:140px; object-position:left center; }
 html body .login-clean-presentation .auth-card { width:100%!important; max-width:520px!important; justify-self:center; }
}

/* Full-width login identity: desktop brand left, access right; mobile keeps access first. */
.login-clean-presentation::before { content:""; position:fixed; inset:0 0 auto; height:4px; width:100%; z-index:30; background:linear-gradient(90deg,#00aeef 0 34%,#ffcc32 34% 58%,#ed1c24 58% 78%,#4e4e4e 78%); pointer-events:none; }
.login-clean-presentation .login-story { overflow:visible; }
.login-clean-presentation .login-story::after { content:""; position:absolute; z-index:-1; pointer-events:none; user-select:none; width:clamp(400px,48vw,760px); height:clamp(400px,48vw,760px); right:-8%; top:-16%; background:var(--login-symbol) center/contain no-repeat; opacity:.055; }
@media(min-width:901px) {
 .login-clean-presentation .login-story { align-self:start; padding:0; gap:28px; }
 .login-clean-presentation .login-story-copy { max-width:600px; }
 .login-clean-presentation .login-story-title { font-size:clamp(32px,3.1vw,48px); }
 .login-clean-presentation .login-story-summary { max-width:550px; }
 .login-clean-presentation .login-story-art { width:clamp(280px,27vw,380px); height:310px; max-width:100%; margin:0 4% 0 auto; }
}
@media(max-width:900px) {
 .login-clean-presentation .login-story { overflow:hidden; }
 .login-clean-presentation .login-story::after { width:420px; height:420px; top:5%; right:-100px; opacity:.045; }
 .login-clean-presentation .login-story-art { width:180px; height:164px; }
}