html {
   scroll-behavior: smooth;
   overflow-x: hidden;
}

@media (max-width: 720px) {
   #logoNavHidden {
      height: 40px !important;
   }
   main{
      padding-top: 53px !important;
   }
}

@media (max-width: 1040px) {
   #logoNav {
      display: none !important;
   }
}

@media (min-width: 721px) {
   main{
      padding-top: 64px !important;
   }
}

[id] {
  scroll-margin-top: 53px; /* ajusta los píxeles que quieras */
}

.main-menu-nav,
.main-menu,
.main-menu__item,
.main-menu__item:hover,
.option-container,
.button--options,
.footer__bottom {
   background-color: #820000 !important
}

.toggle-expand__open::before,
.toggle-expand__close::before,
.footer__bottom {
   color: white !important
}