/**
 * LBM — Calculadora de consumo eléctrico (86384). Usa los tokens de .lbm-pag (lbm-paginas.css).
 * Mismo contenido y misma aplicación que la versión Divi; aquí solo vive el diseño.
 * Sin degradados, sombras de tarjeta, emojis ni cajas grises detrás del texto.
 */

/* =========================================================
   La aplicación (#lbm-calculator, mismos nombres de clase que la original)
   ========================================================= */

.lbm-wizard { max-width: 1040px; margin: 0 auto; }
.lbm-wizard * { box-sizing: border-box; }
.lbm-wizard .panel { margin: 0; padding: 0; background: none; }

/* Parámetros */
.lbm-wizard .grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.lbm-wizard .label {
	display: block;
	margin-bottom: 8px;
	font-family: var(--f-semi);
	font-size: 1rem;
	color: var(--title);
}
.lbm-wizard input[type="number"],
.lbm-wizard input[type="text"] {
	width: 100%;
	min-height: 52px;
	padding: 12px 16px;
	border: 1px solid var(--line-2);
	border-radius: var(--r-in);
	background: var(--paper);
	color: var(--ink);
	font: inherit;
	font-size: 1.125rem;
	font-variant-numeric: tabular-nums;
}
.lbm-wizard input:focus { outline: none; border-color: var(--orange); box-shadow: 0 0 0 3px var(--orange-soft); }
.lbm-wizard input::placeholder { color: var(--muted); opacity: .7; }
.lbm-wizard input:focus::placeholder { color: transparent; }

/* Selección de equipos */
.lbm-wizard .equipment-section { margin-top: clamp(40px, 5vw, 56px); }
.lbm-wizard .title,
.lbm-wizard .wiz-head {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0 0 20px;
	font-family: var(--f-bold);
	font-size: clamp(1.5rem, 2.4vw, 2rem);
	line-height: 1.15;
	color: var(--title);
}
.lbm-wizard .equipment-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.lbm-wizard .card {
	position: relative;
	display: flex;
	align-items: center;
	gap: 16px;
	min-height: 88px;
	padding: 20px 22px;
	border: 1px solid var(--line-2);
	border-radius: var(--r);
	background: var(--paper);
	cursor: pointer;
	transition: border-color .15s var(--ease), background-color .15s var(--ease);
	-webkit-tap-highlight-color: transparent;
	user-select: none;
}
.lbm-wizard .card .icon { display: flex; color: var(--title); }
.lbm-wizard .card .name { font-family: var(--f-semi); font-size: 1.125rem; color: var(--title); }
.lbm-wizard .card::after {
	content: "";
	width: 22px;
	height: 22px;
	margin-left: auto;
	border: 1.5px solid var(--line-2);
	border-radius: 50%;
	transition: inherit;
}
.lbm-wizard .card:hover { border-color: var(--title); }
.lbm-wizard .card:focus-visible { outline: 3px solid var(--orange-soft); outline-offset: 2px; border-color: var(--orange); }
.lbm-wizard .card.selected { border-color: var(--orange); background: var(--orange-soft); }
.lbm-wizard .card.selected .icon { color: var(--orange); }
.lbm-wizard .card.selected::after {
	border-color: var(--orange);
	background: var(--orange) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E") center / 14px no-repeat;
}
.lbm-wizard .lz-continuar { margin-top: 24px; }

/* Botones */
.lbm-wizard .btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 48px;
	padding: 0 28px;
	border: 0;
	border-radius: var(--r-btn);
	font: inherit;
	font-family: var(--f-semi);
	font-size: 1rem;
	cursor: pointer;
	transition: background-color .15s var(--ease), color .15s var(--ease);
}
.lbm-wizard .btn-primary { background: var(--orange); color: var(--on-orange); }
.lbm-wizard .btn-primary:hover { background: var(--orange-hover); }
.lbm-wizard .btn-secondary { padding: 0 20px; border: 1px solid var(--line-2); background: var(--paper); color: var(--title); }
.lbm-wizard .btn-secondary:hover { border-color: var(--title); }
.lbm-wizard .btn:disabled,
.lbm-wizard .btn:disabled:hover { background: var(--plate); color: var(--muted); cursor: not-allowed; }

