/*
 * Lume Digital · «Encendido» · autoevaluación (bloque «lume/autoevaluacion» del plugin Lume Core).
 * Se carga solo en las páginas que contienen el bloque.
 */
.lume-autoeval__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: 1.25rem; align-items: start; }
.lume-autoeval__lista { display: grid; gap: .6rem; margin: 0; padding: 0; list-style: none; }
.lume-autoeval__pregunta {
	padding: 1rem 1.1rem; border: 1px solid var(--linea); border-radius: 16px; background: var(--vidrio);
	-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); transition: border-color .3s, background-color .3s;
}
.lume-autoeval__pregunta.respondida { border-color: var(--linea-2); }
.lume-autoeval__pregunta fieldset { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem 1.25rem; min-width: 0; margin: 0; padding: 0; border: 0; }
.lume-autoeval__pregunta legend { float: left; flex: 1 1 16rem; min-width: 0; padding: 0; font-weight: 560; line-height: 1.35; }
.lume-autoeval__opciones { display: inline-flex; gap: 3px; padding: 3px; border-radius: 999px; background: rgba(232, 238, 233, .05); box-shadow: inset 0 0 0 1px var(--linea); }
.lume-autoeval__opciones label { position: relative; cursor: pointer; }
.lume-autoeval__opciones input { position: absolute; inset: 0; margin: 0; opacity: 0; cursor: pointer; }
.lume-autoeval__opciones span {
	display: block; min-width: 2.9rem; padding: .7rem .9rem; border-radius: 999px; color: var(--niebla); font-size: .9rem; font-weight: 580; text-align: center;
	transition: background-color .25s, color .25s, box-shadow .25s;
}
.lume-autoeval__opciones label:hover span { color: var(--bruma); }
.lume-autoeval__opciones input:checked + span { background: var(--bruma); color: var(--sobre-verde); }
.lume-autoeval__opciones input[value="si"]:checked + span { background: var(--clorofila); box-shadow: 0 0 18px rgba(87, 214, 90, .45); }
.lume-autoeval__opciones input[value="ns"]:checked + span { background: var(--filamento); }
.lume-autoeval__opciones input:focus-visible + span { outline: 2px solid var(--clorofila); outline-offset: 2px; }

