/* ─────────────────────────────────────────────────────────────────────────
   Tabler Icons — variantes FILLED (rellenas) · pack scoped
   ─────────────────────────────────────────────────────────────────────────
   El tabler-icons.min.css base solo trae los íconos OUTLINE (stroke). Algunos
   componentes (p.ej. rating de estrellas) necesitan la versión RELLENA.

   Tabler distribuye los rellenos en otra fuente ("tabler-icons-filled") y, ojo,
   con CODEPOINTS DISTINTOS a los outline (ti-star outline=\eb2e, filled=\f6a6).
   Por eso NO se puede cargar el CSS filled completo (colisiona: redefine .ti-*
   y rompería TODOS los íconos outline del sistema).

   Solución: definir aquí SOLO las variantes que necesitamos, con nombre propio
   `-filled`, apuntando a la fuente filled + su codepoint. Aditivo y sin colisión
   (estas clases no existen en el CSS outline). `!important` para ganarle a la
   regla genérica `[class^="ti-"]` del base. Versión Tabler Icons: 3.41.1.

   Uso: <i class="ti ti-star-filled"></i>  ·  <i class="ti ti-star-half-filled"></i>
   Para agregar más rellenos: copiar el codepoint del tabler-icons-filled.min.css
   oficial (3.41.1) y añadir su regla aquí.
   ───────────────────────────────────────────────────────────────────────── */
@font-face {
  font-family: "tabler-icons-filled";
  font-style: normal;
  font-weight: 400;
  src: url("./fonts/tabler-icons-filled.woff2?v3.41.1") format("woff2"),
       url("./fonts/tabler-icons-filled.woff?") format("woff"),
       url("./fonts/tabler-icons-filled.ttf?v3.41.1") format("truetype");
  font-display: block;
}

/* PBI-SHARED-TABLER-FILLED-ICONS-001: clase DOBLE (.X.X = especificidad 0,2,0) para
   ganarle a la base `.ti{font-family:"tabler-icons"!important}` (0,1,0). Con !important
   en ambas y misma especificidad, el empate lo decidía el ORDEN DE CARGA y ganaba la
   outline -> el ::before usaba la fuente regular (sin glifo \f6a6) -> ícono invisible.
   La clase doble gana por especificidad sin depender del orden. (Verificado: width 0->30.) */
.ti-star-filled.ti-star-filled,
.ti-star-half-filled.ti-star-half-filled { font-family: "tabler-icons-filled" !important; }

.ti-star-filled.ti-star-filled:before,
.ti-star-half-filled.ti-star-half-filled:before { font-family: "tabler-icons-filled" !important; }

.ti-star-filled:before      { content: "\f6a6"; }
.ti-star-half-filled:before { content: "\f6a7"; }