.top-nav {
        margin: 0;
        /* width: calc(var(--u-100) * 24); */
        grid-column: 2 / 25;
        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);
        background: #f7f5efb8;
        padding: calc(var(--u-100) * 1);
}
#edit_footer_4{
  margin-bottom: calc(var(--u-100) * 1);
}
#logo_menu_header a {
        height: fit-content;
        display: inline-table;
        margin-top: calc(var(--u-100) * -1);
}

#menu-toggle:checked~.menu {
  position: fixed !important;
  flex-direction: column;
}

#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;
}

.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)*4);
  margin-right: calc(var(--u-100)*4);
}

#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) !important;
  left: calc(var(--u-100)*0) !important;
  flex-direction: column;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

#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: 1/25;
  /* margin-top: calc(var(--u-100)*2); */
  display: none;
}

.subrayado_animado .submenu {
  display: inline-block;
  position: relative;
  cursor: pointer;
  color: var(--color1);
  /*  font-family: 'fuente1';
    font-size: var(--f3);*/
}

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

.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;
  padding-bottom: calc(var(--u-100)*1);
    text-align: left !important;
    margin-left: calc(var(--u-100) * 3) !important;
    width: calc(var(--u-100) * 18) !important;
}

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

.foot-bloque2 .col-4 {

    text-align: left !important;
    margin-left: calc(var(--u-100) * 3) !important;
    width: calc(var(--u-100) * 18) !important;
}