/* Preview login/registro clientes (7-oct-2026). Paleta piedra; misma gramática que www/repaso. */
#lino .rl{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:56px;padding:16px 56px 96px;align-items:stretch}
#lino .rl [x-cloak]{display:none!important}
#lino .rl-form{display:flex;align-items:center;justify-content:center;padding:48px 0}
#lino .rl-form-inner{width:100%;max-width:420px}
#lino .rl-h{font-family:'Archivo','Helvetica Neue',Arial,sans-serif;font-weight:700;font-variation-settings:'wdth' 125;letter-spacing:-.02em;line-height:1.02;font-size:40px;color:var(--ink);margin:0 0 12px}
#lino .rl-sub{font-size:16px;line-height:1.5;color:var(--muted);margin:0 0 32px;max-width:36ch}
#lino .rl-tabs{display:flex;gap:28px;border-bottom:1px solid var(--line);margin:0 0 28px}
#lino .rl-tabs button{background:none;border:0;padding:0 0 12px;margin:0 0 -1px;font:inherit;font-size:15px;font-weight:500;color:var(--muted);border-bottom:1.5px solid transparent;cursor:pointer;transition:color .15s,border-color .15s}
#lino .rl-tabs button:hover{color:var(--ink)}
#lino .rl-tabs button.on{color:var(--ink);border-bottom-color:var(--ink)}
#lino .rl-f{display:block;margin:0 0 18px}
#lino .rl-f > span:first-child{display:block;font-size:13px;font-weight:500;color:var(--ink);margin:0 0 8px}
#lino .rl-f > span i{font-style:normal;font-weight:400;color:var(--muted);margin-left:4px}
#lino .rl-f em{display:block;font-style:normal;font-size:12.5px;color:var(--muted);margin-top:8px;line-height:1.4}
#lino .rl input[type=email],#lino .rl input[type=text],#lino .rl input[type=tel],#lino .rl input[type=password],#lino .rl input:not([type]){display:block;width:100%;height:50px;padding:0 16px;border:1px solid rgba(var(--ink-rgb),.16);border-radius:12px;background:var(--white);font:inherit;font-size:15px;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none}
#lino .rl input::placeholder{color:rgba(var(--ink-rgb),.35)}
#lino .rl input:focus{border-color:var(--ink);box-shadow:0 0 0 3px rgba(var(--ink-rgb),.06)}
#lino .rl-pass{position:relative;display:block}
#lino .rl-pass input{padding-right:48px!important}
#lino .rl-eye{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:38px;height:38px;display:flex;align-items:center;justify-content:center;background:none;border:0;border-radius:10px;color:var(--muted);cursor:pointer}
#lino .rl-eye:hover{color:var(--ink);background:var(--crema2)}
#lino .rl-code{height:64px!important;font-size:28px!important;letter-spacing:.42em;text-align:center;font-variant-numeric:tabular-nums;padding-left:.42em!important}
#lino .rl-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#lino .rl-btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;margin-top:8px;border:0;border-radius:999px;background:var(--ink);color:var(--white);font:inherit;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .15s}
#lino .rl-btn:hover{opacity:.88}
#lino .rl-btn[disabled]{opacity:.55;cursor:default}
#lino .rl-alt{margin:18px 0 0;font-size:14px;color:var(--muted);text-align:center}
#lino .rl-alt button,#lino .rl-note button,#lino .rl-check a{background:none;border:0;padding:0;font:inherit;color:var(--ink);font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(var(--ink-rgb),.3)}
#lino .rl-alt button:hover,#lino .rl-note button:hover,#lino .rl-check a:hover{text-decoration-color:var(--ink)}
#lino .rl-alt-2{display:flex;justify-content:space-between}
#lino .rl-hint{font-size:13px;color:var(--muted);margin:-6px 0 14px;line-height:1.45}
#lino .rl-hint-c{text-align:center;margin:14px 0 0}
#lino .rl-sent{font-size:14px;color:var(--muted);margin:0 0 18px;padding:14px 16px;background:var(--crema2);border-radius:12px}
#lino .rl-sent strong{color:var(--ink);font-weight:500}
#lino .rl-check{display:grid;grid-template-columns:20px 1fr;gap:10px;align-items:start;margin:4px 0 18px;font-size:13.5px;line-height:1.45;color:var(--muted);cursor:pointer}
#lino .rl-check input{width:18px;height:18px;margin:1px 0 0;accent-color:var(--ink)}
#lino .rl-msg{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:var(--crema2);font-size:14px;line-height:1.45;color:var(--ink)}
#lino .rl-msg-err{background:#FBEDEB;color:#8C1D14}
#lino .rl-msg-err div + div{margin-top:4px}
#lino .rl-note{margin:40px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:13px;line-height:1.5;color:var(--muted)}
#lino .rl-photo{position:relative;margin:0;border-radius:22px;overflow:hidden;min-height:640px;height:calc(100vh - 116px);max-height:860px;background:#0A0A09}
#lino .rl-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:saturate(.85) brightness(.9)}
#lino .rl-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,10,9,.82) 0%,rgba(10,10,9,.35) 45%,rgba(10,10,9,0) 70%)}
#lino .rl-photo figcaption{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:48px;color:var(--blk-fg)}
#lino .rl-eyebrow{display:block;font-size:14px;color:rgba(242,238,232,.72);margin:0 0 14px}
#lino .rl-photo-h{display:block;font-family:'Archivo','Helvetica Neue',Arial,sans-serif;font-weight:700;font-variation-settings:'wdth' 125;letter-spacing:-.02em;line-height:1;font-size:clamp(36px,3.4vw,52px);max-width:14ch;margin:0 0 32px}
#lino .rl-photo ul{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0;padding:22px 0 0;list-style:none;border-top:1px solid rgba(242,238,232,.22)}
#lino .rl-photo li{font-size:13.5px;line-height:1.45;color:rgba(242,238,232,.72)}
#lino .rl-photo li b{display:block;font-size:15px;font-weight:500;color:var(--blk-fg);margin:0 0 4px}
@media (max-width:1100px){#lino .rl{grid-template-columns:1fr 1fr;gap:32px;padding:12px 32px 80px} #lino .rl-photo figcaption{padding:32px} #lino .rl-photo ul{grid-template-columns:1fr;gap:14px}}
@media (max-width:820px){#lino .rl{grid-template-columns:1fr;gap:40px;padding:8px 16px 64px} #lino .rl-form{padding:24px 0 0} #lino .rl-form-inner{max-width:none} #lino .rl-h{font-size:32px} #lino .rl-sub{margin-bottom:28px} #lino .rl-photo{height:auto;min-height:0;aspect-ratio:4/5} #lino .rl-photo figcaption{padding:24px} #lino .rl-photo-h{font-size:28px;margin-bottom:20px}}
@media (max-width:420px){#lino .rl-2{grid-template-columns:1fr;gap:0}}
/* 8-oct: el formulario arranca en la misma línea que el logo de la cabecera (antes iba centrado en su columna) */
#lino .rl-form{justify-content:flex-start}