/* Customizaciones minimas sobre Tabler. Mantener este archivo chico. */

@font-face {
  font-family: "InterLocal";
  src: url("./fonts/inter/inter-100.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "InterLocal";
  src: url("./fonts/inter/inter-200.ttf") format("truetype");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}

@font-face {
  font-family: "InterLocal";
  src: url("./fonts/inter/inter-300.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

@font-face {
  font-family: "InterLocal";
  src: url("./fonts/inter/inter-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "InterLocal";
  src: url("./fonts/inter/inter-500.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "InterLocal";
  src: url("./fonts/inter/inter-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "InterLocal";
  src: url("./fonts/inter/inter-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: "InterLocal";
  src: url("./fonts/inter/inter-800.ttf") format("truetype");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

@font-face {
  font-family: "InterLocal";
  src: url("./fonts/inter/inter-900.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

:root {
  --tblr-font-sans-serif: "InterLocal", "Inter Var", Inter, -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --tblr-body-font-family: var(--tblr-font-sans-serif);
}

body {
  font-family: var(--tblr-body-font-family);
}

.table th,
.table td {
  vertical-align: middle;
}

/* Columna de tabla con ancho controlado */
.col-clamp {
  width: 350px;
  max-width: 350px;
  word-break: break-word;
}

/* intl-tel-input: ocupa el ancho completo del contenedor */
.iti {
  width: 100%;
}
