:root {
  --dark-color: #292929;
  --light-color: #ffffff;
  --main-color: #c53a2e;
  --secondary-color: #91919d;

  --booking_background: #fefefe;
  --booking_foreground: #292929;

  --hex-booking-logo-color1: invert(0%) sepia(10%) saturate(3206%) hue-rotate(202deg) brightness(94%) contrast(82%);
  --hex-booking-logo-color2: invert(100%) sepia(5%) saturate(1380%) hue-rotate(292deg) brightness(82%) contrast(89%);


  /*
      https://codepen.io/sosuke/pen/Pjoqqp
      Convierte un código de color RGB a formato hex
  */

  --hex-dark-color: invert(0%) sepia(10%) saturate(3206%) hue-rotate(202deg) brightness(94%) contrast(82%);
  --hex-light-color: invert(99%) sepia(0%) saturate(7490%) hue-rotate(222deg) brightness(102%) contrast(103%);
  --hex-main-color: invert(22%) sepia(81%) saturate(1770%) hue-rotate(342deg) brightness(104%) contrast(89%);
  --hex-secondary-color: invert(100%) sepia(5%) saturate(1380%) hue-rotate(292deg) brightness(82%) contrast(89%);
  --hex-disabled-color: invert(84%) sepia(0%) saturate(0%) hue-rotate(104deg) brightness(97%) contrast(96%);
  --hex-allergens-color: invert(66%) sepia(0%) saturate(25%) hue-rotate(224deg) brightness(96%) contrast(89%);

  --hex-black-dark-color: invert(100%) sepia(0%) saturate(0%) hue-rotate(140deg) brightness(101%) contrast(102%);
  --hex-black-light-color: invert(100%) sepia(0%) saturate(1%) hue-rotate(329deg) brightness(99%) contrast(102%);
  --hex-black-main-color: invert(92%) sepia(88%) saturate(660%) hue-rotate(330deg) brightness(92%) contrast(89%);
}



img.logo-header {
  /*filter: none;*/
  filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
  width: 100%; max-width: 150px;
}

/*
.col-ico-menu:hover img.logo-header{
  filter: none;
}*/

.menu-logo img{
  max-width: 200px;
}

.buttonGrid-item a{ color: var(--light-color); }
.buttonGrid-item a:hover{ color: var(--main-color); }

.set-background-head{
  /* background-color: var(--main-color); */
}

.set-background-head img.main_ico_bars{
  /*filter: var(--hex-light-color);*/ width: 60px;
}

.footer-social-icons a:hover img{
  filter: var(--hex-main-color);
}

.main_logo_topbar{
  max-width: 180px;
  filter: var(--hex-light-color);
}

.set-background-head img.main_logo_topbar{
  max-width: 110px;
}