.clave-reglas { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: 6px; font-size: 15px; }
.clave-reglas li { display: flex; align-items: center; gap: 8px; color: #5b4f47; }
.clave-reglas-marca { flex: none; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #b9aca3; display: inline-grid; place-items: center; font-size: 14px; font-weight: 800; line-height: 1; color: #fff; }
.clave-reglas li.cumple { color: #1e6b34; font-weight: 700; }
.clave-reglas li.cumple .clave-reglas-marca { background: #1e6b34; border-color: #1e6b34; }
.clave-reglas li.cumple .clave-reglas-marca::before { content: "\2713"; }
.clave-reglas-estado { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }