/* * { outline: solid 1px #a88b8b6b;} */

:root {
  /* Paleta de Colores Modernizada y Premium */
  --primary-color: #1a323c;              /* Color primario original */
  --primary-rgb: 26, 50, 60;             /* Para uso en rgba() y Glassmorphism */
  --secondary-color: #13232b;            /* Color del footer */
  --accent-color: #a9adaf;               /* Color de acento del buscador/nav */
  
  --bg-main: #f1f5f9;                    /* Fondo principal claro y limpio */
  --bg-card: #ffffff;                    /* Fondo de tarjetas/tabla */
  --bg-nav:  #b6c8cf;
  --text-main: #1e293b;                  /* Texto slate oscuro para legibilidad */
  --text-muted: #64748b;                 /* Texto slate secundario */
  --text-muted: #64748b;                 /* Texto slate secundario */
  --text-light: #ffffff;                 /* Texto claro */

  --border-color: #aaaaaa;
  
  --header-height: 75px;                 /* Unificación de la altura del encabezado */
  
  /* Efectos y Transiciones */
  --transition-smooth: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.08), 0 2px 4px -2px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  
  --border-radius-sm: 0.375rem;
  --border-radius-md: 0.5rem;
  --border-radius-lg: 0.75rem;
}

@font-face {
  font-family: 'Inter Variable';
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format('woff2-variations');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

html {
  font-size: 90%;
  background-color: var(--bg-main);
  color: var(--text-main);
  /* scroll-behavior: smooth; */
  scroll-padding-top: 110px;
}


body {
  font-family: 'Inter Variable', 'arial', sans-serif;
  background-color: var(--bg-main);
  color: var(--text-main);

}