:root {
      --bg-claro: #ffffff;
      --title-bg-claro: #333333;
      --text-bg-claro: #555555;
      --dif-bg-claro: #d9ebff;

      --bg-oscuro: #171d2d;
      --title-bg-oscuro: #fff;
      --text-bg-oscuro: #ddd;
      --dif-bg-oscuro: #212a3f;

      --resalto: #20b2aa;

      --btn-ok: #171d2d;
      --btn-error: #a71010
  }
*{margin: 0; padding: 0; box-sizing: border-box;}

/* Firefox (uncomment to work in Firefox, although other properties will not work!)  */
/** {
  scrollbar-width: thin;
  scrollbar-color: #397524 #DFE9EB;
}*/

/* Chrome, Edge and Safari */
*::-webkit-scrollbar {
  height: 10px;
  width: 10px;
}
*::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: var(--dif-bg-claro);
}

*::-webkit-scrollbar-track:hover {
  background-color: var(--dif-bg-claro);
}

*::-webkit-scrollbar-track:active {
  background-color: var(--dif-bg-claro);
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--resalto);
}

*::-webkit-scrollbar-thumb:hover {
  background-color: var(--resalto);
}

*::-webkit-scrollbar-thumb:active {
  background-color: var(--resalto);
}