.split{display:grid;grid-template-columns:minmax(320px,520px) 1fr;min-height:100vh}
.side{display:flex;flex-direction:column;padding:28px clamp(20px,4vw,52px);background:var(--bg)}
.side-top{display:flex;justify-content:space-between;align-items:center}
.panel{margin:auto 0;padding:40px 0;max-width:400px;width:100%}
.greet{font-size:clamp(30px,4vw,42px);margin:12px 0 28px;letter-spacing:-.04em;line-height:1.05}
.greet #hola{color:var(--ink)}
.panel .btn{width:100%;margin-top:4px}
.small{font-size:13px}
.legal{margin-top:auto}
.legal a{color:var(--muted)}
.art{position:relative;border-left:1px solid var(--line);background:var(--card);overflow:hidden}
.art .bn{position:absolute;inset:0;border:0;border-radius:0;min-height:100%}
.art .bn-text{display:none}
.art .bn-art{border:0;position:absolute;inset:0}
@media (max-width:860px){.split{grid-template-columns:1fr}.art{display:none}}