/* Asistente, paso a paso */
.lbm-wizard .wizard {
	margin-top: clamp(40px, 5vw, 56px);
	padding: clamp(24px, 4vw, 44px);
	border: 1px solid var(--line-2);
	border-radius: var(--r);
	background: var(--paper);
}
.lbm-wizard .wizard .wiz-head { margin-bottom: 6px; }
.lbm-wizard .wizard .wiz-head span:first-child { display: flex; color: var(--orange); }
.lbm-wizard .wiz-progress { margin-bottom: 28px; font-family: var(--f-semi); color: var(--muted); }
.lbm-wizard .inline { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.lbm-wizard .hours { display: flex; flex-wrap: wrap; gap: 8px; }
.lbm-wizard .hour-btn {
	min-width: 64px;
	min-height: 52px;
	padding: 0 16px;
	border: 1px solid var(--line-2);
	border-radius: var(--r-in);
	background: var(--paper);
	color: var(--title);
	font: inherit;
	font-family: var(--f-semi);
	font-size: 1.0625rem;
	cursor: pointer;
}
.lbm-wizard .hour-btn:hover { border-color: var(--title); }
.lbm-wizard .hour-btn.selected { border-color: var(--title); background: var(--title); color: var(--paper); }
.lbm-wizard .wiz-actions {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: 32px;
	padding-top: 24px;
	border-top: 1px solid var(--line);
}

/* Resultados: la pantalla oscura del sistema */
.lbm-wizard .results {
	display: none;
	margin-top: clamp(40px, 5vw, 56px);
	padding: clamp(24px, 4vw, 44px);
	border-radius: var(--r);
	background: var(--stage);
	color: var(--stage-ink);
}
.lbm-wizard .results .wiz-head { color: var(--stage-ink); }
.lbm-wizard .summary {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 24px;
	padding: 18px 0;
	border-top: 1px solid var(--stage-line);
}
.lbm-wizard .k { font-size: .9375rem; color: var(--stage-muted); }
.lbm-wizard .v { margin-top: 2px; font-family: var(--f-semi); font-size: 1.25rem; font-variant-numeric: tabular-nums; }
.lbm-wizard .summary--total { border-top: 0; padding-top: 28px; }
.lbm-wizard .summary--total .v {
	font-family: var(--f-bold);
	font-size: clamp(2.25rem, 5vw, 3.5rem);
	line-height: 1.05;
	letter-spacing: -.02em;
}
.lbm-wizard .summary--total .box + .box .v { color: var(--orange); }
.lbm-wizard .table-responsive { width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.lbm-wizard .results-table { width: 100%; min-width: 720px; border-collapse: collapse; font-variant-numeric: tabular-nums; }
.lbm-wizard .results-table th,
.lbm-wizard .results-table td {
	padding: 14px 12px;
	border-bottom: 1px solid var(--stage-line);
	text-align: right;
	white-space: nowrap;
}
.lbm-wizard .results-table th:first-child,
.lbm-wizard .results-table td:first-child { padding-left: 0; text-align: left; }
.lbm-wizard .results-table th:last-child,
.lbm-wizard .results-table td:last-child { padding-right: 0; }
.lbm-wizard .results-table th { font-family: var(--f-semi); font-weight: 400; font-size: .875rem; color: var(--stage-muted); }
.lbm-wizard .results-table td:first-child,
.lbm-wizard .results-table td:last-child { font-family: var(--f-semi); }
.lbm-wizard .lz-obs { padding-top: 22px; border-top: 1px solid var(--stage-line); }
.lbm-wizard #motivational-message { margin-top: 6px; font-family: var(--f-semi); font-size: clamp(1.15rem, 2vw, 1.4rem); line-height: 1.35; }

/* =========================================================
   La guía
   ========================================================= */

.lz-guia-cab h2 { font-size: clamp(2rem, 4.4vw, 3.4rem); line-height: 1.05; letter-spacing: -.02em; }
.lz-guia-cab p { margin-top: 12px !important; font-size: clamp(1.15rem, 1.8vw, 1.4rem); color: var(--muted); }

.lz-tienda {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 8px 32px;
	align-items: center;
	margin-top: clamp(2.5rem, 5vw, 3.5rem);
	padding-top: clamp(1.75rem, 3vw, 2.5rem);
	border-top: 1px solid var(--line-2);
}
.lz-tienda h3 { font-size: clamp(1.3rem, 2vw, 1.6rem); }
.lz-tienda > p:not(.pg-acciones) { color: var(--muted); }
.lz-tienda .pg-acciones { grid-column: 2; grid-row: 1 / 3; margin: 0 !important; }

/* Dato clave */
.lz-dato { margin-top: 32px; padding-top: 28px; border-top: 2px solid var(--orange); }
.lz-dato__cifra {
	font-family: var(--f-bold);
	font-size: clamp(3.25rem, 7vw, 5.5rem);
	line-height: 1;
	letter-spacing: -.03em;
	color: var(--title);
}
.lz-dato p + p { margin-top: 14px !important; }

/* ¿Por qué? Rejilla de 3 */
.lz-rejilla3 {
	list-style: none;
	counter-reset: r;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 0 clamp(24px, 3vw, 40px);
}
.lz-rejilla3 li { counter-increment: r; padding: 24px 0 28px; border-top: 1px solid var(--line-2); }
.lz-rejilla3 li::before {
	content: counter(r, decimal-leading-zero);
	display: block;
	margin-bottom: 14px;
	font-family: var(--f-bold);
	font-size: 1rem;
	color: var(--orange);
}
.lz-rejilla3 h3 { margin-bottom: 6px; font-size: 1.25rem; }
.lz-rejilla3 p { color: var(--muted); }

.lz-aviso {
	display: grid;
	grid-template-columns: 200px minmax(0, 1fr);
	gap: 24px;
	margin-top: clamp(2rem, 4vw, 3rem);
	padding: clamp(24px, 3vw, 36px) 0 0;
	border-top: 2px solid var(--title);
}
.lz-aviso__t { font-family: var(--f-bold); font-size: 1.25rem; color: var(--title); }
.lz-aviso p:last-child { font-family: var(--f-semi); font-size: clamp(1.15rem, 1.8vw, 1.35rem); line-height: 1.45; color: var(--title); }

/* Equipos */
.lz-equipos {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 1px;
	background: var(--stage-line);
	border: 1px solid var(--stage-line);
	border-radius: var(--r);
	overflow: hidden;
}
.lz-equipos li { padding: clamp(24px, 3vw, 36px); background: var(--stage); }
.lz-equipos .lz-ico { width: 36px; height: 36px; color: var(--orange); }
.lz-equipos h3 { margin: 18px 0 6px; color: var(--stage-ink); }
.lz-equipos p { color: var(--stage-muted); }

/* Cómo funciona: línea de pasos */
.lz-linea {
	list-style: none;
	counter-reset: p;
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(20px, 2.5vw, 32px);
}
.lz-linea li { counter-increment: p; position: relative; padding-top: 64px; }
.lz-linea li::before {
	content: counter(p);
	position: absolute;
	top: 0;
	left: 0;
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	border-radius: 50%;
	background: var(--orange);
	color: var(--on-orange);
	font-family: var(--f-bold);
	font-size: 1.25rem;
}
.lz-linea li::after {
	content: "";
	position: absolute;
	top: 22px;
	left: 56px;
	right: calc(-1 * clamp(20px, 2.5vw, 32px) + 12px);
	height: 1px;
	background: var(--line-2);
}
.lz-linea li:last-child::after { display: none; }
.lz-linea h3 { margin-bottom: 8px; font-size: 1.25rem; }
.lz-linea p { color: var(--muted); }

.lz-ejemplo {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr);
	gap: 24px clamp(24px, 3vw, 48px);
	align-items: start;
	margin-top: clamp(3rem, 6vw, 4.5rem);
	padding: clamp(28px, 4vw, 44px);
	border-radius: var(--r);
	background: var(--stage);
	color: var(--stage-ink);
}
.lz-ejemplo__t { margin-bottom: 8px !important; font-family: var(--f-bold); font-size: 1.5rem; }
.lz-ejemplo strong { font-family: var(--f-semi); font-weight: 400; }
.lz-ejemplo > div p:last-child { color: var(--stage-muted); }
.lz-ejemplo ul { list-style: none; }
.lz-ejemplo li { padding: 10px 0; border-bottom: 1px solid var(--stage-line); font-variant-numeric: tabular-nums; }
.lz-ejemplo li:first-child { padding-top: 0; }
.lz-ejemplo__res { font-size: clamp(1.15rem, 1.8vw, 1.35rem); line-height: 1.4; }
.lz-ejemplo__res strong { display: block; margin-bottom: 4px; font-size: 1rem; color: var(--stage-muted); }

/* Fórmula */
.lz-sub { margin: clamp(2.5rem, 5vw, 3.5rem) 0 18px; font-size: 1.25rem; }
.pg-sec__cab + .lz-sub { margin-top: 0; }
.lz-formula { border-top: 2px solid var(--title); }
.lz-formula p {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1.6fr);
	align-items: baseline;
	padding: 18px 0;
	border-bottom: 1px solid var(--line-2);
	font-size: clamp(1.05rem, 1.7vw, 1.3rem);
}
.lz-formula span:first-child { font-family: var(--f-bold); color: var(--title); }
.lz-formula b { font-family: var(--f-bold); font-weight: 400; color: var(--orange); text-align: center; }
.lz-intro { max-width: 720px; margin-bottom: 20px !important; }

