/* =========================================
   Public Sans (TTF)
   Nota: WOFF2 sería mejor, pero TTF funciona.
   ========================================= */

@font-face{
  font-family: "Public Sans";
  src: url("/fonts/public-sans/PublicSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Public Sans";
  src: url("/fonts/public-sans/PublicSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Public Sans";
  src: url("/fonts/public-sans/PublicSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face{
  font-family: "Public Sans";
  src: url("/fonts/public-sans/PublicSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root{
  --vx-font: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}

html, body{
  font-family: var(--vx-font);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* Asegurar que Bootstrap también caiga en la fuente */
body, button, input, select, textarea{
  font-family: var(--vx-font);
}