/* Ícones da interface — Google Material Symbols (Rounded).
   A fonte é carregada via <link> do Google Fonts nos layouts.
   Uso: <x-icon nome="search" /> ou <span class="material-symbols-rounded">search</span> */
.material-symbols-rounded{
  font-family:'Material Symbols Rounded';
  font-weight:normal;font-style:normal;
  font-size:20px;line-height:1;
  letter-spacing:normal;text-transform:none;
  display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;
  vertical-align:middle;
  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  font-variation-settings:'FILL' 0,'wght' 400,'GRAD' 0,'opsz' 20;
  user-select:none;
}
/* Variante preenchida (ícone sólido) — <x-icon nome="favorite" preenchido /> */
.material-symbols-rounded.preenchido{font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 20}

/* Setas de <select> (.chevron) e lupas de busca (.lupa) eram glifos pequenos que
   herdavam o tamanho do wrapper; o ícone Material tem font-size próprio (20px) e
   ignorava isso, ficando gigante. Fixa um tamanho adequado nesses contextos. */
.chevron .material-symbols-rounded{font-size:18px}
.lupa .material-symbols-rounded{font-size:18px}