.lz-pasos {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(16px, 2vw, 24px);
}
.lz-pasos li { position: relative; padding: 28px; border-radius: var(--r); background: var(--paper); }
.lz-pasos li + li::before {
	content: "→";
	position: absolute;
	top: 50%;
	left: calc(-1 * clamp(16px, 2vw, 24px) / 2);
	transform: translate(-50%, -50%);
	font-family: var(--f-bold);
	font-size: 1.25rem;
	color: var(--muted);
}
.lz-pasos__n { font-family: var(--f-bold); font-size: 2.5rem; line-height: 1; color: var(--orange); }
.lz-pasos h4 { margin: 14px 0 0; font-family: var(--f-bold); font-size: 1.25rem; color: var(--title); }
.lz-pasos__ej { margin-top: 16px !important; padding-top: 16px; border-top: 1px solid var(--line); font-size: 1.0625rem; font-variant-numeric: tabular-nums; }
.lz-pasos__ej strong { display: block; margin-top: 4px; font-family: var(--f-bold); font-weight: 400; font-size: 1.5rem; color: var(--title); }
.lz-pie { max-width: 720px; margin-top: 24px !important; color: var(--muted); }

/* Consejos */
.lz-lado { max-width: 420px; margin-top: 14px !important; font-family: var(--f-semi); color: var(--muted); }
.lz-consejos { list-style: none; counter-reset: c; }
.lz-consejos li {
	counter-increment: c;
	display: grid;
	grid-template-columns: 56px minmax(0, 1fr);
	column-gap: 8px;
	padding: 22px 0;
	border-top: 1px solid var(--line);
}
.lz-consejos li:last-child { border-bottom: 1px solid var(--line); }
.lz-consejos li::before {
	content: counter(c, decimal-leading-zero);
	grid-row: 1 / 3;
	font-family: var(--f-bold);
	font-size: 1.25rem;
	color: var(--orange);
}
.lz-consejos h3 { margin-bottom: 6px; }
.lz-consejos p { font-size: 1.0625rem; }
.lz-consejo { margin: clamp(2rem, 4vw, 3rem) 0 0 !important; }
.lz-consejo__t { margin-bottom: 10px !important; font-family: var(--f-semi); font-size: .9375rem; color: var(--orange); }

/* Interpretar */
.lz-tres { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 3vw, 48px); }
.lz-tres > div { padding-top: 22px; border-top: 1px solid var(--stage-line); }
.lz-tres h3 { margin-bottom: 8px; color: var(--stage-ink); }
.lz-tres p { color: var(--stage-muted); }
.pg-sec--stage .lz-sub { color: var(--stage-ink); }

