body.home {
  .site-logo {
    display: none;
  }

  h1 {
    font-family: var(--tipo-general);
  }

  .main-navigation {
    margin: auto;
  }

  @media screen and (max-width: 780px) {
    .main-navigation {
      margin-left: auto;
    }
  }
}

#masthead {
  #primary-menu {
    #menu-menu-principal {
      column-gap: 10px;

      .menu-item {
        text-transform: uppercase;
        border: 1px solid var(--c-blanco);
        border-radius: 50px;
        transition: var(--all-transition);

        a {
          line-height: 40px;
        }

        &:hover {
          border: 1px solid var(--c-secondary);
          transition: var(--all-transition);
        }
      }
    }
  }
}