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

      --bg-oscuro: #232429;
      --title-bg-oscuro: #fff;
      --text-bg-oscuro: #ddd;
      --dif-bg-oscuro: #649f7d;


      --resalto: #56b87f;
      
      /*amarillo*/
      --resalto-bg-oscuro: #ffed1d;
      --color1: #ffed1d;
      --color1b: #c3b61a;
      /*verde*/
      --resalto-bg-claro: #0e9a49;
      --color2: #0e9a49;
      --color2b: #085f2c;

      --btn-ok: #32691f;
      --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);
}