.icono-categoria { display:inline-grid; place-items:center; width:2.15rem; height:2.15rem; border-radius:.7rem; color:var(--verde-700); background:var(--verde-100); }
.selector-icono-actual { display:flex; align-items:center; min-height:2.75rem; gap:.5rem; overflow:hidden; border-color:#cedbd4; color:var(--tinta); }
.selector-icono-actual:hover { border-color:var(--verde-700); background:var(--verde-100); }
.selector-icono-actual .bi { flex:none; color:var(--verde-700); font-size:1.15rem; }
.selector-iconos { padding:1rem; border:1px solid var(--linea); border-radius:.9rem; background:var(--crema); }
.selector-iconos-cabecera { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.lista-iconos { display:grid; grid-template-columns:repeat(auto-fill, minmax(7.5rem, 1fr)); gap:.45rem; max-height:22rem; padding:.15rem; overflow:auto; }
.opcion-icono { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:5.85rem; gap:.45rem; padding:.55rem .35rem; overflow:hidden; border:1px solid var(--linea); border-radius:.7rem; background:var(--blanco); color:var(--verde-900); font-size:.72rem; line-height:1.15; text-align:center; }
.opcion-icono:hover, .opcion-icono:focus-visible, .opcion-icono.seleccionada { border-color:var(--verde-700); background:var(--verde-100); color:var(--verde-950); outline:0; }
.opcion-icono .bi { font-size:1.45rem; }
.opcion-icono span { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:575.98px) { .lista-iconos { grid-template-columns:repeat(3, minmax(0, 1fr)); max-height:18rem; } }