/* ============================================================
   Biblioteca de ícones SVG (estilo Lucide)
   Uso: <svg class="icon">...</svg>  (tamanho herda do font-size)
        <svg class="icon icon-lg">  (1.5em)
   Cor: herda de currentColor — basta setar color no pai
   ============================================================ */
.icon {
  width: 1em;
  height: 1em;
  display: inline-block;
  vertical-align: -0.15em;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.75;
  stroke-linecap: round;
  stroke-linejoin: round;
  flex-shrink: 0;
}

.icon-fill {
  fill: currentColor;
  stroke: none;
}

.icon-lg { width: 1.5em; height: 1.5em; }
.icon-sm { width: 0.875em; height: 0.875em; }

/* Para containers que centram emoji via flex — funciona igual com svg */
.icon-center {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}