/* LAM Motor Web · estilo «Noche editorial».
   Fondo oscuro, serif expresiva (títulos) + sans de apoyo (etiquetas y botones) y un único acento.
   Los colores vienen de Ajustes (--a acento, --bg fondo, --ink texto, --hero oscuro);
   aquí solo se derivan los tonos que el estilo necesita. Todo acotado a .lmw--noche. */

.lmw.lmw--noche{
  --surface:color-mix(in srgb,var(--ink) 5%,var(--bg));
  --surface-2:color-mix(in srgb,var(--ink) 9%,var(--bg));
  --line:color-mix(in srgb,var(--ink) 18%,transparent);
  --muted:color-mix(in srgb,var(--ink) 66%,var(--bg));
  --crema:color-mix(in srgb,var(--ink) 92%,#d9c9a3);
  --tint:color-mix(in srgb,var(--a) 14%,var(--bg));
  --orange:var(--a);
  --orange-ink:var(--a);
  --sombra:0 30px 60px -30px rgba(0,0,0,.6);
  color-scheme:dark;
  font-size:18px;
}

/* Tipografía: títulos en la serif, sin negritas (la expresividad la da la cursiva). */
.lmw.lmw--noche :is(h1,h2,h3){font-family:var(--f-display);font-weight:400;letter-spacing:-.005em}
.lmw.lmw--noche :is(h1,h2,h3) em{font-style:italic;color:var(--a)}
.lmw.lmw--noche .lmw-eyebrow{font:600 11px/1.4 var(--f-body);letter-spacing:.24em;color:var(--a)}
.lmw.lmw--noche a{color:var(--ink);text-decoration-color:var(--a)}

/* Botones: rectos, mayúsculas espaciadas. */
.lmw.lmw--noche .lmw-btn{border-radius:0;font:600 12px/1.2 var(--f-body);letter-spacing:.2em;text-transform:uppercase;padding:17px 26px;background:var(--a);color:var(--on-a);box-shadow:none;text-decoration:none}
.lmw.lmw--noche .lmw-btn--line{background:transparent;color:var(--a);box-shadow:inset 0 0 0 1px var(--a)}
.lmw.lmw--noche .lmw-btn--line:hover{background:var(--a);color:var(--on-a)}
.lmw.lmw--noche .lmw-link{border-bottom-color:var(--a)}

/* Secciones de página en oscuro. */
.lmw.lmw--noche.lmw--landing{background:var(--bg)}
.lmw.lmw--noche.lmw--landing .lmw-s__t{font:400 clamp(34px,4.6vw,64px)/1 var(--f-display)}
.lmw.lmw--noche.lmw--landing :is(.lmw-s--hero,.lmw-s--beneficios,.lmw-s--cta.lmw-s--oscuro){background:var(--bg);color:var(--ink)}
.lmw.lmw--noche.lmw--landing :is(.lmw-s--tarifas,.lmw-s--faq){background:var(--surface)}
.lmw.lmw--noche.lmw--landing .lmw-s--hero .lmw-s__t{color:var(--ink)}
.lmw.lmw--noche.lmw--landing :is(.lmw-card2,.lmw-tarifa,.lmw-resena,.lmw-obj,.lmw-pq,.lmw-coach){background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line);border-radius:0}
.lmw.lmw--noche.lmw--landing .lmw-faq details{border-color:var(--line)}
.lmw.lmw--noche.lmw--landing .lmw-s--cta.lmw-s--color{background:var(--a);color:var(--on-a)}

/* Fondos elegibles en cada sección. */
.lmw.lmw--noche .lmw-fondo--oscuro{--bg:#0B0A08;background:var(--bg)}
.lmw.lmw--noche .lmw-fondo--superficie{background:var(--surface)}
.lmw.lmw--noche .lmw-fondo--claro{
  --bg:#EFE8D8; --ink:#16130F; --muted:#5E574B; --line:rgba(22,19,15,.18);
  --surface:#E6DECB; --crema:#2A251E; --on-a:#16130F;
  background:var(--bg);color:var(--ink);color-scheme:light;
}
.lmw.lmw--noche .lmw-fondo--claro :is(h1,h2,h3) em,.lmw.lmw--noche .lmw-fondo--claro .lmw-tt__a{color:color-mix(in srgb,var(--a) 55%,#16130F)}

/* Plantillas de blog (Artículo, Guía…) en oscuro. */
.lmw.lmw--noche .lmw-hero,.lmw.lmw--noche .lmw-ghero{background:var(--bg)}
.lmw.lmw--noche :is(.lmw-answer,.lmw-tip,.lmw-factswrap,.lmw-side,.lmw-verdict,.lmw-myth,.lmw-checkwrap,.lmw-related){background:var(--surface);color:var(--ink);border-color:var(--line)}
.lmw.lmw--noche :is(.lmw-card,.lmw-cta){background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:0}
.lmw.lmw--noche .lmw-toc a{color:var(--muted)}
.lmw.lmw--noche .lmw-more h2{font-weight:400}
.lmw.lmw--noche .lmw-preview-bar{background:var(--a);color:var(--on-a)}
