.top-nav {
  margin: 0;
  /*  width: calc(var(--u-100) * 24);*/
  grid-column: 3/24;
  padding-top: calc(var(--u-100) * 2);
  height: auto;
}

header {
  margin: 0 0 0 0;
}

header li a {
  font-size: 12vw;
  font-family: fiente2;
}

#logo_menu_header {
  height: auto;
  margin-left: calc(var(--u-100) * 0);
}

#logo_menu_header a {
  /*width: calc(var(--u-100) * 2.2) !important;
  margin-top: calc(var(--u-100) * 0) !important;
  margin-left: calc(var(--u-100) * .5);
  margin-right: calc(var(--u-100) * 1);*/
  width: calc(var(--u-100)* 9);
  margin-top: calc(var(--u-100)* -0.5);
}

#menu-toggle:checked~.menu {
  position: fixed !important;
  flex-direction: column;
  background: var(--color3);
  overflow-x: scroll;
  padding-top: calc(var(--u-100) * 4.5);
}
#start_mobile{
  padding-top: calc(var(--u-100) * .5) !important;
}
#menu-toggle~.menu li .barra {
  padding: 0 1vw;
  color: var(--color6);
  display: none;
}

.solo_mobile {
  display: block;
}

#menu-toggle:checked~.menu li {
  font-size: 9vw;
  text-align: left;
}

.subrayado_animado a {
  border-bottom: none !important;
  /*  font-family: 'fuente4'; */
  font-size: inherit;
  text-decoration: none !important;
}

#texto_logo {
  padding-left: calc(var(--u-100) * 1);
  width: calc(var(--u-100)*12);
  line-height: 4vw;
}

.top-nav img {
  height: calc(var(--u-100) * 4);
}

.menu-button::after {
  margin-top: 3vw;
}

.menu-button, .menu-button::before, .menu-button::after {
  width: inherit;
  height: 2px;
  margin-top: calc(var(--u-100) * .75);
}

.menu-button::before {
  content: '';
  margin-top: calc(var(--u-100)*-0.75) !important;
}

.menu-button::after {
  content: '';
  margin-top: calc(var(--u-100)*0) !important;
}

.footer-a {
  padding-top: var(--u-50);
  padding-bottom: var(--u-50);
  height: auto !important;
  margin-top: calc(var(--u-100)* 2);
  margin-bottom: calc(var(--u-100)* 4);
  margin-left: calc(var(--u-100)* 2);
  margin-right: calc(var(--u-100)* 2);
  text-align: left !important;
}

#foot_normal {
  display: none !important;
}

#foot_mobile {
  display: block !important;
  font-size: var(--f2);
  margin: calc(var(--u-100) * 0) calc(var(--u-100) * 0) calc(var(--u-100) * 1) calc(var(--u-100) * 1);
  height: auto;
  top: 0;
}

#foot_mobile .foot-bloque2 * {
  float: inherit !important;
  margin: 0 calc(var(--u-100) * 1);
}

#foot_mobile * {
  float: none;
  margin: 0 0 0 calc(var(--u-100) * .50);
  margin: 0 0 0 0;
}

#foot_mobile #icono_logo {
  width: calc(var(--u-100) * 3);
  display: flex;
}

#foot_mobile #icono_logo img {
  padding: calc(var(--u-100) * .1);
  width: 100%;
}

/*test*/
.menu-button-container {
  display: flex;
  z-index: 99999999;
  position: absolute;
  margin-top: 0;
  /* left: calc( calc(var(--u-100)*24) + ( 100vw - calc(var(--u-100)*24)) / 2); */
  right: calc(var(--u-100)*2) !important;
  top: calc(var(--u-100)*2) !important;
  width: calc(var(--u-100)*2) !important;
  height: calc(var(--u-100)*2) !important;
}

#menu-toggle:checked+.menu-button-container .menu-button::before {
  margin-top: calc(var(--u-100)*0) !important;
  transform: rotate(45deg);
  background: var(--color1);
}

.menu {
  position: relative !important;
  top: 0;
  margin-top: calc(var(--u-100)*0.5) !important;
  left: calc(var(--u-100)*0) !important;
  flex-direction: column;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  background: var(--color3);
}

#menu-toggle:checked+.menu-button-container .menu-button::after {
  margin-top: 0px;
  margin-top: calc(var(--u-100)*-0) !important;
  transform: rotate(-45deg);
  background: var(--color1);
}

#menu-toggle:checked~.menu #logo_menu_header {
  text-align: left;
  display: flex;
  align-content: center;
  align-items: center;
  /* align-items: flex-start; */
  grid-column: 3 / 25;
  margin-top: calc(var(--u-100)* 2.5);
  /* display: none; */
  position: absolute;
  top: 0;
}

.subrayado_animado .submenu {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: var(--color1);
  padding-bottom: calc(var(--u-100)* .3);
}

#menu-toggle:checked~.menu #links_menu {
  grid-column: 3 / 23;
  display: flex
;
  display: grid
;
  margin-bottom: var(--u-100);
  font-family: 'fuente1' !important;
  height: auto;

  justify-content: start;
  padding-top: calc(var(--u-100)* 5);
  align-items: flex-start;
}

#menu-toggle:checked~.menu #links_menu .foot-bloque2{
  padding-top: calc(var(--u-100)* 6);
  padding-bottom: calc(var(--u-100)* 1);
}
.topbar {
  height: auto;
}

.start_menu {
  display: block;
}

#logo_menu_header img {
  width: auto;
  width: -moz-available;
  height: auto;
  width: calc(var(--u-100) * 8);
}

#viena {
  display: none !important;
  opacity: 0;
}

.foot-bloque2 .col-1, .foot-bloque2 .col-3, .foot-bloque2 .col-4 {
  width: auto !important;
  float: initial;
}

.foot-bloque2 .col-1 {
  padding-left: 0 !important;
  /* text-align: center; */
  padding-bottom: calc(var(--u-100)* 1);
}

.foot-bloque2 .col-2 {
  width: calc(var(--u-100)*15) !important;
  text-align: left !important;
  float: left !important;
}

.foot-bloque2 .col-4 {
  width: calc(var(--u-100)*9);
  text-align: left !important;
  width: calc(var(--u-100)*8) !important;
  display: flex;
  display: inline-block !important;
}