/* Base del Design System Velonet ERP para Consulta Deudores.
   El ERP monta sus componentes sobre el preflight de Tailwind
   (tailwindcss/base); aqui va el subconjunto de ese reset del que dependen
   sus clases, seguido de lo que el ERP declara en src/index.css. */

/* ── Preflight (subconjunto de tailwindcss/base) ─────────────── */
*,
*::before,
*::after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
  margin: 0;
  padding: 0;
}

html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  tab-size: 4;
  font-family: var(--font-sans);
}

h1, h2, h3, h4, h5, h6 {
  font-size: inherit;
  font-weight: inherit;
}

b, strong {
  font-weight: bolder;
}

code {
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  font-size: 1em;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  line-height: inherit;
  color: inherit;
}

button, [type='button'], [type='reset'], [type='submit'] {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none;
  cursor: pointer;
}

ol, ul {
  list-style: none;
}

img, svg, video {
  display: block;
  vertical-align: middle;
}

img, video {
  max-width: 100%;
  height: auto;
}

table {
  text-indent: 0;
  border-color: inherit;
  border-collapse: collapse;
}

[hidden] {
  display: none;
}

/* ── src/index.css del ERP ───────────────────────────────────── */
a,
button,
[role="button"],
.btn,
.cta-button,
.btn-primary,
.btn-secondary,
.btn-ghost,
.tab-item {
  transition:
    color var(--transition-fast),
    background-color var(--transition-fast),
    border-color var(--transition-fast),
    box-shadow var(--transition-fast),
    opacity var(--transition-fast);
}

body,
.modal-overlay {
  transition:
    background-color var(--transition-slow),
    color var(--transition-slow);
}

.corp-card,
.h-card {
  transition:
    transform var(--transition-base),
    box-shadow var(--transition-base),
    background-color var(--transition-slow),
    border-color var(--transition-slow);
}

.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  line-height: 1;
  vertical-align: middle;
  user-select: none;
  flex-shrink: 0;
}

.icon-filled {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.icon-sm  { font-size: 18px; }
.icon-md  { font-size: 24px; }
.icon-lg  { font-size: 28px; }
.icon-xl  { font-size: 36px; }