/* Acceso y páginas públicas: MARCO de layout (panel, campos, pasos, responsive).
   El tema (colores, superficies, contraste) vive en sf-mate.css (PARTE 6 · FASE 19).
   FASE 19 (2026-11-01): fuera el lienzo de cintas, el grano, el velo, la refracción
   y el desenfoque de fondo. El suelo público es un color sólido (#0F1116): sobre un
   color plano el blur no aporta nada visual, cuesta GPU y ensucia el texto. */

html.sf-seda body.lc-body.lq-body{overflow:hidden;min-height:100dvh}

/* ── Panel: geometría del marco (el color lo pone sf-mate.css) ── */
html.sf-seda body.lq-body>.lc-acceso{align-items:center;justify-items:center;padding:clamp(14px,3vw,40px);z-index:2}
html.sf-seda body.lq-body .lc-panel{position:relative;isolation:isolate;width:min(520px,100%);max-height:100%;overflow:auto;
  padding:30px 34px 24px;border-radius:30px;color:var(--lq-ink);scrollbar-width:none}
html.sf-seda body.lq-body .lc-panel::-webkit-scrollbar{display:none}

/* ── Campos y botones: medidas (el color y el foco los pone sf-mate.css) ── */
html.sf-seda body.lq-body .lc-panel .lg-card .lg-input{height:50px;border-radius:16px!important;padding:0 16px}
html.sf-seda body.lq-body .lc-panel .lg-card .lg-btn.primary{height:54px;border-radius:18px!important}
html.sf-seda body.lq-body .lc-panel .lg-btn.ghost{border-radius:16px}
html.sf-seda body.lq-body .lc-panel .lg-foot{border-top:1px solid var(--line)}

/* ── Registro: mismo marco, algo más ancho ── */
html.sf-seda body.lq-body .lc-panel.lc-ancho{width:min(680px,100%)}
html.sf-seda body.lq-body.lc-registro .lc-panel .fg-card{background:transparent!important;border:0!important;box-shadow:none!important;max-height:none;-webkit-mask-image:none;mask-image:none}
html.sf-seda body.lq-body.lc-registro .lc-panel .fg-input{height:48px;border-radius:16px!important;padding:0 16px}
html.sf-seda body.lq-body.lc-registro .lc-panel .fg-power{border-radius:18px}
html.sf-seda body.lq-body.lc-registro .lc-panel .fg-power:hover{border-color:rgba(255,255,255,.28)!important}
html.sf-seda body.lq-body.lc-registro .lc-panel .fg-btn.accent{height:52px;border-radius:18px!important}
html.sf-seda body.lq-body.lc-registro .lc-panel .fg-btn:not(.accent){border-radius:16px}

/* ── Responsive ── */
@media (max-height:820px){html.sf-seda body.lq-body .lc-sub{display:none}html.sf-seda body.lq-body .lc-panel{padding-top:24px;padding-bottom:18px}}
@media (max-width:900px){
  html.sf-seda body.lq-body>.lc-acceso{align-items:end;padding:0 10px 10px}
  html.sf-seda body.lq-body .lc-panel{width:100%;padding:18px 18px 12px;max-height:74dvh;border-radius:26px}
  html.sf-seda body.lq-body .lc-panel .lg-card .lg-input{height:46px}
  html.sf-seda body.lq-body .lc-panel .lg-card .lg-btn.primary{height:50px}
}

/* ── Landing y precios: las secciones no llevan fondo propio ── */
html.sf-seda body.lq-pub :is(.lp-hero,.lp-sec,.lp-vida,.lp-marquee,.lp-final){background:transparent}