.lume-autoeval__resultado {
	position: sticky; top: 6rem; padding: 1.5rem; border: 1px solid var(--linea-2); border-radius: 22px;
	background: radial-gradient(120% 80% at 50% 0%, rgba(87, 214, 90, .08), transparent 60%), rgba(7, 12, 9, .86);
	-webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px);
}
/* Tablero de indicadores: una luz por pregunta. */
.lume-autoeval__tablero {
	display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .45rem; padding: .6rem; border: 1px solid var(--linea); border-radius: 16px; background: rgba(3, 5, 4, .7);
	background-image: linear-gradient(var(--linea) 1px, transparent 1px), linear-gradient(90deg, var(--linea) 1px, transparent 1px); background-size: 14px 14px; background-position: -1px -1px;
}
.lume-autoeval__indicador {
	display: flex; flex-direction: column; gap: .55rem; padding: .65rem .7rem; border: 1px solid var(--linea); border-radius: 10px;
	background: rgba(12, 18, 14, .92); color: var(--niebla); font-size: .78rem; transition: border-color .4s, color .4s;
}
.lume-autoeval__indicador i {
	display: grid; place-items: center; width: 1.1rem; height: 1.1rem; border-radius: 50%; background: var(--apagado); box-shadow: inset 0 0 0 1px var(--linea-2);
	color: var(--sobre-verde); font-size: .7rem; font-style: normal; font-weight: 800; line-height: 1; transition: background-color .4s, box-shadow .4s;
}
.lume-autoeval__indicador.si i::after { content: "✓"; }
.lume-autoeval__indicador.ns i::after { content: "?"; }
.lume-autoeval__indicador.no i::after { content: "×"; color: #fff; font-size: .85rem; }
.lume-autoeval__indicador.si { border-color: var(--linea-verde); color: var(--bruma); }
.lume-autoeval__indicador.si i { background: var(--clorofila); box-shadow: 0 0 10px var(--clorofila), 0 0 24px rgba(87, 214, 90, .5); }
.lume-autoeval__indicador.ns i { background: var(--filamento); box-shadow: 0 0 10px rgba(255, 182, 72, .7); }
.lume-autoeval__indicador.no { border-color: rgba(255, 90, 78, .45); color: var(--bruma); }
.lume-autoeval__indicador.no i { background: var(--alerta); box-shadow: 0 0 10px rgba(255, 90, 78, .7); }
.lume-autoeval__leyenda { display: flex; justify-content: center; gap: 1rem; margin: .6rem 0 0; color: var(--tenue); font-size: .76rem; }
.lume-autoeval__leyenda span { display: inline-flex; align-items: center; gap: .35rem; }
.lume-autoeval__leyenda span::before { content: ""; width: .55rem; height: .55rem; border-radius: 50%; }
.lume-autoeval__leyenda .si::before { background: var(--clorofila); }
.lume-autoeval__leyenda .ns::before { background: var(--filamento); }
.lume-autoeval__leyenda .no::before { background: var(--alerta); }
.lume-autoeval__cuenta { margin: .8rem 0 .9rem; color: var(--niebla); font-size: .9rem; text-align: center; }
.lume-autoeval__cuenta b { color: var(--bruma); font-size: 1.15rem; font-variant-numeric: tabular-nums; }
.lume-autoeval__resultado h3 { margin: 0; font-size: 1.15rem; font-weight: 650; font-stretch: 110%; text-align: center; }
.lume-autoeval__sub { margin: .3rem 0 1rem; color: var(--niebla); font-size: .92rem; text-align: center; }
.lume-autoeval__recomendados { display: grid; gap: .45rem; margin: 0 0 1.1rem; padding: 0; list-style: none; }
.lume-autoeval__recomendados li {
	display: flex; justify-content: space-between; align-items: baseline; gap: 1rem; padding: .6rem .8rem; border: 1px solid var(--linea); border-radius: 12px;
	background: rgba(232, 238, 233, .05); font-size: .94rem; animation: entrada-recomendado .45s var(--ease) both;
}
.lume-autoeval__recomendados li > :first-child { color: var(--bruma); font-weight: 600; }
.lume-autoeval__recomendados a { text-decoration: none; }
.lume-autoeval__recomendados a:hover { text-decoration: underline; text-underline-offset: 3px; }
.lume-autoeval__recomendados li > span:last-child { color: var(--niebla); font-size: .82rem; text-align: right; }
.lume-autoeval__recomendados .vacio { justify-content: center; border-style: dashed; background: none; color: var(--niebla); text-align: center; animation: none; }
@keyframes entrada-recomendado { from { opacity: 0; translate: 0 -8px; } }
.lume-autoeval__resultado .boton { width: 100%; line-height: 1.25; text-align: center; white-space: normal; }
.lume-autoeval__resultado small { display: block; margin-top: .75rem; color: var(--tenue); font-size: .8rem; text-align: center; }
html:not(.js) .lume-autoeval__resultado { display: none; }
html:not(.js) .lume-autoeval__grid { grid-template-columns: minmax(0, 1fr); }

/* Puente de la guía orientativa al servicio profesional. */
.lume-autoeval__auditoria {
	display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1.5rem 3rem; margin-top: 1.25rem; padding: 1.4rem 1.6rem;
	border: 1px solid var(--linea-verde); border-radius: 20px; background: linear-gradient(120deg, rgba(87, 214, 90, .10), rgba(232, 238, 233, .02) 60%);
	text-decoration: none; transition: border-color .3s, transform .3s var(--ease);
}
.lume-autoeval__auditoria:hover { border-color: var(--clorofila); transform: translateY(-2px); }
.lume-autoeval__auditoria-texto { display: grid; gap: .25rem; max-width: 44rem; }
.lume-autoeval__auditoria-et { color: var(--niebla); font-size: .88rem; }
.lume-autoeval__auditoria b { font-size: 1.35rem; font-weight: 680; font-stretch: 112%; }
.lume-autoeval__auditoria-texto > span:last-child { color: var(--niebla); font-size: .97rem; }
.lume-autoeval__auditoria-ir { display: inline-flex; align-items: center; gap: .5rem; color: var(--clorofila); font-weight: 620; white-space: nowrap; }
.lume-autoeval__auditoria-ir svg { width: 1.1rem; height: 1.1rem; transition: translate .3s var(--ease); }
.lume-autoeval__auditoria:hover .lume-autoeval__auditoria-ir svg { translate: 4px 0; }

@media (max-width: 63.99em) {
	.lume-autoeval__grid { grid-template-columns: minmax(0, 1fr); }
	.lume-autoeval__resultado { position: relative; top: 0; background: rgba(9, 14, 11, .96); -webkit-backdrop-filter: none; backdrop-filter: none; }
	.lume-autoeval__pregunta { background: rgba(12, 18, 14, .9); -webkit-backdrop-filter: none; backdrop-filter: none; }
}
@media (forced-colors: active) { .lume-autoeval__indicador i { forced-color-adjust: none; } }
