/* Cognitech Perú — base común de marca (v1, 25-oct-2026)
   Copiar igual en cada proyecto. Cada sitio solo define su acento:
   :root{ --acento:#C8814A; --acento-claro:#E0A066; --acento-tinta:#231204; }
   La fuente se aloja junto al CSS: fonts/AlbertSans-latin.woff2 (sin Google Fonts). */

@font-face{
  font-family:"Albert Sans";
  src:url("fonts/AlbertSans-latin.woff2") format("woff2");
  font-weight:100 900; font-style:normal; font-display:swap;
}

:root{
  /* neutros de la marca */
  --ck-marino:   #0A1B33;
  --ck-marino-2: #0E2342;   /* superficie sobre marino */
  --ck-marino-3: #132D55;   /* tarjetas sobre marino */
  --ck-linea:    #223C61;   /* bordes sobre marino */
  --ck-claro:    #F4F6FA;   /* fondo claro */
  --ck-texto:    #43546E;   /* texto sobre fondo claro */
  --ck-tinta:    #E9EDF4;   /* texto sobre marino */
  --ck-tinta-2:  #A3B3CA;   /* texto secundario sobre marino */
  --ck-tinta-3:  #7B8DA8;   /* texto terciario sobre marino */

  /* acento: cada sitio lo redefine */
  --acento:       #1D4ED8;
  --acento-claro: #5B8BF5;
  --acento-tinta: #FFFFFF;  /* texto sobre botones de acento */

  --ck-font: "Albert Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --ck-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Consolas, monospace;
}

/* Pie común de los productos Cognitech */
.ck-pie{
  border-top:1px solid var(--ck-linea); padding:32px 0;
  font-family:var(--ck-font); font-size:.85rem; color:var(--ck-tinta-3);
}
.ck-pie .wrap{display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px 24px}
.ck-pie p{margin:0}
.ck-pie .ck-pie-linea{color:var(--ck-tinta-2); font-weight:500}
.ck-pie a{color:var(--ck-tinta-2); text-decoration:none}
.ck-pie a:hover{color:var(--acento-claro); text-decoration:underline}
.ck-pie nav{display:flex; flex-wrap:wrap; gap:6px 18px}
.ck-pie .ck-legal{flex-basis:100%; font-size:.78rem}