/* Estilos de la página "Laboratorio de ahorro" -- página estática, sin motor de
   templates. Reutiliza .ig-wrap/.ig-card/.ig-btn/.ig-bento/.ig-span2 de style.css y el
   cromo compartido (header, menús, tema, drawer) de shared.css. Única regla propia: el
   fondo de la primera tarjeta (destacada) del bento y los chips de alcance. */
@import url("style.css");
@import url("shared.css");

.ig-tile-featured{background:var(--accent);color:var(--on-accent)}
.ig-scope{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.ig-scope li{background:var(--chip);color:var(--text);border-radius:999px;padding:7px 12px;font-size:13px;font-weight:600}
.ig-scope.on-accent li{background:rgba(255,255,255,.18);color:inherit}