/* Acceso: marco de la hoja (tipografía, geometría del panel y campos).
   FASE 19 (2026-11-01): fuera la escena 3D (sf-login-ciudad.js), el lienzo
   .lc-gl y el fondo #03040A; el suelo público lo pone sf-mate.css (sólido
   #0F1116). El formulario de 4 pasos conserva sus clases lg-* y su JS. */

html.sf-seda body.lc-body{overflow:hidden;min-height:100dvh;
  --lc-o:#FF6A1A;--lc-m:#D63CB0;--lc-b:#2F7BFF;
  --lc-display:"Bahnschrift","DIN Alternate","Segoe UI Variable Display","Segoe UI",system-ui,sans-serif;
  --lc-text:"Segoe UI Variable Text","Segoe UI",system-ui,sans-serif}

/* Panel: hoja de acceso */
html.sf-seda body.lc-body>.lc-acceso{position:fixed;z-index:2;inset:0;display:grid;align-items:end;justify-items:end;padding:clamp(14px,2.6vw,44px);overflow:hidden;pointer-events:none}
.lc-panel{position:relative;width:min(540px,100%);max-height:100%;padding:30px 36px 26px 56px;pointer-events:auto;outline:0;color:var(--lc-ink)}

/* el contenedor heredado deja de ser una tarjeta */
html.sf-seda .lc-panel .lg-card,html.sf-seda .lc-panel .fg-card{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:0 4px 4px 6px!important;width:auto!important;max-height:calc(100dvh - 80px);overflow-y:auto;scrollbar-width:thin;
  -webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important}
html.sf-seda .lc-panel .lg-card::before,html.sf-seda .lc-panel .lg-card::after,html.sf-seda .lc-panel .fg-card::before,html.sf-seda .lc-panel .fg-card::after{display:none!important}

