/* ============================================================
   NUEZ — Íconos Phosphor (MIT) · subset de 28 glifos
   Fuente: vistas/assets/fonts/phosphor-subset.woff2 (3.4 KB)
   Reemplaza Boxicons (2.49 MB) + Font Awesome (1.01 MB).

   IMPORTANTE: el glifo se inyecta con ::before. Una regla
   `.ph-x { content: "..." }` aplicada al elemento NO dibuja nada:
   `content` sólo funciona en pseudoelementos.
   ============================================================ */

@font-face {
  font-family: 'Phosphor';
  /* El ?v= es a mano: la URL de la fuente vive dentro del CSS y asset_ver()
     solo versiona el <link> de la hoja, no lo que esta referencia. Sin esto,
     la cache de 1 mes del .htaccess seguiria sirviendo el subset viejo
     (al que le faltaba el glifo del ojo, U+E220). Subirlo si se regenera. */
  src: url('../fonts/phosphor-subset.woff2?v=20261031b') format('woff2');
  font-weight: normal;
  font-style: normal;
  /* block evita el "cuadro" mientras carga: mejor sin ícono que con tofu */
  font-display: block;
}

.ph {
  display: inline-block;
  font-family: 'Phosphor';
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-transform: none;
  speak: never;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  vertical-align: -0.125em;
}

.ph::before {
  display: inline-block;
}

/* --- Navegación / shell --- */
.ph-house::before         { content: "\e2c2"; }
.ph-list::before          { content: "\e2f0"; }
.ph-caret-left::before    { content: "\e138"; }
.ph-caret-right::before   { content: "\e13a"; }
.ph-tree-structure::before { content: "\e67c"; }
.ph-sign-out::before      { content: "\e42a"; }

/* --- Búsqueda / tema --- */
.ph-magnifying-glass::before { content: "\e30c"; }
.ph-moon::before          { content: "\e330"; }
.ph-sun::before           { content: "\e472"; }

/* --- Acciones de fila --- */
.ph-floppy-disk::before   { content: "\e248"; }
.ph-pencil-simple::before { content: "\e3b4"; }
.ph-trash::before         { content: "\e4a6"; }
.ph-plus::before          { content: "\e3d4"; }
.ph-eye::before           { content: "\e220"; }
.ph-eye-slash::before     { content: "\e224"; }

/* Compatibilidad: el helpers.js de Sneat alterna las clases bx-hide /
   bx-show en el ojo de "mostrar contraseña". Se mapean a Phosphor para
   que ese toggle siga funcionando sin cargar Boxicons. */
.ph.bx-hide::before       { content: "\e224"; }
.ph.bx-show::before       { content: "\e220"; }

/* --- Estado --- */
.ph-check-circle::before  { content: "\e184"; }
.ph-x-circle::before      { content: "\e4f8"; }
.ph-prohibit::before      { content: "\e3de"; }
.ph-circle::before        { content: "\e18a"; }
.ph-arrow-up::before      { content: "\e08e"; }
.ph-hand-pointing::before { content: "\e29a"; }

/* --- Personas --- */
.ph-users::before         { content: "\e4d6"; }
.ph-user-check::before    { content: "\eafa"; }
.ph-user-minus::before    { content: "\e4ce"; }

/* --- Documentos / comercio --- */
.ph-file-pdf::before      { content: "\e702"; }
.ph-calendar-dots::before { content: "\e7b4"; }
.ph-currency-dollar::before { content: "\e550"; }
.ph-shopping-cart::before { content: "\e41e"; }
.ph-browser::before       { content: "\e0f4"; }

/* --- Tamaños utilitarios --- */
.ph-sm  { font-size: 0.875em; }
.ph-lg  { font-size: 1.25em; }
.ph-xl  { font-size: 1.6em; }