.lz-escala ol { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.lz-escala li { padding-top: 18px; border-top: 6px solid var(--stage-line); }
.lz-escala li:nth-child(2) { border-top-color: rgba(239, 125, 0, .35); }
.lz-escala li:nth-child(3) { border-top-color: rgba(239, 125, 0, .65); }
.lz-escala li:nth-child(4) { border-top-color: var(--orange); }
.lz-escala b { display: block; font-family: var(--f-bold); font-weight: 400; font-size: 1.25rem; }
.lz-escala span { display: block; margin-top: 4px; font-size: .9375rem; color: var(--stage-muted); }

/* Características */
.lz-ficha > div {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(0, 2fr);
	gap: 8px 24px;
	padding: 22px 0;
	border-top: 1px solid var(--line);
}
.lz-ficha > div:last-child { border-bottom: 1px solid var(--line); }
.lz-ficha dt { font-family: var(--f-bold); font-size: 1.125rem; color: var(--title); }
.lz-ficha dd { margin: 0; font-size: 1.0625rem; }

/* Preguntas */
.lz-faq details { border-top: 1px solid var(--line-2); }
.lz-faq details:last-child { border-bottom: 1px solid var(--line-2); }
.lz-faq summary {
	display: flex;
	justify-content: space-between;
	gap: 16px;
	padding: 20px 0;
	font-family: var(--f-semi);
	font-size: 1.125rem;
	color: var(--title);
	cursor: pointer;
	list-style: none;
}
.lz-faq summary::-webkit-details-marker { display: none; }
.lz-faq summary::after { content: "+"; flex: none; font-family: var(--f-bold); font-size: 1.5rem; line-height: 1; color: var(--muted); }
.lz-faq details[open] summary::after { content: "–"; }
.lz-faq details p { padding: 0 0 22px; font-size: 1.0625rem; }

/* =========================================================
   Móvil
   ========================================================= */

@media (max-width: 980px) {
	.lz-linea { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 40px; }
	.lz-linea li::after { display: none; }
	.lz-ejemplo { grid-template-columns: minmax(0, 1fr); }
	.lz-tienda { grid-template-columns: minmax(0, 1fr); }
	.lz-tienda .pg-acciones { grid-column: auto; grid-row: auto; margin-top: 16px !important; }
	.lz-rejilla3,
	.lz-equipos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
	.lbm-wizard .grid2,
	.lbm-wizard .inline { grid-template-columns: minmax(0, 1fr); }
	.lbm-wizard .equipment-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
	.lbm-wizard .card { flex-direction: column; align-items: flex-start; gap: 10px; min-height: 0; padding: 16px; }
	.lbm-wizard .card::after { position: absolute; top: 14px; right: 14px; }
	.lbm-wizard .lz-continuar .btn { width: 100%; }
	.lbm-wizard .wiz-actions { flex-direction: column-reverse; }
	.lbm-wizard .wiz-actions > div { flex-direction: column-reverse; }
	.lbm-wizard .wiz-actions .btn { width: 100%; }
	.lbm-wizard #wiz-back[style*="hidden"] { display: none; }
	.lz-pasos,
	.lz-tres { grid-template-columns: minmax(0, 1fr); }
	.lz-pasos li + li::before { content: "↓"; top: calc(-1 * clamp(16px, 2vw, 24px) / 2); left: 50%; }
	.lz-escala ol { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 24px; }
	.lz-aviso,
	.lz-ficha > div { grid-template-columns: minmax(0, 1fr); }
	.lz-aviso { gap: 8px; }
	.lz-formula p { grid-template-columns: minmax(0, 1fr); }
	.lz-formula b { text-align: left; }
}

@media (max-width: 520px) {
	.lz-linea,
	.lz-rejilla3,
	.lz-equipos { grid-template-columns: minmax(0, 1fr); }
	.lbm-wizard .summary { grid-template-columns: minmax(0, 1fr); gap: 14px; }
}

.lbm-pag--luz .pg-mitad__txt h2 + p { margin-top: 16px !important; }

/* =========================================================
   Color (07/11/2026): paleta de apoyo del Design System.
   Código de color didáctico: agua = energía (kWh), hoja = coste al día,
   teja = coste total y avisos, miel = luz. El naranja sigue siendo la acción.
   ========================================================= */

/* Equipos de la aplicación: cada uno con su color */
.lbm-wizard .card .icon {
	display: grid;
	place-items: center;
	flex: none;
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: var(--c-soft, var(--plate));
	color: var(--c, var(--title));
}
.lbm-wizard .card[data-equipment="iluminacion"],   .lz-equipos li:nth-child(1) { --c: var(--miel-ink); --c-soft: var(--miel-soft); --c-luz: var(--miel); }
.lbm-wizard .card[data-equipment="extractor"],     .lz-equipos li:nth-child(2) { --c: var(--agua); --c-soft: var(--agua-soft); --c-luz: var(--agua-luz); }
.lbm-wizard .card[data-equipment="ventilador"],    .lz-equipos li:nth-child(3) { --c: var(--hoja); --c-soft: var(--hoja-soft); --c-luz: var(--hoja-luz); }
.lbm-wizard .card[data-equipment="humidificador"], .lz-equipos li:nth-child(4) { --c: var(--agua); --c-soft: var(--agua-soft); --c-luz: var(--agua-luz); }
.lbm-wizard .card[data-equipment="aire"],          .lz-equipos li:nth-child(5) { --c: var(--teja); --c-soft: var(--teja-soft); --c-luz: var(--teja-luz); }
.lbm-wizard .card[data-equipment="otros"],         .lz-equipos li:nth-child(6) { --c: var(--title); --c-soft: var(--plate); --c-luz: var(--stage-ink); }
.lbm-wizard .card.selected .icon { background: var(--paper); color: var(--c); }

/* Resultados: cifras con el código de color */
.lbm-wizard .summary--total .box:first-child .v { color: var(--hoja-luz); }
.lbm-wizard .summary--total .box + .box .v { color: var(--teja-luz); }
.lbm-wizard .lz-obs { margin-top: 8px; padding: 20px 24px; border: 0; border-radius: var(--r); background: rgba(156, 204, 124, .12); }
.lbm-wizard .lz-obs .k { color: var(--hoja-luz); }

/* Cabecera de la guía sobre arena */
.lbm-pag--luz .pg-sec--plate:has(.lz-guia-cab) { background: var(--arena); }
.lbm-pag--luz .pg-sec--plate:has(.lz-guia-cab) .lz-tienda { border-top-color: var(--arena-line); }

/* Dato clave en teja */
.lz-dato { padding: 28px; border: 0; border-radius: var(--r); background: var(--teja-soft); }
.lz-dato__cifra { color: var(--teja); }

/* ¿Por qué? cada razón con su color */
.lz-rejilla3 { gap: 16px; }
.lz-rejilla3 li { padding: 24px 26px 28px; border: 0; border-radius: var(--r); background: var(--c-soft); }
.lz-rejilla3 li:nth-child(6n+1) { --c: var(--orange); --c-soft: var(--orange-soft); }
.lz-rejilla3 li:nth-child(6n+2) { --c: var(--hoja); --c-soft: var(--hoja-soft); }
.lz-rejilla3 li:nth-child(6n+3) { --c: var(--agua); --c-soft: var(--agua-soft); }
.lz-rejilla3 li:nth-child(6n+4) { --c: var(--teja); --c-soft: var(--teja-soft); }
.lz-rejilla3 li:nth-child(6n+5) { --c: var(--miel-ink); --c-soft: var(--miel-soft); }
.lz-rejilla3 li:nth-child(6n+6) { --c: var(--title); --c-soft: var(--arena); }
.lz-rejilla3 li::before { color: var(--c); }
.lz-rejilla3 li:nth-child(6n+1)::before { color: var(--title); }
.lz-rejilla3 p { color: var(--ink); }

/* Importante, en teja */
.lz-aviso { padding: clamp(24px, 3vw, 36px); border: 0; border-radius: var(--r); background: var(--teja-soft); }
.lz-aviso__t { color: var(--teja); }
.lz-aviso p:last-child { color: var(--ink); }

/* Equipos que puedes calcular: icono en su color sobre el escenario */
.lz-equipos .lz-ico {
	box-sizing: content-box;
	width: 30px;
	height: 30px;
	padding: 12px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .06);
	color: var(--c-luz);
}