.lc-panel .lg-form-head{margin-bottom:12px}
.lc-panel .sf-logo{width:64px;height:64px;border-radius:0;object-fit:contain;filter:none}
.lc-panel .fg-brand{gap:12px}
.lc-panel .fg-brand b{font:600 19px var(--lc-display)}
.lc-panel .fg-brand{color:var(--lc-ink)}
.lc-panel .fg-back{font:600 13px var(--lc-text);color:#454C5C}
.lc-h1{margin:0 0 6px;font:600 clamp(30px,3.1vw,44px)/1.04 var(--lc-display);letter-spacing:-.02em;color:var(--lc-ink)}
.lc-sub{margin:0 0 16px;max-width:38ch;font:400 15px/1.45 var(--lc-text);color:#454C5C}

.lc-panel .lg-steps{margin-bottom:14px}
.lc-panel .lg-panel-title{margin:0 0 4px;font:600 18px var(--lc-display);color:var(--lc-ink)}
.lc-panel .lg-panel-hint{margin:0 0 12px;font:400 14px/1.45 var(--lc-text);color:#5A6172}
.lc-panel .lg-field label{font:600 13px var(--lc-text);color:#394258}
html.sf-seda .lc-panel .lg-card .lg-input{border:0!important;border-bottom:1.5px solid var(--lc-ink)!important;border-radius:0!important;background:transparent!important;height:46px;padding-left:2px;font:500 17px var(--lc-text);color:var(--lc-ink);box-shadow:none}
html.sf-seda .lc-panel .lg-card .lg-input:focus,html.sf-seda .lc-panel .lg-card .lg-input:focus-visible{border-bottom-color:var(--lc-b)!important;box-shadow:0 2px 0 var(--lc-b)!important;outline:0}
html.sf-seda .lc-panel .lg-card .lg-btn.primary{height:52px;border:0!important;border-radius:6px!important;font:600 16px var(--lc-text);color:#fff!important;
  background:linear-gradient(95deg,var(--lc-o),var(--lc-m) 55%,var(--lc-b))!important;box-shadow:0 14px 30px -14px rgba(214,60,176,.7)}
html.sf-seda .lc-panel .lg-card .lg-btn.primary:disabled{background:linear-gradient(95deg,#F2C2A6,#EBBBDD 55%,#B9CDF6)!important;color:#5A4A58!important;box-shadow:none;opacity:1}
html.sf-seda .lc-panel .lg-card .lg-btn.primary:focus-visible{outline:3px solid var(--lc-ink);outline-offset:3px}
.lc-panel .lg-btn.ghost{font:600 14px var(--lc-text)}
.lc-panel .lg-actions{margin-top:10px}
.lc-panel .lg-alt{font:600 13.5px var(--lc-text);color:var(--lc-ink)}
.lc-panel .lg-foot{margin-top:12px;padding-top:10px;border-top:1px solid #D5D9E3}
.lc-panel .lg-copy,.lc-panel .fg-legal a{font:500 12px var(--lc-text);color:#5A6172}

@media (max-height:820px){.lc-sub{display:none}.lc-panel{padding-top:22px;padding-bottom:18px}}
@media (max-width:900px){
  .lc-acceso{align-items:end;justify-items:stretch;padding:0 8px 8px}
  .lc-panel{width:100%;padding:16px 16px 10px;max-height:62dvh;overflow:auto}
  .lc-sub,.lc-panel .lg-steps{display:none}
  .lc-h1{font-size:26px;margin-bottom:8px}
  .lc-panel .sf-logo{width:44px;height:44px}
  .lc-panel .fg-brand b{font-size:16px}
  .lc-panel .lg-form-head{margin-bottom:6px}
  .lc-panel .lg-panel-hint{display:none}
  html.sf-seda .lc-panel .lg-card .lg-input{height:42px}
  html.sf-seda .lc-panel .lg-card .lg-btn.primary{height:46px}
  .lc-panel .lg-foot{margin-top:6px;padding-top:6px}
  .lc-panel::before{inset:0;-webkit-mask:none;mask:none;background:rgba(255,255,255,.97);border-radius:16px}
}
@media (prefers-reduced-motion:reduce){.lc-panel *{transition:none!important}}

/* ───── Registro: mismo marco que el acceso (escena 3D + panel a la derecha) ───── */
.lc-ancho{width:min(680px,100%)}
html.sf-seda .lc-registro .lc-panel .fg-card{max-height:calc(100dvh - 140px);padding-bottom:26px!important;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 26px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 26px),transparent)}
.lc-registro .fg-step h1{margin:8px 0 4px;font:600 clamp(28px,2.8vw,40px)/1.05 var(--lc-display);letter-spacing:-.02em;color:var(--lc-ink)}
.lc-registro .fg-sub{font:400 14px/1.45 var(--lc-text);color:#454C5C}
.lc-registro .fg-pill{background:linear-gradient(95deg,var(--lc-o),var(--lc-m) 55%,var(--lc-b));color:#fff}
.lc-registro .fg-form{gap:12px}
.lc-registro .fg-field label{font:600 13px var(--lc-text);color:#394258}
html.sf-seda .lc-registro .lc-panel .fg-input{border:0!important;border-bottom:1.5px solid var(--lc-ink)!important;border-radius:0!important;background:transparent!important;height:44px;padding-left:2px;font:500 17px var(--lc-text);color:var(--lc-ink);box-shadow:none}
html.sf-seda .lc-registro .lc-panel .fg-input:focus{border-bottom-color:var(--lc-b)!important;box-shadow:0 2px 0 var(--lc-b)!important;outline:0}
html.sf-seda .lc-registro .lc-panel .fg-power{background:#fff;border:1.5px solid #D5D9E3;border-radius:10px;padding:12px;box-shadow:none}
html.sf-seda .lc-registro .lc-panel .fg-power:hover{border-color:var(--lc-m)}
html.sf-seda .lc-registro .lc-panel .fg-power.on{border-color:var(--lc-b)!important;background:linear-gradient(160deg,#EEF3FF,#FFF0F7)!important;box-shadow:0 0 0 3px rgba(47,123,255,.2)!important}
.lc-registro .fg-power .pn{font:600 14px var(--lc-display)}
.lc-registro .fg-power .pp{font:600 22px var(--lc-display)}
html.sf-seda .lc-registro .lc-panel .fg-btn.accent{height:50px;border:0!important;border-radius:6px!important;font:600 16px var(--lc-text);color:#fff!important;background:linear-gradient(95deg,var(--lc-o),var(--lc-m) 55%,var(--lc-b))!important;box-shadow:0 14px 30px -14px rgba(214,60,176,.7)}
html.sf-seda .lc-registro .lc-panel .fg-btn.accent:disabled{background:linear-gradient(95deg,#F2C2A6,#EBBBDD 55%,#B9CDF6)!important;color:#5A4A58!important;box-shadow:none;opacity:1}
.lc-registro .lg-copy{display:none}
@media (min-width:901px){
  .lc-registro .lc-acceso{align-items:center}
  .lc-registro .fg-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
  .lc-registro .fg-form>:nth-child(n+3){grid-column:1/-1}
  .lc-registro .fg-sub{margin-top:4px}
  .lc-registro #formRegister>.fg-sub{display:none}
  .lc-registro .lc-panel{padding-top:20px;padding-bottom:14px}
  .lc-registro .fg-form{gap:8px 22px}
  .lc-registro #pwHint{font-size:11.5px;margin-top:2px}
  .lc-registro .fg-legal{display:none}
  .lc-registro .fg-powers{gap:8px}
  .lc-registro .fg-power{padding:10px 12px}
}
@media (min-width:901px) and (max-height:900px){.lc-registro .fg-power .pc{display:none}}
@media (max-width:900px){.lc-registro .fg-powers{grid-template-columns:1fr}.lc-registro .fg-power .pc{display:none}.lc-registro .lc-panel{max-height:72dvh}}