/*
 * Identidad corporativa de Inerttia, la misma que usa DeCA.
 * Los tres colores base salen del logotipo oficial (inerttia_logo_RGB):
 *   azul   #1794D4   lima   #CFD449   grafito #414142
 * El resto de la escala se ha derivado de ellos.
 *
 * Tipografia: Geist, autoalojada (SIL Open Font License 1.1, ver
 * fonts/LICENSE.txt). No se carga nada de terceros: ni Google Fonts ni CDN.
 */
@font-face {
  font-family: "Geist";
  src: url("../fonts/geist-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --brand-50: #f0f9fe;
  --brand-100: #dcf1fc;
  --brand-200: #b9e3f9;
  --brand-300: #82cef3;
  --brand-400: #43b3e9;
  --brand-500: #1794d4;
  --brand-600: #0f77b3;
  --brand-700: #0d5f90;
  --brand-800: #105076;
  --brand-900: #124363;
  --brand-950: #0c2b42;

  --accent-50: #fbfced;
  --accent-100: #f5f8d3;
  --accent-200: #ecf2ab;
  --accent-300: #dfe878;
  --accent-400: #cfd449;
  --accent-500: #b8c22f;
  --accent-600: #909a22;
  --accent-700: #6d751f;
  --accent-800: #575d20;
  --accent-950: #27290d;

  --ink-50: #f7f7f8;
  --ink-100: #eeeeef;
  --ink-200: #d9d9db;
  --ink-300: #b8b8bb;
  --ink-400: #909094;
  --ink-500: #727276;
  --ink-600: #5c5c60;
  --ink-700: #4b4b4e;
  --ink-800: #414142;
  --ink-900: #333334;
  --ink-950: #1e1e1f;

  --font-sans: "Geist", ui-sans-serif, system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", "JetBrains Mono", "Cascadia Mono", Menlo, Consolas, monospace;

  --shadow-card: 0 1px 2px rgb(30 30 31 / .04), 0 8px 24px -12px rgb(30 30 31 / .12);
  --shadow-lift: 0 2px 4px rgb(30 30 31 / .05), 0 18px 40px -18px rgb(23 148 212 / .35);
}

* { box-sizing: border-box; }

/* el atributo hidden debe ganar a cualquier display de las reglas de abajo */
[hidden] { display: none !important; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--font-sans);
  color: var(--ink-900);
  background: var(--ink-50);
  -webkit-font-smoothing: antialiased;
}

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

:where(a, button, summary, [tabindex]):focus-visible {
  outline: 2px solid var(--brand-500);
  outline-offset: 2px;
  border-radius: 6px;
}

::selection { background: var(--brand-100); color: var(--brand-900); }

/* ------------------------------------------------ logotipo del producto */
/* isotipo de Inerttia + wordmark + firma «de Inerttia», como DeCA */
.product-logo {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  border-radius: 8px;
}
.product-logo img { height: 32px; width: auto; flex: 0 0 auto; }
.product-logo .wordmark { display: flex; flex-direction: column; line-height: 1; }
.product-logo .wordmark strong {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: -.02em;
  color: var(--ink-900);
}
.product-logo .wordmark span {
  margin-top: 3px;
  font-size: 10.5px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .16em;
  color: var(--ink-400);
}
.product-logo.inverted .wordmark strong { color: #fff; }
.product-logo.inverted .wordmark span { color: var(--brand-200); }

/* firma «Un producto de Inerttia» con el logotipo corporativo */
.inerttia-signature {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  text-decoration: none;
  border-radius: 8px;
}
.inerttia-signature span {
  font-size: 11px;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: .18em;
  color: var(--ink-400);
}
.inerttia-signature img { height: 20px; width: auto; opacity: .9; transition: opacity .2s; }
.inerttia-signature:hover img { opacity: 1; }
.inerttia-signature.inverted span { color: var(--ink-500); }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}