/* Cómo funciona: cada paso con su color */
.lz-linea li:nth-child(1)::before { background: var(--orange); }
.lz-linea li:nth-child(2)::before { background: var(--hoja); color: #fff; }
.lz-linea li:nth-child(3)::before { background: var(--agua); color: #fff; }
.lz-linea li:nth-child(4)::before { background: var(--teja); color: #fff; }

/* Ejemplo práctico sobre verde hoja */
.lz-ejemplo { background: var(--hoja); color: #fff; }
.lz-ejemplo > div p:last-child,
.lz-ejemplo__res strong { color: rgba(255, 255, 255, .82); }
.lz-ejemplo li { border-bottom-color: rgba(255, 255, 255, .22); }

/* Fórmula y pasos con el código de color */
.lz-formula p:nth-child(1) span:first-child,
.lz-pasos li:nth-child(1) .lz-pasos__n,
.lz-pasos li:nth-child(1) strong { color: var(--agua); }
.lz-formula p:nth-child(2) span:first-child,
.lz-pasos li:nth-child(2) .lz-pasos__n,
.lz-pasos li:nth-child(2) strong { color: var(--hoja); }
.lz-formula p:nth-child(3) span:first-child,
.lz-pasos li:nth-child(3) .lz-pasos__n,
.lz-pasos li:nth-child(3) strong { color: var(--teja); }

/* Consejos sobre verde suave */
.lbm-pag--luz .pg-sec:has(.lz-consejos) { background: var(--hoja-soft); }
.lz-consejos li,
.lz-consejos li:last-child { border-color: rgba(68, 112, 47, .25); }
.lz-consejos li::before { color: var(--hoja); }
.lz-consejo__t { color: var(--hoja); }
.lz-consejo p:last-child { color: var(--title); }

/* Interpretar: tres columnas con color y escala de verde a teja */
.lz-tres > div:nth-child(1) h3 { color: var(--agua-luz); }
.lz-tres > div:nth-child(2) h3 { color: var(--miel); }
.lz-tres > div:nth-child(3) h3 { color: var(--hoja-luz); }
.lz-escala li:nth-child(1) { border-top-color: var(--hoja-luz); }
.lz-escala li:nth-child(2) { border-top-color: var(--miel); }
.lz-escala li:nth-child(3) { border-top-color: var(--orange); }
.lz-escala li:nth-child(4) { border-top-color: var(--teja-luz); }
.lz-escala li:nth-child(1) b { color: var(--hoja-luz); }
.lz-escala li:nth-child(2) b { color: var(--miel); }
.lz-escala li:nth-child(3) b { color: var(--orange); }
.lz-escala li:nth-child(4) b { color: var(--teja-luz); }

/* Características sobre arena y preguntas sobre agua suave */
.lbm-pag--luz .pg-sec:has(.lz-ficha) { background: var(--arena); }
.lz-ficha > div,
.lz-ficha > div:last-child { border-color: var(--arena-line); }
.lbm-pag--luz .pg-sec--plate:has(.lz-faq) { background: var(--agua-soft); }
.lz-faq details,
.lz-faq details:last-child { border-color: rgba(44, 107, 122, .25); }
.lz-faq summary::after { color: var(--agua); }

/* Cierre sobre miel suave */
.lbm-pag--luz .pg-mitad { background: var(--miel-soft); }

/* =========================================================
   Tamaños (07/11/2026): texto e iconos más grandes y con más trazo.
   ========================================================= */
.lbm-pag--luz { font-size: 1.25rem; line-height: 1.6; }
.lbm-pag--luz h2 { font-size: clamp(1.75rem, 3vw, 2.5rem); }
.lbm-pag--luz h3,
.lbm-pag--luz .lz-rejilla3 h3,
.lbm-pag--luz .lz-linea h3,
.lbm-pag--luz .lz-pasos h4,
.lbm-pag--luz .lz-aviso__t { font-size: 1.5rem; }
.lbm-pag--luz .lz-guia-cab p,
.lbm-pag--luz .lz-aviso p:last-child,
.lbm-pag--luz .lz-ejemplo__res { font-size: clamp(1.3rem, 2vw, 1.6rem); }
.lbm-pag--luz .lz-consejos p,
.lbm-pag--luz .lz-ficha dd,
.lbm-pag--luz .lz-faq details p,
.lbm-pag--luz .lz-pasos__ej { font-size: 1.25rem; }
.lbm-pag--luz .lz-ficha dt,
.lbm-pag--luz .lz-faq summary { font-size: 1.375rem; }
.lbm-pag--luz .lz-consejo__t,
.lbm-pag--luz .lz-escala span,
.lbm-pag--luz .lbm-wizard .k,
.lbm-pag--luz .lbm-wizard .results-table th { font-size: 1.0625rem; }
.lbm-pag--luz .lz-escala b,
.lbm-pag--luz .lbm-wizard .v { font-size: 1.5rem; }
.lbm-pag--luz .lbm-wizard .results-table td { font-size: 1.1875rem; }

/* Aplicación: tarjetas, campos y botones */
.lbm-pag--luz .lbm-wizard .card { min-height: 104px; gap: 20px; padding: 22px 24px; }
.lbm-pag--luz .lbm-wizard .card .name { font-size: 1.375rem; }
.lbm-pag--luz .lbm-wizard .card .icon { width: 64px; height: 64px; }
.lbm-pag--luz .lbm-wizard .label { font-size: 1.25rem; }
.lbm-pag--luz .lbm-wizard input,
.lbm-pag--luz .lbm-wizard select,
.lbm-pag--luz .lbm-wizard button { font-size: 1.1875rem; }

/* Iconos: más grandes y con trazo de 2 */
.lbm-pag--luz .lz-ico { stroke-width: 2; }
.lbm-pag--luz .lbm-wizard .icon svg,
.lbm-pag--luz .lbm-wizard .card .lz-ico { width: 36px; height: 36px; }
.lbm-pag--luz .lz-equipos .lz-ico { width: 40px; height: 40px; padding: 16px; }

/* =========================================================
   Didáctico y vidrio (07/11/2026): sombras suaves, liquid glass,
   esquinas amables y pequeños movimientos. Mismo contenido.
   ========================================================= */
.lbm-pag--luz {
	--r-lg: 22px;
	--r-xl: 30px;
	--sh-1: 0 1px 2px rgba(32, 38, 42, .06), 0 10px 28px -6px rgba(32, 38, 42, .12);
	--sh-2: 0 2px 4px rgba(32, 38, 42, .08), 0 22px 48px -10px rgba(32, 38, 42, .22);
	--sh-naranja: 0 10px 24px -8px rgba(239, 125, 0, .55);
	--vidrio: rgba(255, 255, 255, .62);
	--vidrio-borde: rgba(255, 255, 255, .85);
	--vidrio-brillo: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(255, 255, 255, .25);
	--vidrio-osc: rgba(255, 255, 255, .07);
	--vidrio-osc-borde: rgba(255, 255, 255, .16);
	--rebote: cubic-bezier(.34, 1.56, .64, 1);
}
.lbm-pag--luz p,
.lbm-pag--luz .pg-sec__cab p,
.lbm-pag--luz .lz-rejilla3 p,
.lbm-pag--luz .lz-equipos p,
.lbm-pag--luz .lz-linea p,
.lbm-pag--luz .lz-tres p,
.lbm-pag--luz .lz-intro,
.lbm-pag--luz .lz-pie,
.lbm-pag--luz .lz-lado { font-size: 1.3125rem; }
.lbm-pag--luz .lz-rejilla3 h3,
.lbm-pag--luz .lz-equipos h3,
.lbm-pag--luz .lz-tres h3,
.lbm-pag--luz .lz-consejos h3 { font-size: 1.5rem; }

/* Portada: título en una placa de vidrio sobre la foto */
@media (min-width: 901px) and (not ((orientation: portrait) and (max-width: 1100px))) {
	.lbm-pag--luz .pg-portada__foto::after { background: linear-gradient(180deg, rgba(14,17,19,.05) 30%, rgba(14,17,19,.45)); }
	.lbm-pag--luz .pg-portada__txt {
		width: auto;
		max-width: 920px;
		margin: 0 var(--gut);
		padding: clamp(28px, 3.5vw, 48px) clamp(28px, 4vw, 56px);
		border: 1px solid rgba(255, 255, 255, .35);
		border-radius: var(--r-xl);
		background: rgba(20, 24, 27, .28);
		-webkit-backdrop-filter: blur(22px) saturate(170%);
		backdrop-filter: blur(22px) saturate(170%);
		box-shadow: inset 0 1px 0 rgba(255, 255, 255, .45), 0 30px 60px -20px rgba(0, 0, 0, .45);
	}
	.lbm-pag--luz .pg-portada h1 { font-size: clamp(2.75rem, 6vw, 5.25rem); }
}
.lbm-pag--luz .pg-portada .pg-entradilla { font-size: clamp(1.3rem, 2vw, 1.6rem); }

/* Aplicación: fondo con manchas de color para que el vidrio respire */
.lbm-pag--luz .lz-app {
	position: relative;
	isolation: isolate;
	background:
		radial-gradient(34% 42% at 6% 10%, rgba(232, 163, 58, .38), transparent 72%),
		radial-gradient(30% 40% at 96% 18%, rgba(134, 197, 211, .45), transparent 72%),
		radial-gradient(36% 42% at 74% 96%, rgba(156, 204, 124, .42), transparent 72%),
		radial-gradient(28% 34% at 16% 90%, rgba(240, 154, 120, .32), transparent 72%),
		var(--arena);
}
.lbm-pag--luz .lbm-wizard .panel:not(.results) {
	padding: clamp(22px, 3vw, 36px);
	border: 1px solid var(--vidrio-borde);
	border-radius: var(--r-xl);
	background: var(--vidrio);
	-webkit-backdrop-filter: blur(18px) saturate(160%);
	backdrop-filter: blur(18px) saturate(160%);
	box-shadow: var(--vidrio-brillo), var(--sh-1);
}
.lbm-pag--luz .lbm-wizard .panel + .panel { margin-top: 20px; }
.lbm-pag--luz .lbm-wizard input[type="number"],
.lbm-pag--luz .lbm-wizard input[type="text"] {
	min-height: 60px;
	border-color: rgba(68, 80, 85, .18);
	border-radius: 14px;
	background: rgba(255, 255, 255, .85);
	box-shadow: inset 0 2px 4px rgba(32, 38, 42, .06);
	font-size: 1.375rem;
	font-family: var(--f-semi);
}
.lbm-pag--luz .lbm-wizard .equipment-grid { gap: 16px; }
.lbm-pag--luz .lbm-wizard .card {
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: var(--r-lg);
	background: rgba(255, 255, 255, .78);
	box-shadow: var(--vidrio-brillo), var(--sh-1);
	transition: transform .35s var(--rebote), box-shadow .25s var(--ease), background-color .2s var(--ease), border-color .2s var(--ease);
}
.lbm-pag--luz .lbm-wizard .card:hover { transform: translateY(-4px); box-shadow: var(--vidrio-brillo), var(--sh-2); }
.lbm-pag--luz .lbm-wizard .card.selected {
	border-color: var(--orange);
	background: #fff;
	box-shadow: 0 0 0 3px rgba(239, 125, 0, .22), var(--sh-2);
}
.lbm-pag--luz .lbm-wizard .card .icon {
	box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .05), 0 6px 14px -6px var(--c, rgba(0,0,0,.3));
	transition: transform .45s var(--rebote);
}
.lbm-pag--luz .lbm-wizard .card:hover .icon { transform: rotate(-8deg) scale(1.06); }
.lbm-pag--luz .lbm-wizard .card.selected .icon { background: var(--c-soft); transform: scale(1.12); }
.lbm-pag--luz .lbm-wizard .card::after { flex: none; width: 26px; height: 26px; }

/* Botones con relieve */
.lbm-pag--luz .lbm-wizard .btn { min-height: 56px; padding: 0 34px; font-size: 1.1875rem; transition: transform .3s var(--rebote), box-shadow .2s var(--ease), background-color .15s var(--ease); }
.lbm-pag--luz .lbm-wizard .btn-primary:not(:disabled) { box-shadow: var(--sh-naranja); }
.lbm-pag--luz .lbm-wizard .btn:not(:disabled):hover { transform: translateY(-2px); }
.lbm-pag--luz .lbm-wizard .btn-secondary { box-shadow: var(--sh-1); border-color: transparent; }
.lbm-pag--luz .pg-btn { box-shadow: var(--sh-naranja); transition: transform .3s var(--rebote), background-color .15s var(--ease); }
.lbm-pag--luz .pg-btn:hover { transform: translateY(-2px); }

/* Asistente paso a paso en vidrio */
.lbm-pag--luz .lbm-wizard .wizard {
	border: 1px solid var(--vidrio-borde);
	border-radius: var(--r-xl);
	background: var(--vidrio);
	-webkit-backdrop-filter: blur(18px) saturate(160%);
	backdrop-filter: blur(18px) saturate(160%);
	box-shadow: var(--vidrio-brillo), var(--sh-2);
}
.lbm-pag--luz .lbm-wizard .wizard .wiz-head span:first-child svg { width: 44px; height: 44px; }
.lbm-pag--luz .lbm-wizard .wiz-progress { font-size: 1.125rem; }
.lbm-pag--luz .lbm-wizard .hours { gap: 10px; }
.lbm-pag--luz .lbm-wizard .hour-btn {
	min-width: 72px;
	min-height: 56px;
	border: 1px solid rgba(255, 255, 255, .9);
	border-radius: 999px;
	background: rgba(255, 255, 255, .85);
	box-shadow: var(--sh-1);
	font-size: 1.1875rem;
	transition: transform .3s var(--rebote), background-color .15s var(--ease), color .15s var(--ease);
}
.lbm-pag--luz .lbm-wizard .hour-btn:hover { transform: translateY(-2px); }
.lbm-pag--luz .lbm-wizard .hour-btn.selected { border-color: var(--title); background: var(--title); color: #fff; transform: scale(1.06); }

/* Resultados: escenario con luces de color y fichas de vidrio oscuro */
.lbm-pag--luz .lbm-wizard .results {
	position: relative;
	overflow: hidden;
	border-radius: var(--r-xl);
	background:
		radial-gradient(45% 60% at 12% 100%, rgba(156, 204, 124, .28), transparent 70%),
		radial-gradient(40% 55% at 95% 0%, rgba(240, 154, 120, .26), transparent 70%),
		radial-gradient(35% 45% at 60% 40%, rgba(134, 197, 211, .14), transparent 70%),
		var(--stage);
	box-shadow: var(--sh-2);
}
.lbm-pag--luz .lbm-wizard .results .wiz-head { font-family: var(--f-bold); font-size: clamp(1.5rem, 2.4vw, 2rem); }
.lbm-pag--luz .lbm-wizard .summary { gap: 14px; border-top: 0; }
.lbm-pag--luz .lbm-wizard .summary .box,
.lbm-pag--luz .lbm-wizard .lz-obs {
	padding: 20px 24px;
	border: 1px solid var(--vidrio-osc-borde);
	border-radius: var(--r-lg);
	background: var(--vidrio-osc);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12);
}
.lbm-pag--luz .lbm-wizard .summary--total .box { padding: 26px 28px; }
.lbm-pag--luz .lbm-wizard .summary--total .v { font-size: clamp(2.75rem, 6vw, 4.25rem); }
.lbm-pag--luz .lbm-wizard .table-responsive {
	margin: 6px 0;
	padding: 6px 22px;
	border: 1px solid var(--vidrio-osc-borde);
	border-radius: var(--r-lg);
	background: rgba(255, 255, 255, .04);
}
.lbm-pag--luz .lbm-wizard .results-table tr:last-child td { border-bottom: 0; }
.lbm-pag--luz .lbm-wizard .lz-obs { margin-top: 14px; border-color: rgba(156, 204, 124, .35); background: rgba(156, 204, 124, .12); }
.lbm-pag--luz .lbm-wizard #motivational-message { font-size: clamp(1.3rem, 2.2vw, 1.6rem); }
.lbm-pag--luz .lbm-wizard .results[style*="block"] .box { animation: lz-sube .6s var(--rebote) both; }
.lbm-pag--luz .lbm-wizard .results[style*="block"] .summary--total .box:nth-child(2) { animation-delay: .08s; }
@keyframes lz-sube { from { opacity: 0; transform: translateY(14px) scale(.97); } }

/* Guía */
.lbm-pag--luz .lz-tienda { padding: clamp(24px, 3vw, 36px); border: 1px solid rgba(255,255,255,.9); border-radius: var(--r-xl); background: rgba(255, 255, 255, .7); box-shadow: var(--vidrio-brillo), var(--sh-1); }
.lbm-pag--luz .lz-dato { border-radius: var(--r-xl); box-shadow: var(--sh-1); }
.lbm-pag--luz .lz-dato__cifra { font-size: clamp(3.75rem, 8vw, 6.5rem); }

.lbm-pag--luz .lz-rejilla3 { gap: 20px; }
.lbm-pag--luz .lz-rejilla3 li {
	padding: 28px 28px 32px;
	border-radius: var(--r-xl);
	box-shadow: var(--sh-1);
	transition: transform .35s var(--rebote), box-shadow .25s var(--ease);
}
.lbm-pag--luz .lz-rejilla3 li:hover { transform: translateY(-5px) rotate(-.4deg); box-shadow: var(--sh-2); }
.lbm-pag--luz .lz-rejilla3 li::before {
	display: grid;
	place-items: center;
	width: 52px;
	height: 52px;
	margin-bottom: 18px;
	border-radius: 16px;
	background: #fff;
	box-shadow: var(--sh-1);
	font-size: 1.25rem;
}
.lbm-pag--luz .lz-aviso { border-radius: var(--r-xl); box-shadow: var(--sh-1); }
.lbm-pag--luz .lz-aviso__t::before { content: "!"; display: inline-grid; place-items: center; width: 40px; height: 40px; margin-right: 12px; border-radius: 50%; background: var(--teja); color: #fff; font-size: 1.375rem; vertical-align: middle; }

/* Equipos sobre el escenario: fichas de vidrio oscuro */
.lbm-pag--luz .pg-sec--stage {
	background:
		radial-gradient(40% 50% at 0% 0%, rgba(232, 163, 58, .16), transparent 70%),
		radial-gradient(40% 50% at 100% 100%, rgba(134, 197, 211, .14), transparent 70%),
		var(--stage);
}
.lbm-pag--luz .lz-equipos { gap: 16px; border: 0; background: none; overflow: visible; }
.lbm-pag--luz .lz-equipos li {
	border: 1px solid var(--vidrio-osc-borde);
	border-radius: var(--r-xl);
	background: var(--vidrio-osc);
	-webkit-backdrop-filter: blur(14px);
	backdrop-filter: blur(14px);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 20px 40px -18px rgba(0, 0, 0, .6);
	transition: transform .35s var(--rebote), border-color .2s var(--ease);
}
.lbm-pag--luz .lz-equipos li:hover { transform: translateY(-5px); border-color: rgba(255, 255, 255, .28); }
.lbm-pag--luz .lz-equipos .lz-ico { background: rgba(255, 255, 255, .1); box-shadow: 0 0 0 1px rgba(255,255,255,.12), 0 0 30px -4px var(--c-luz); }

/* Cómo funciona: pasos como fichas con su número flotando */
.lbm-pag--luz .lz-linea li {
	padding: 52px 26px 28px;
	margin-top: 30px;
	border-radius: var(--r-xl);
	background: #fff;
	box-shadow: var(--sh-1);
}
.lbm-pag--luz .lz-linea li::before { top: -28px; left: 26px; width: 58px; height: 58px; font-size: 1.5rem; box-shadow: 0 10px 22px -8px rgba(32, 38, 42, .45); }
.lbm-pag--luz .lz-linea li::after { display: none; }
.lbm-pag--luz .lz-linea { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: 52px; }
.lbm-pag--luz .lz-ejemplo { border-radius: var(--r-xl); box-shadow: 0 30px 60px -24px rgba(68, 112, 47, .65); }

/* Fórmula y pasos */
.lbm-pag--luz .lz-formula { padding: 8px 28px; border: 1px solid #fff; border-radius: var(--r-xl); background: rgba(255,255,255,.75); box-shadow: var(--sh-1); }
.lbm-pag--luz .lz-formula p { font-size: clamp(1.2rem, 2vw, 1.5rem); }
.lbm-pag--luz .lz-formula p:last-child { border-bottom: 0; }
.lbm-pag--luz .lz-formula b { display: inline-grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--orange-soft); }
.lbm-pag--luz .lz-pasos li { border-radius: var(--r-xl); box-shadow: var(--sh-1); }
.lbm-pag--luz .lz-pasos__n { display: grid; place-items: center; width: 64px; height: 64px; border-radius: 20px; background: var(--orange-soft); box-shadow: inset 0 -3px 0 rgba(0,0,0,.05); font-size: 2rem; }
.lbm-pag--luz .lz-pasos__ej strong { font-size: 1.875rem; }

/* Consejos: fichas blancas sobre verde */
.lbm-pag--luz .lz-consejos li { margin-bottom: 14px; padding: 22px 24px; border: 0; border-radius: var(--r-lg); background: #fff; box-shadow: var(--sh-1); }
.lbm-pag--luz .lz-consejos li:last-child { border: 0; }
.lbm-pag--luz .lz-consejos li::before { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 14px; background: var(--hoja-soft); color: var(--hoja); }
.lbm-pag--luz .lz-consejo { padding: 28px 30px; border-radius: var(--r-xl); background: #fff; box-shadow: var(--sh-2); }
.lbm-pag--luz .lz-consejo__t { font-size: 1.125rem; }

/* Interpretar: fichas de vidrio oscuro y escala en pastillas */
.lbm-pag--luz .lz-tres > div { padding: 26px 28px; border: 1px solid var(--vidrio-osc-borde); border-radius: var(--r-xl); background: var(--vidrio-osc); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }
.lbm-pag--luz .lz-escala ol { gap: 12px; }
.lbm-pag--luz .lz-escala li { padding: 22px; border: 1px solid var(--vidrio-osc-borde); border-top-width: 1px; border-radius: var(--r-lg); background: var(--vidrio-osc); position: relative; overflow: hidden; }
.lbm-pag--luz .lz-escala li::before { content: ""; display: block; width: 100%; height: 10px; margin-bottom: 16px; border-radius: 99px; background: var(--hoja-luz); }
.lbm-pag--luz .lz-escala li:nth-child(2)::before { background: var(--miel); }
.lbm-pag--luz .lz-escala li:nth-child(3)::before { background: var(--orange); }
.lbm-pag--luz .lz-escala li:nth-child(4)::before { background: var(--teja-luz); }
.lbm-pag--luz .lz-escala li { border-top-color: var(--vidrio-osc-borde) !important; }

/* Características y preguntas en fichas */
.lbm-pag--luz .lz-ficha { padding: 6px 28px; border-radius: var(--r-xl); background: #fff; box-shadow: var(--sh-1); }
.lbm-pag--luz .lz-ficha > div:first-child { border-top: 0; }
.lbm-pag--luz .lz-ficha > div:last-child { border-bottom: 0; }
.lbm-pag--luz .lz-faq details { margin-bottom: 12px; padding: 0 24px; border: 0 !important; border-radius: var(--r-lg); background: #fff; box-shadow: var(--sh-1); transition: box-shadow .2s var(--ease); }
.lbm-pag--luz .lz-faq details[open] { box-shadow: var(--sh-2); }
.lbm-pag--luz .lz-faq summary::after { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; background: var(--agua-soft); color: var(--agua); font-size: 1.375rem; }

/* Final */
.lbm-pag--luz .pg-mitad__foto img { border-radius: 0; }

@media (max-width: 760px) {
	.lbm-pag--luz .lbm-wizard .panel:not(.results), .lbm-pag--luz .lbm-wizard .wizard { padding: 18px; border-radius: var(--r-lg); }
	.lbm-pag--luz .lbm-wizard .equipment-grid { gap: 10px; }
	.lbm-pag--luz .lbm-wizard .card { min-height: 0; padding: 14px; }
	.lbm-pag--luz .lbm-wizard .card .icon { width: 52px; height: 52px; }
	.lbm-pag--luz .lbm-wizard .card .name { font-size: 1.125rem; overflow-wrap: anywhere; }
	.lbm-pag--luz .lbm-wizard .results { padding: 20px 16px; }
	.lbm-pag--luz .lz-linea { grid-template-columns: minmax(0, 1fr); row-gap: 44px; }
	.lbm-pag--luz .lz-rejilla3, .lbm-pag--luz .lz-equipos { grid-template-columns: minmax(0, 1fr); }
	.lbm-pag--luz .lbm-wizard .summary { grid-template-columns: minmax(0, 1fr); }
	.lbm-pag--luz .lz-formula p { grid-template-columns: minmax(0, 1fr); row-gap: 6px; }
	.lbm-pag--luz .lz-formula b { width: 30px; height: 30px; }
}
@media (prefers-reduced-motion: reduce) {
	.lbm-pag--luz *, .lbm-pag--luz *::before { animation: none !important; transition: none !important; }
	.lbm-pag--luz .lbm-wizard .card:hover, .lbm-pag--luz .lz-rejilla3 li:hover, .lbm-pag--luz .lz-equipos li:hover { transform: none; }
}